#leftNav {
background:url(../img/images/bg_portfolio.jpg) top left no-repeat;
}


h1, h1.title, h4 {
color:#0aaafd;
}
h2.title {
color:#ccc;
}


a {
color:#0aaafd;
}

#number {
background:url(../img/images/01.png) bottom left no-repeat;
}
#footer form h1 {
color:#4eb2e4;
}




/*------------------------------- main slider -------------------------------*/
#my-glider {
	margin-bottom:20px;
	text-align:center;
}
#slideLeft {
	float:left;
	display:inline;
	width:35px;
	height:195px;
	padding-top:150px;
}
#slideRight {
	float:right;
	display:inline;
	width:35px;
	height:195px;
	padding-top:150px;
}
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 540px; 
	height: 345px;
	overflow: hidden;
	float:left;
	display:inline;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:540px;
		height:345px;
		overflow:hidden;
		float:left;
		padding:0;		
		}
	div.scroller div.content {
		width: 10000px;
		}



/* -------------------- slider listings -------------------- */
#my-glider ul {
	width:540px;
	height:345px;
}
#my-glider ul li {
	float: left;
	text-align:center;
	list-style:none;
	margin:5px 4px 0 4px;
	width:170px;
	height:165px;
}

#my-glider ul li a img  {
	margin-bottom:2px;
	padding:5px;
	background:#fff;
	border:2px solid #0aaafd;
}
#my-glider ul li a {
  	font-size:12px;
	line-height:12px;
	color:#666;
}
#my-glider ul li a:hover {
	color:#c33;
	text-decoration:none;
}
#my-glider ul li a:hover img  {
	border:2px solid #c33;
}

#my-glider div.controls ul {
	width:610px;
	height:14px;
	margin:0 auto 50px auto;
	padding:0;
	text-align:center;
	clear:both;
}
#my-glider div.controls h1 {
	font-size:14px;
	line-height:14px;
	height:14px;
	font-weight:normal;
	color:#66ccff;
	display:inline;
	float:left;
	margin-right:5px;
}
#my-glider div.controls ul li {
	width:14px;
	height:14px;
	margin:0 5px;
	padding:0;
	list-style:none;
}
#my-glider div.controls ul li a img {
	background:url(../img/images/portfolio_button.gif) no-repeat;
	border:none;
	margin:0;
	padding:0;
}

#my-glider div.controls ul li a:hover img {
	background:url(../img/images/portfolio_button.gif) no-repeat 0 -14px;
	border:none;
	
}
	
	

/*------------------------------- client detail layout -------------------------------*/
#portfolioDetail {
display:inline;
width:600px;
height:380px;
margin:0;
padding:0;
}
#portfolioDetail #portfolioTitle {
float:left;
display:inline;
width:30px;
height:350px;
margin:0;
padding:0;
}
#portfolioDetail ul, #portfolioCase ul {
float:left;
display:inline;
width:90px;
height:380px;
margin:0;
padding:0;
list-style:none;
}
#portfolioCase ul {
margin:10px 0 0 0;
list-style:none;
}
#portfolioDetail li, #portfolioCase li {
list-style:none;
margin:0;
padding:0;
display:inline;
}
#portfolioDetail li img, #portfolioCase li img {
list-style:none;
display:inline;
width:90px;
height:60px;
margin:0 0 5px 0;
padding:0;
text-decoration:none;
border:2px solid #0aaafd;
}
#portfolioDetail li img a, #portfolioCase li img a {
list-style:none;
margin:0;
padding:0;
}

#portfolioDetail li a:hover img, #portfolioCase li a:hover img, #portfolioDetail li img:hover , #portfolioCase li img:hover  {
border-color:#c33;
}

#portfolioDetail #main img {
float:leftt;
display:inline;
margin:0 0 0 10px;
padding:0;
border:2px solid #0aaafd;
}
#portfolioDetail #main img a {
margin:0;
padding:0;
}


#portfolioCase {
display:inline;
width:130px;
height:380px;
margin:0;
padding:10px 0 0 0;
}
#portfolioCase #portfolioTitle, #portfolioCase #portfolioLine {
float:left;
display:inline;
height:350px;
margin:0;
padding:10px 0 0 0;
}
#portfolioCase #portfolioTitle {
width:30px;
}
#portfolioCase #portfolioLine {
width:10px;
padding:10px 5px 0 5px;
}
#subpageContent #portfolioText {
float:left;
display:inline;
width:470px;
}
ul.caseThumb {
margin:0;
padding:0;
list-style:none;
}
ul.caseThumb li {
clear:left;
}
ul.caseThumb img {
clear:left;
float:left;
display:inline;
margin:0 10px 50px 15px;
border:2px solid #0aaafd;
}
ul.caseThumb img a:hover, ul.caseThumb img:hover {
text-decoration:none;
border-color:#c33;
}
ul.caseThumb a:hover h4 {
color:#0aaafd;
}