/* Global Styles */

/* "html>body" hides style from IE*/

/* Hide from IE-Mac \*/
#example1 {margin-bottom:3em}
#example2 {margin-top:1.5em}
/* End hide */

/* ID for unique items, CLASS for muliple items */
body, td, p, a, h1, h2, input, option, textarea, div
{
font-family : Tahoma, Arial, Helvetica, sans-serif;
}

a:link						{color : #666666; text-decoration : none;}
a:visited					{color : #666666; text-decoration : none;}
a:hover						{color : #FF0099; text-decoration : underline;}

body
{
background-color : #FFFFFF;
margin: 0px;
color : #000000;
font-size : 80%;
scrollbar-base-color: #EC008C;
scrollbar-arrow-color: #E1E1E1;
scrollbar-3dlight-color: #E1E1E1;
scrollbar-darkshadow-color: #EC008C;
scrollbar-track-color: #E1E1E1;
}


#container 
{
background : #FFFFFF;
margin: 0 auto;
width : 800px;
}

.alignleft
{
text-align : left;
}

.floatleft
{
float : left;
}

.alignright
{
text-align : right;
}

.floatright
{
float : right;
}

.aligncenter
{
text-align : center;
}

.hide
{
display : none;
}

.clear
{
clear : both;
}

.redtext
{
border : #CC0000 solid 1px;
color: #CC0000;
margin : 12px;
padding : 12px;
background : #FFFFFF;
}

hr
{
border : #CCCCCC dotted 1px;
height : 1px;

margin-left: 70px;
margin-right:70px;
padding-left:70px;
padding-right:70px;

}

html>body hr
{
border : #000000 solid 0px;
border-top : #CCCCCC dotted 1px;
border-bottom : #000000 solid 0px;
display : block;
margin : 3px 0px 3px 0px;
background : #FFFFFF;
}

div.backbutton
{
border : #000000 solid 0px;
float : left;
width : 20px;
height : 30px;
display : inline;
}

div.nextbutton
{
border : #000000 solid 0px;
float : left;
width : 20px;
height : 30px;
text-align : right;
display : inline;
}

div.pagenumbers
{
border : #000000 solid 0px;
float : left;
width : 500px;
height : 20px;
text-align : center;
display : inline;
}

strong.pagenumber, a.pagenumber
{
border : #000000 solid 0px;
background : #EEEEEE;
padding : 3px;
margin : 2px;
text-decoration : none;
}

div.productthumb1
{
border : #000000 solid 0px;
background : #EEEEEE;
width : 200px; 
float : left; 
display : block;
margin : 10px;
padding : 10px;
}

/* TOP START *********/

#top 
{
background :  url(../images/header.gif) top left no-repeat;

margin: 0px;
padding: 0px;
width : 800px;
height : 136px;
}

/* TOP END */

/* TOP NAVI START *********/

#topnavi
{
	border : solid 1px #CCCCCC;
	width : 400px;
	padding : 6px;
	margin : 0px 0px 3px 0px;
	position:absolute top 10px right 10px;

}

#topnavi p
{
padding : 0px;
margin : 0px;
}

/* TOP NAVI END */


/* MAIN START *********/

#main
{

padding : 0px;
margin : 0px 0px 0px 0px;
}

#main h1
{
font-weight : bolder;
font-size : 180%;
padding : 12px 24px 6px 24px;
margin : 0px 0px 0px 0px;
}

#main h2
{
font-size : 100%;
margin : 24px 12px 12px 12px;
padding : 3px 6px 3px 6px;

background : #EEEEEE;
color : #000000;
clear : both;
font-weight : bolder;
}

#main p
{
padding : 6px 24px 6px 24px;
margin : 0px;
color : #000000;
}

#main p.intro
{
font-size : 120%;
line-height : 140%;
color : #999999;
}

#main fieldset
{

margin : 12px;
padding : 12px;
}

#main fieldset p
{
padding : 6px 12px 6px 12px;
margin : 0px;
}

#main legend
{
/*
border : solid 1px #CCCCCC;
*/
background : #FFFFFF;
margin : 0px 0px 6px 0px;
padding : 3px 6px 3px 6px;
font-size : 11px;
}

#main table.table
{
width : 529px;
}

#main td p
{
padding : 0px;
margin : 0px;
}

#main fieldset.productoption
{
clear : both;

background : #F8F8F8;
margin-top : 3px;
margin-bottom : 3px;
}

#main fieldset.left
{


width : 227px;
float : left;
margin : 6px 5px 6px 6px;
font-size : 85%;
}

html>body #main fieldset.left
{
margin : 6px 5px 6px 12px;
padding : 0px 12px 12px 12px;
}

#main fieldset.right
{

width : 227px;
float : left;
margin : 6px 0px 6px 6px;
font-size : 85%;
}

html>body #main fieldset.right
{
margin : 6px 0px 6px 6px;
padding : 0px 12px 12px 12px;
}


#main img
{
border : solid 0px #EEEEEE;
}

#main fieldset.news
{

margin : 3px;
padding : 12px;
background : #EEEEEE;
font-size : 11px;
color : #999999;
text-align : center;
}

#main fieldset.news strong
{
color : #000000;
}

/* MAIN END */


/* NAVI START *********/

#navi
{
border : solid 1px #CCCCCC;
width : 214px;
float : left;
padding : 0px 0px 6px 0px;
margin : 0px 3px 3px 0px;
}

#navi ul
{
margin : 3px 0px 0px 0px;
padding : 0px 0px 0px 0px;
display : block;
}

#navi li
{
border : #FFFFFF solid 1px;
margin : 0px 3px 0px 3px;
padding : 0px;
display : block;
list-style-type : none;
}

#navi li a.section
{
border : #FFFFFF solid 0px;
border-top : #CCCCCC dotted 1px;
font-size : 11px;
line-height : 14px;
text-decoration : none;
margin : 0px;
padding : 3px 12px 3px 12px;
display : block;
}

#navi li a.section:hover
{
background : #EEEEEE;
}

#navi li a.subsection
{
border : #FFFFFF solid 0px;
font-size : 11px;
line-height : 14px;
text-decoration : none;
margin : 0px;
padding : 1px 12px 1px 24px;
display : block;
}

#navi li a.subsection:hover
{
background : #F8F8F8;
}

#navi p
{
margin : 6px 12px 6px 12px;
font-size : 85%;
}

#navi fieldset
{

margin : 3px;
padding : 12px;
background : #EEEEEE;
font-size : 11px;
color : #666666;
}

/* NAVI END */

/* BASE START ***********/

#base
{


background : url(../images/base_bg.gif) top left no-repeat;
width : 800px;
 
padding : 6px;

margin: 0 auto;
}

#base p
{
text-align : center;
margin : 6px;
font-size : 85%;
line-height : normal;
color : #999999;
}

#base a:link					{color : #666666; text-decoration : none;}
#base a:visited					{color : #666666; text-decoration : none;}
#base a:hover					{color: #EC008C; text-decoration:none;}

/* BASE END */

/* FORM STYLES - START */

form
{
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}

label
{
font-weight : normal;
}

label.formleft
{
display : block;
width : 150px;
float : left;
line-height:120%;
text-align : right;
margin-right : 6px;
color:#666666;
}

small.formnote /* margin left same width as label.formleft width */
{
margin : 0px 0px 0px 160px;
display : block;
}

input.checkbox
{
width : 20px;
float : left;
}

label.labelright
{
display : block;
width : 90%;
float : left;
margin-right : 6px;
text-align : left;
font-size : 9px;
font-weight : normal;
color : #000000;
padding-top : 4px;
}

fieldset
{
margin : 12px;
padding : 6px;
}

#search fieldset
{
margin : 12px 12px 12px 12px;
padding : 6px;
width: 290px;
height: 60px;
border: 1px solid #cccccc;
}

fieldset.address
{
width : 45%;
float : left;
margin : 12px;
padding : 6px;
}

legend
{
color : #000000;
font-weight : bolder;
}

.formmsg
{
color: #CC0000;
padding-top : 6px;
}

.form
{
width : 200px;
}

textarea
{
font-size : 12px;
}

.button
{
background-color : #EC008C;
color: #ffffff;
border:1px solid #666666;
font-size:10pt;
font weight: bold;

}

/* FORM STYLES - END */

table
{
margin-top : 12px;
margin-bottom : 12px;
border : 0px;
}

caption
{
text-align : left;
}

th
{
background-color : #CCCCCC;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
font-size : small;
font-weight: normal;
text-align : left;
border : 0px;
}

td.right, td.data, td.center
{
background-color : #EEEEEE;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
border : 0px;
}

td.right
{
text-align : right;
}

#highlight a.title
{
color: #999999;
font-size: 18px;
font-weight:bold;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif, Verdana ;
}

#highlight small
{
color: #000000;
font-size: 10px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#highlight p.pricelabel
{
color: #000000;
font-size: 12px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#highlight p.price
{
color: #CC0000;
font-size: 14px;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#highlight .mainimg
{
	margin-right: 10px;
	margin-left: 10px;
	}
	
#highlight  {
background-image: url(../images/highlight_bg.gif);
	background-repeat: none;
	background-position: center top;
}

#highlight legend{
	color: #328CB7;
	font-size:110%;
	font-weight: bolder;
	margin: 0px 0px 0px 10px;
}

#highlight .smallimg_1{
float:left;
margin:10px 0px 0px 0px;
}

#highlight .smallimg_2{
float:right;
margin:10px 0px 0px 0px;
}

#highlight .smallimg_3{
float:left;
margin:3px 0px 0px 0px;}

.highlightbutton {
margin:20px 0px 0px 40px;
}
.toptable-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
}

.toptable-text a{
	
	color: #666666;
}

.toptable-text a:hover{
	
	color: #EC008C;
	text-decoration:none;
}

#services{

background:#EEEEEE;
}

#webserv
{
	background-image:url(../images/webservice_bg.gif);
	background-repeat: no-repeat;
	height:423px;
	
}

#webserv p{
margin-left:25px;
width:430px;
}

#brandserv
{
	background-image:url(../images/brandservice_bg.gif);
	background-repeat: no-repeat;
	height:358px;
	
}

#brandserv p{
margin-left:25px;
width:430px;
}



#marketserv
{
	background-image:url(../images/marketservice_bg.gif);
	background-repeat: no-repeat;
	height:282px;
	
}

#marketserv p{
margin-left:25px;
width:430px;
}


#printserv
{
	background-image:url(../images/printservice_bg.gif);
	background-repeat: no-repeat;
	height:363px;
	
}

#printserv p{
margin-left:25px;
width:430px;
}

#contact
{
	background-image:url(../images/contact_bg.gif);
	background-repeat: no-repeat;
	height:277px;
	padding:20px;
	margin:0px;
	
}
.porttitle{
font-family:Arial, Helvetica, sans-serif;
color:#999999;

padding:5px 0px 20px 0px;}

.portlink a{
padding: 10px 10px 10px 20px;
color:#FF0066;
}

.portlink a:hover{
padding: 10px 10px 10px 20px;
color:#FF33CC;
}


#portback
{
	background-image:url(../images/port_bg.gif);
	background-repeat: no-repeat;
	height:1250px;
	
}

#casestudy
{
	background-image:url(../images/casestudy_bg.gif);
	background-repeat: no-repeat;
	height:960px;
	
}
#casestudy p{
margin-left:25px;

}

#casestudy table{
margin-left:50px;
width: 700px;
}