/* CSS Document */


/* BODY ----------------------------------------- */
HTML{
    height:100%;
	background-color:#FFFFFF;
}  

BODY{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:18px;
	background-color:#FFFFFF;
	color:#333333;
	margin:0px;
	padding:0px;
	background-image:url(../images/backgroundElements/background_page.jpg);
	background-repeat:repeat-y;
	background-position:top;
	height:100%;
}
 
 


a{
color:#333333;
text-decoration:underline;
}

a:hover{
color:#19338f;
text-decoration:none;
}


/* CONTENT CONTAINER ----------------------------------------- */
DIV#container{
position:relative;
padding:0px;
margin:0px auto;	
width:750px;
	height:expression('100%');
	background-image:url(../images/backgroundElements/background_page.jpg);
	background-repeat:repeat-y;
	background-position:top;
}



/* HEADER ----------------------------------------- */

DIV#header{
margin:0px auto;
width:750px;
}

DIV#headerImage{
margin:0px auto;
padding:0px;
width:750px;
height:60px;
background-image:url(../images/backgroundElements/header.jpg);
background-position:bottom center;
background-repeat:no-repeat;
}  


#headerImage p{
float:right;
text-align:right;
font-size:9px;
line-height:12px;
padding:28px 10px 0px 0px;
margin:0px;
color:#FFFFFF;
}

#headerImage a{
color:#FFFFFF;
text-decoration:underline;
}

#headerImage a:hover{
color:#1A67A3;
text-decoration:none;
}


DIV#holder{
margin:0px auto;
width:740px;
}

DIV#leftHolder{
width:185px;
float:left;
}



/* NAVIGATION ----------------------------------------- */
DIV#navigation{
margin:0px;
padding:0px;
width:185px;
float:left;

}

/* WITH CLIENT AREA 
#navigation a{
color:#FFFFFF;
display:block;
width:170px;
width:expression('170px');
padding-left:15px;
padding-top:8px;
padding-bottom:2px;
height:22px;
border-bottom:1px solid #FFFFFF;
margin:0px;
font-size:11px;
font-weight:bold;
text-decoration:none;
}*/

#navigation a{
color:#FFFFFF;
display:block;
width:170px;

padding-left:15px;
padding-top:10px;
padding-bottom:3px;
height:24.5px;
border-bottom:1px solid #FFFFFF;
margin:0px;
font-size:11px;
font-weight:bold;
text-decoration:none;
background-color:#000000;
background-image:url(../images/backgroundElements/menu_bg.jpg);
background-repeat:repeat-y;
background-position:top right;
}


#navigation a#contact{
border-bottom:1px solid #000000;
}

#navigation a:hover{
background-color:#5f7e9f;
color:#FFFFFF;
text-decoration:none;
background-image:url(../images/backgroundElements/menuOver_bg.jpg);
background-position:right;
background-repeat:repeat-y;
}

#navigation a#contact:hover{
border-bottom:#5f7e9f 1px solid;
}




BODY#home #home,
BODY#ibrand #ibrand,
BODY#features #features,
BODY#services #services,
BODY#caseStudies #caseStudies,
BODY#clientArea #clientArea,
BODY#contact #contact{
background-color:#FFFFFF;
color:#333333;
text-decoration:none;
background-image:url(../images/backgroundElements/navOver_bg.jpg);
background-position:right;
background-repeat:repeat-y;

}



/* LOGIN ----------------------------------------- */

DIV#login{
	width:185px;
	margin:0px;
	padding:0px;
	float:left;
	color:#FFFFFF;

} 

#login div#adSpace{
background-color:#FFFFFF;
background-image:url(../images/backgroundElements/loginShadow.jpg);
background-repeat:repeat-y;
background-position:top right;
margin:0px;
padding:0px;
color:#333333;
}

#adSpace p{
margin: 5px 15px;
}


#adSpace img{
margin:8px;
}

#login a.picture{
 display:block;
	padding:0px;

 margin:0px;
 background-color:transparent;
 border-bottom:1px solid #666666;
}


#login table{
font-size:9px;
color:#FFFFFF;
margin:0px;
width:160px;
padding:0px 0px 0px 15px;
	line-height:10px;
}
#login h1{
margin:0px;
padding:0px;
font-size:11px;
color:#FFFFFF;
margin:10px 0px 0px 15px;
}
#login form{
margin:0px;
padding:0px;
}
#login input#userName{
display:block;
font-size:10px;
padding:8px 5px 0px 9px;
margin:0px 0px 0px 8px;
background-color:transparent;
border:0px;
width:139px;
height:30px;
background-image:url(../images/backgroundElements/input_bg.jpg);
background-repeat:no-repeat;
background-position:top left;
background-attachment:expression('fixed');
color:#666666;
}



#login input#loginSubmit{
background-color:transparent;
border:0px;
background-image:url(../images/backgroundElements/submit_bg.jpg);
background-repeat:no-repeat;
background-position:center;
color:#333333;
font-weight:bold;
font-size:8px;
padding-bottom:3px;
height:25px;
width:25px;
padding:0px;
margin:0px;
}

#login a{
color:#FFFFFF;
}
#login a:hover{
color:#000000;
}

#adSpace h1{
		 background-color:#393939;
		 width:170px;
		 text-align:left;
		 padding:12px 0px 7px 15px;
		 padding-top:expression('10px');
		 margin:0px 0px 0px 0px;
		 background-image:url(../images/backgroundElements/subNavBG2.jpg);
		 background-repeat:repeat-y;
		 background-position:right;
		 font-size:12px;
		 color:#FFFFFF;
 }

#adSpace h1.newsLetter{
		 background-color:#F37421;
		 width:170px;
		 text-align:left;
		 padding:12px 0px 7px 15px;
		 padding-top:expression('10px');
		 margin:0px 0px 0px 0px;
		 background-image:url(../images/backgroundElements/subNavBG3.jpg);
		 background-repeat:repeat-y;
		 background-position:right;
		 font-size:12px;
		 color:#FFFFFF;
 }


/* IMAGE/FLASH AREA ----------------------------------------- */
DIV#rightHolder{
width:555px;
float:right;
padding:0px;
margin:0px 0px 0px 0px;
}

DIV#imageSpace{
width:555px;
margin:0px;
padding:0px;
background-color:#FFFFFF;
}

#imageSpace img{
display:inline;
border:0px;
padding:0px;
margin:0px;
}

DIV#subHolder{
	margin:0px auto;
	width:555px;
	padding:0px;
	margin-top:expression("-5px");
}


/* CONTENT ----------------------------------------- */






	 /* TEXT ----------------------------------------- */
	 
	 DIV#text{
		 float:left;
		 padding:0px;
		 margin:0px;
		 width:370px;

	 }
	 
	 
	  #text p{
	 	margin:15px 15px 10px 15px;
		text-align:justify;
		line-height:19px;
		padding:0px;
	 }
	 
	 
	 #text p#products{
	 	margin:15px 15px 20px 15px;
		text-align:justify;
		line-height:19px;
		padding:0px 0px 15px 110px;
		border-bottom:1px dotted #CCCCCC;
		
	 }
	 
	 
	 #text table{
		 margin-left:15px;
		 margin-left:expression('0px');
	 }
	 
	 
	 #text p#quote{
	 	margin:15px 25px 10px 25px;
		text-align:justify;
		line-height:16px;
		padding:0px;
	 }
	 
	 #text p#top{
	 	margin:15px 15px 10px 15px;
		text-align:justify;
		line-height:19px;
		padding:0px;
	 }
	 
	 #text img#thumbnail{
		float:right;
		text-align:center;
		margin:0px 0px 5px 10px;
	 }
	 
	 #text img#floaterImage{
		float:left;
		margin:0px 0px 5px -110px;
	 }
	 
	 #text span#special{
	 	color:#19338f;
	 }
	 #text span#footNote{
	 	font-size:9px;
		color:#19338f;
	 }
	 
	 #text  strong{
	  color:#19338f;
	 }
	 #text h1{
		 color:#19338f;
		 font-size:16px;
		 margin:15px 15px 10px 15px;
	 }
	 
	 DIV#textHeader{
		 color:#FFFFFF;
		 font-size:16px;
		 margin:0px;
		 padding:13px 0px 7px 15px;
		 background-color:#19338f;
		 font-weight:bold;
		 background-image:url(../images/backgroundElements/mainHeader_BG.jpg);
		 background-repeat:repeat-x;
		 background-position:bottom left;
	 }
	 
	 #text h2{
	 	color:#FF6600;
		font-size:14px;
		margin:15px 15px 5px 15px;
	 }
	 
	 #text ul{
	 	margin:10px 15px 5px 0px;
		margin-left:expression('30px');
	 }
	 
	 #text ol{
	 	margin:10px 15px 5px 0px;
		margin-left:expression('45px');
	 }
	
	#text a#imageLink{
	text-decoration:none;
	}
	 
	 /* SUBNAV ----------------------------------------- */ 
 	DIV.subNav{
		float:right;
		padding:0px;
		margin:0px;
		width:185px;
		background-color:#FFFFFF;
		border-bottom:1px solid #000000;
		background-image:url(../images/backgroundElements/subNav_bg.jpg);
		 background-repeat:repeat-y;
		 background-position:left;
	}
 
	 .subNav h1{
		 background-color:#393939;
		 width:170px;
		 text-align:right;
		 padding:13px 15px 7px 0px;
		 margin:0px 0px 0px 0px;
		 background-image:url(../images/backgroundElements/subNavBG.jpg);
		 background-repeat:repeat-y;
		 background-position:left;
		 font-size:12px;
		 color:#FFFFFF;
	 }
 
 
 .subNav img{
margin:15px 10px 15px 0px;
display:block;

 }
 
.subNav a.picture{
 display:block;

 padding:0px;
 padding-left:15px;
 margin:0px;
 background-color:transparent;
 border-bottom:1px solid #666666;
}

.subNav a.picture:hover{
		background-image:url(../images/backgroundElements/subNav_bg.jpg);
		 background-repeat:repeat-y;
		 background-position:left;
		 background-color:#FFFFFF;
}
 
 .subNav a{
 display:block;
 color:#666666;
 text-align:right;
 width:170px;
 padding:8px 15px 8px 0px;
 font-size:11px;
 margin:0px;
 font-weight:bold;
 text-decoration:none;
 background-color:transparent;
 border-bottom:1px solid #666666;
 }

.subNav a:hover{
	background-color:#a1a1a1;
	color:#FFFFFF;
	background-image:url(../images/backgroundElements/subNavHover_bg.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
 
.subNav#profile #profile,
.subNav#partners #partners,
.subNav#clients #clients,
.subNav#team #team,
.subNav#news #news,
.subNav#feature1 #feature1,
.subNav#feature2 #feature2,
.subNav#feature3 #feature3,
.subNav#feature4 #feature4,
.subNav#feature5 #feature5,
.subNav#feature6 #feature6,
.subNav#feature7 #feature7,
.subNav#feature8 #feature8,
.subNav#feature9 #feature9,
.subNav#servHome #servHome,
.subNav#design #design,
.subNav#print #print,
.subNav#promote #promote,
.subNav#promoteCat #promoteCat,
.subNav#apparelCat #apparelCat,
.subNav#caseStudHome #caseStudHome,
.subNav#caseStudHome2 #caseStudHome2,
.subNav#caseStudHome3 #caseStudHome3,
.subNav#caseStudHome4 #caseStudHome4,
.subNav#caseStudHome5 #caseStudHome5,
.subNav#caseStudHome6 #caseStudHome6,
.subNav#caseStudHome7 #caseStudHome7,
.subNav#caseStudHome8 #caseStudHome8,
.subNav#caseStudHome9 #caseStudHome9,
.subNav#caseStudHome10 #caseStudHome10,
.subNav#caseStudHome11 #caseStudHome11,
.subNav#caseStudHome12 #caseStudHome12,
.subNav#caseStudHome13 #caseStudHome13,
.subNav#caseStudHome15 #caseStudHome15,
.subNav#caseStudHome16 #caseStudHome16,
.subNav#caseStudHome17 #caseStudHome17,
.subNav#caseStudHome18 #caseStudHome18{
background-color:#686868;
color:#FFFFFF;
background-image:url(../images/backgroundElements/subNavDown_bg.jpg);
background-repeat:repeat-y;
background-position:left;
} 
 

 .subNav p{
 	margin:15px 0px;
	text-align:right;
	padding-right:15px;
 }
 
/* FOOTER ----------------------------------------- */
DIV#footer{
margin:0px auto;
padding:0px;
position:fixed;
position:expression('absolute');
bottom:-2px;
height:30px;
width:100%;
left:0px;}


#footer DIV#footerText{
background-color:#000000;
margin:0px auto;
padding:0px 0px 10px 0px;
padding:expression('0px');
width:740px;
height:30px;
color:#FFFFFF;
font-size:9px;
}

#footerText p#left{
float:left;
width:300px;
padding:5px;
margin:0px;
}

#footerText p#right{
float:right;
width:300px;
padding:5px;
text-align:right;
margin:0px;
}

DIV#footerText a{
color:#FFFFFF;
}
DIV#footerText a:hover{
color:#5f7e9f;
}
#headerImage a{
color:#FFFFFF;
text-decoration:underline;
}

#headerImage img{
display:none;
}
#headerImage a:hover{
color:#5f7e9f;
text-decoration:none;
}


/* CLEAR ----------------------------------------- */
DIV.clear{
clear:both;
margin:0px;
padding:0px;
}

div#map{

width: 340px; 
height: 300px;
margin:15px;
background-color:#CCCCCC;
}



div#hidden{
display:none;
padding:0xp;
margin:0px;
position:absolute;
top:0px;
left:0px;
}

table#newsLetterForm td{
padding-bottom:10px;

}



a#thumbnailLink {
margin:0px; 
display:block; 
padding:2px; 
font-weight:bold; 
border:1px solid #19338f;;
}

a#thumbnailLink:hover{
border:1px solid #FF6600;
}