@charset "UTF-8";
/* CSS Document */

:focus
{
  -moz-outline-style: none;
}
body{
margin:0;
padding:0;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#offerTitle a{
color:#339966; cursor:pointer;
}

#offer a{
	color:#FFFFFF;
	}
	
#homeTitle{
margin-top:10px;
margin-left:81px;
width:568px;

font-size:18px;
color:#339966;

padding-left:0px;
height:45px;
}

.theLogo{
margin-top:43px;
margin-left:28px;

}

.theFlash{
padding-top:30px;
*margin-top:30px;
padding-left:40px;
*margin-left:40px;
display:block;

}

#footer{

font-size:10px;
*font-size:9px;
color:#8c96a1;

position:relative;
bottom:-25px;
left:70px;
padding-bottom:20px;
margin-top:10px;
}

#footer a{

font-size:10px;
*font-size:9px;
color:#8c96a1;


}

#footer a:hover{

font-size:10px;
*font-size:9px;
color:#01688a;


}

#vertical_slide, #horizontal_slide {
	background: #D0C8C8;
	color: #8A7575;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}

div.marginbottom {
	margin-bottom: 10px;
}


.shoePopUp{
text-align:center;
width:165px;
height:51px;
background:url(../img/shoePop.gif) no-repeat top;
position:absolute;
top:-3px;
left:2px;
padding-top:10px;
}

.shoePopUpHidden{
text-align:center;
width:165px;
height:51px;
background:url(../img/shoePop.gif) no-repeat top;
position:absolute;
top:-3px;
left:2px;
visibility:hidden;
}



/* For the sample area */
.sampleContainer{
width:158px;
height:247px;
position:absolute;
top:394px;
left:70px;
}

#samples img{
border:1px double #cacaca;
}

.shoeImg{
border:1px double #cacaca;
}

.mainShoe{
	
	border:3px solid #e7e8ea;

}
#samples div{
width:147px;
border:3px solid #e7e8ea;
}
/* end of sample area */




/* content blocks */
#interiorContent{
width:392px;
min-height:250px;

margin-top:60px;
margin-bottom:0px;
margin-left:316px;
}

#interiorContentBig{
width:600px;
min-height:250px;

margin-top:30px;
margin-bottom:0px;
margin-left:70px;
}

#homeContent{
margin-top:3px;
margin-left:81px;
width:467px;
text-align:left;

color:#464646;

min-height:67px;

padding-bottom:30px;
}

#content{
line-height:19px;
color:#3f5063;
}
/* end of content blocks */





/*heading area */

#headingContainerLanding{
width:694px; 
height:181px; 
background:url(../img/landingBack.gif) right top no-repeat; 
position:relative; 
left:30px;
top:30px;
}

#leftSideLanding{
position:absolute; 
left:0px; 
top:0px; 
text-align:center; 
width:270px; 
height:182px; 
color:#FFFFFF; 
font-size:28px;
}
#leftSideLanding table{
	font-size:28px;	
	color:#ffffff;
	text-align:center;
}
.showSearch{
	background:#01688a;	
	color:#ffffff;
	padding:2px;
}
#shadow{
background:url(../img/shadow.gif) 0 0 no-repeat;
height:183px;
width:27px;
position:absolute;
left:245px;
top:-1px;
filter:alpha(opacity=10);
-moz-opacity:.10;
opacity:.10;
}

#rightSideLanding{
position:absolute; 
left:287px; 
top:10px; 
width:280px;
height:160px;
}

#headingContainerSub{
width:694px; 
height:180px; 
position:relative; 
left:30px;
top:30px;
}

#leftSideSub{
position:absolute; 
left:0; 
top:-1px; 
background:url(../img/headingBack.png) right top no-repeat; 
text-align:center; 
width:250px; 
height:182px; 
font-size:28px;
}

#leftSideSub table{
font-size:28px;	
text-align:center; 
	
	}
#shadowSub{
background:url(../img/shadow.gif) 0 0 no-repeat;
height:183px;
width:27px;
position:absolute;
left:244px;
top:0px;
filter:alpha(opacity=10);
-moz-opacity:.10;
opacity:.10;
}

#rightSideSub{
position:absolute; 
left:290px; 
top:10px; 
width:280px;
height:160px;
}
/*end heading area*/





/* sub navigation elements */
#subNav{
background:url(../img/headingShadow.gif) 0 0 no-repeat;
width:450px;
height:60px;

position:relative; 
left:290px;
top:30px;
padding-left:0px;
text-align:center;
font-size:12px;
}

.subNavItem{
width:90px;
padding-left:11px;
padding-right:11px;
padding-top:25px;
float:left;
text-align:center;
position:relative;
font-size:12px;

}

.subNavItem A ,.subNavItemFaded A {
	text-transform:capitalize;

display: block;

position: relative;

top:-20px;

padding-top:20px;

}


.subNavItemFaded{
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
width:90px;
padding-left:11px;
padding-right:11px;
padding-top:25px;
float:left;
text-align:center;
position:relative;
text-transform:capitalize;

}

.subNavItemFaded:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
width:90px;
padding-left:11px;
padding-right:11px;
padding-top:25px;
float:left;
text-align:center;
position:relative;
}

.subNavIndicator{
background-color:#cccccc;
height:3px;
width:10px;
position:absolute;
top:2px;
left:52px;
}

.subNavIndicatorBottom{
background-color:#cccccc;
height:3px;
width:10px;
position:absolute;
bottom:2px;
left:62px;
}

/* end of sub navigation elements */



/* text treatments */

.yellowHeading{
font-size:24px;
color:#f4b414;

}

.redHeading{
font-size:24px;
color:#990033;
}

.blueHeading{
font-size:24px;
color:#01688a;
}

.greenHeading{
font-size:24px;
color:#339966;
}

.cgiHeaderStyle,h1{
color:#01688a;
font-size:15px;
}

.greySub{
color:#999999;
font-size:12px;
margin-top:-10px;
}

a{
	color:#8c96a1;
text-decoration:none;
}

#content a{
color:#01688a;
font-weight:bold;

}

#content strong,#samples strong{
color:#01688a;
	
}
#content a:hover{
color:#01688a;
font-weight:bold;
text-decoration:underline;
}



h2{
font-weight:100;
}

.newsHeader{
	display:inline;
	color:#01688a;
	text-decoration:none;
}
#heading {
color:#FFFFFF;

font-size:24px;
}

/* end of text treatments */




/* portfolio */
#portfolioSpecific{
	position:absolute;
	top:156px;
	left:397px;
	width:332px;
	height:375px;
	background-color:#FFFFFF;
	z-index:5;
}
 
.main-content {
	width: 387px;
	padding:0px;

}

.section{
	margin:0 0 0 0;
	width:385px;
	height:80px;
	float:left;
	margin-right:0px;
	display:block;
	padding-top:0px;
	padding-bottom:1px;
		background-color:#e2e5e8;
		color:#3f5063;
		font-size:12px;
		

}

.imageSide{
background-color:#000000;
width:207px;
float:left;
margin-right:15px;
}

.imageSide img{
background:black;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
background-color:#000000;


}

.imageSide img:hover{
display:inline;
background:black;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

.portSort{
margin-bottom:10px;
}

.portSortCurrent{
background:#eeeff1;
margin-bottom:10px;
}



.jobText{
padding-left:15px;
margin-top:25px;
}


.imagesBar{
background:#e2e5e8;
height:14px;
padding-top:3px;
padding-left:20px;
margin-top:5px;
color:#556475;
width:305px;
margin-left:auto;
margin-right:auto;
}

.imgLink{
padding-left:7px;
padding-right:7px;
padding-top:3px;

background:#FFFFFF;
font-size:10px;
display:inline;
margin-right:10px;
cursor:pointer;
color:#000000;
}


.imgSelected{
background:#990033;
color:#FFFFFF;
padding-left:7px;
padding-right:7px;
padding-top:3px;
font-size:10px;
display:inline;
margin-right:10px;
cursor:pointer;
}

.clientName{
color:3f5063;
font-weight:bold;
}
/* end portfolio */

#portfolioHeading{
background:URL(../img/portfolioTop.gif) no-repeat;
width:681px;
height:175px;

position:relative;
left:30px;

padding-left:39px;
padding-top:45px;

}

#portfolioSubNav{
width:280px;
height:32px;
position:absolute;
left:400px;
top:64px;
}

#portfolioSubNav a{
font-size:12px;
}

#portfolioTypeNav{
width:452px;
height:65px;
background:url(../img/portNavShadow.gif) 0px 55px no-repeat;

position:relative;
left:200px;
top:10px;

padding-top:18px;
padding-left:5px;

}

.portTypeNavItem{
width:90px;
height:38px;
float:left;
text-transform:capitalize;
color:#a3abb4;
text-align:center;
padding-left:10px;
padding-right:10px;
background:#FFFFFF url(../img/longPortDivider.gif) right bottom no-repeat;
border-bottom:1px solid #dedede;
cursor:pointer;

filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
}

#offer{
text-transform:none;	
}

.portTypeNavItemSelected{
width:90px;
height:43px;
float:left;
text-transform:capitalize;

color:#a3abb4;
text-align:center;
padding-left:10px;
padding-right:10px;
background:#FFFFFF url(../img/longPortDivider.gif) right bottom no-repeat;
border-bottom:1px solid #dedede;
cursor:pointer;

}


.portfolioContent{
width:674px;
min-height:379px;
*height:380px;
position:relative;
left:40px;
top:0px;
}

.portfolioContentHidden{
width:674px;
height:379px;
position:relative;
left:40px;
top:-30px;
display:none;
}

.clientListPort{
width:195px;
position:absolute;
left:-10px;
top:0;

text-align:right;
font-size:12px;
color:#788491;
}

.clientListClient{
font-size:12px;
color:#788491;
height:20px;
cursor:pointer;
margin-bottom:5px;
padding-top:2px;
padding-right:5px;
border-top:2px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;
padding-bottom:0px;

}

.clientListClient:hover{
font-size:12px;
color:#788491;
background:#f0f1f3;
height:20px;
cursor:pointer;
margin-bottom:5px;
padding-top:2px;
padding-bottom:0px;

padding-right:5px;

border-top:2px solid #f0f1f3;
border-bottom:2px solid #f0f1f3;
}

.clientListClientActive{
font-size:12px;
color:#788491;
height:20px;
padding-right:5px;
padding-bottom:0px;

margin-bottom:5px;
padding-top:2px;

cursor:pointer;

border-top:2px solid #e2e3e5;
border-bottom:2px solid #e2e3e5;
}

.clientListPortHidden{
width:175px;
position:absolute;
left:0;
top:0;
display:none;

}

.theSample{
width:467px;
height:234px;

position:absolute;
left:200px;
top:0;
}
.imagesWrapper{
	width:387px;
	height:292px;
	top:-20px;
	left:35px;
	position:absolute;
	overflow:hidden;
	
	border:6px solid #e7e8ea;
		padding:1px;
		background:#cacaca;
}

#insideImages{
	height:304px;
	position:relative;
	left:0px;
	top:0px;
	padding:0;
}
.theSampleImg{
margin-right:1px;
float:left;
}

.sampleOutBorder{
position:relative;
border:6px solid #e7e8ea;
}

.sampleTitle{
color:#01688a;
font-size:16px;


}

.sampleInfo{
position:absolute;
color:#788491;
font-size:12px;
left:280px;
top:-40px;
width:150px;
}

#desc{
position:relative;
color:#788491;
font-size:12px;
left:397px;
top:0px;
background:#FFFFFF;
width:338px;
height:356px;
padding-left:30px;
padding-top:20px;
}

#descWrapper{
position:absolute;
left:60px;
top:-20px;
width:379px;
height:386px;
overflow:hidden;
}
.closeX{
position:absolute;
left:-10px;
top:21px;
cursor:pointer;
width:21px;
height:21px;
}

#shadBox{
width:4px;
height:305px;	

position:absolute;
left:-4px;
top:0px;

background:url(/img/boxShadowTile.gif);
filter:alpha(opacity=40);
-moz-opacity:.4;
opacity:.4;
}

#theDesc{

width:320px;
}
.sampleNav{
position:absolute;
left:18px;
top:0;
width:438px;
}

#currentSample{
position:absolute;
left:140px;
top:4px;
color:#788491;

width:53px;
display:none;
}

/* client page */

.clientList{
width:140px;
margin-left:240px;
font-size:12px;
color:#788491;
position:relative;
top:-250px;
left:0;
}


.clientListHidden{
width:175px;
position:absolute;
left:0;
top:0;
display:none;

}

.industryList{
width:200px;
text-align:right;
font-size:12px;
color:#788491;

position:relative;
left:0;
top:0;
}

.vidForAll{
	position:relative;
	left:-40px;	
}
/*end client page*/