@charset "utf-8";
/* This is the portfolio of Shweta Oke. Art Director. */
body {
	margin: 0;
	padding: 0;
	background-color: #000;
	background-image: url(../imgs/bg.jpg);
	background-attachment: fixed;
	font-family:Arial, Helvetica, sans-serif;
	color:#898989;
	margin-top: 0px;
}
#logoTitle{
margin-left:40px;
width:316px;
height:49px;
}
#contactInfo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	z-index:100;
	margin-top:-50px;
	margin-right:50px;
	float:right;
}
#navText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:40px;
	width:960px;
	float:left;
	text-align:left;
	margin-left:40px;
	margin-right:auto;
	border: 0px solid #F90;
	line-height: 20px;
}
.orgText{
color:#de8313;	
}

.pinkText{
color:#f386b6;
}

.grnText{
color:#46a50b;	
}
.gryText{
color:#666666;	
}

#content {
	width:980px;
	height: 4800px;
	margin-left: auto;
	margin-right: auto;
	background-attachment: scroll;
	/*background-image: url(../imgs/headerbg.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
	z-index:0;
}
a:link {
	color: #999;
	text-decoration: none;
	font-style: normal;
	background-color: transparent;

}

a:visited {
	color: #999;
	text-decoration: none;
	font-style: normal;
	background-color: transparent;


}

a:hover {
	color: #999;
	text-decoration: none;
	font-style: normal;
	background-color: transparent;

}

#wrapper {
	width:1041px;
	height: auto;
	margin:0 auto;
	position: relative;
	text-align: center;
	
} 
#header{
	margin:auto;
	border: 0px solid #39C;
	margin-top:50px;
}
#headerImg{
	margin-top:0px;
	margin-left:-40px;
	margin-right:auto;
	padding: 0px;
	border: 0px;
	text-align: center ; 
	z-index:1;
	
}

#logo {
	margin: auto;
	margin-top:-290px;
	margin-left:-50px;
	padding: 0px;
	border: 0px;
	text-align: center ; 
	z-index:2;
	
}

#contact {
	padding: 0px;
	border: 0px;
	position: absolute; top: 186px; right: 422px;
	font-size: 15px;
	color: #FFFFFF;   
}

#strapline {
	padding: 0px;
	border: 0px;
	position: absolute; bottom: -164px; left: 598px;
	font-size: 18px;
	font-style: italic;
	color: #FFFFFF; 
	white-space: pre;
}
#workWrapper{
	border: 0px solid #0F0;
	width:990px;
	margin-left:30px;
	margin-right:auto;
	position:absolute;
	margin-top:230px;
	float:left;
	
}

#work{
	position: absolute;
	top: 0px;
	left: 1px;
	text-align:left;
	height:545px;
} 

#work2{
border: 0px solid #0F0;
position:absolute;
	top:600px;
	left: 1px;
	float:left;
	text-align:left;
} 

#work3{
	border: 0px solid #0F0;
position:absolute;
	top:1200px;
	left: 1px;
	float:left;
	text-align:left;
} 

#work4{
	border: 0px solid #0F0;
position:absolute;
	top:1800px;
	left: 1px;
	float:left;
	text-align:left;
	
	} 

#work5{
	border: 0px solid #0F0;
position:absolute;
	top:2400px;
	left: 1px;
	float:left;
	text-align:left;
	} 

#work6{
	border: 0px solid #0F0;
	position:absolute;
	top:3000px;
	left: 1px;
	float:left;
	text-align:left;
} 

#work7{
	border: 0px solid #0F0;
	position:absolute;
	top:3600px;
	left: 1px;
	float:left;
	text-align:left;
} 

#work8{
	border: 0px solid #0F0;
	position:absolute;
	top:4200px;
	left: 1px;
	float:left;
	text-align:left;
} 

#work9{
	border: 0px solid #0F0;
	position:absolute;
	top:4800px;
	left: 1px;
	float:left;
	text-align:left;
} 

#work10{
	border: 0px solid #0F0;
	position:absolute;
	top:5400px;
	left: 1px;
	float:left;
	text-align:left;
} 

#work11{
	border: 0px solid #0F0;
	position:absolute;
	top:6000px;
	left: 1px;
	float:left;
	text-align:left;
} 

.workPanel {
	padding: 0px;
	border: 0px;
	position: absolute; top: 250px; left: 49px;   
}
.workPanel2 {
	padding: 0px;
	border: 0px;
	position: absolute; top: 250px; left: 0px;   
}


.workImages {  
	padding: 0px;
	border: 0px;
	  
} 
 
.workImages img {
	padding: 0px;
	border:  0px;
	width:  980px;
	height: 505px;
} 

.workText {
	float:left;
	font-size: 13px;
	line-height: 18px;
	text-align:left;
	margin-top:55px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:100px;
	width:900px;
}
.height10{
	height:20px;
}
.workText2 {
	width: 800px;
	position: relative;
	top: 500px;
	left: 0px;
	font-size: 13px;
	line-height: 18px;
	text-align:left;
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
}

.workTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	line-height: 20px;
	color: #745c13;
}
.withoutjQ{
line-height: 30px;	
}
.withjQ{
line-height: 11px;	
}
.workDesc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFF;
	text-align:left;
	font-weight: bold;
}
.workDesc2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 15px;
	color: #FFF;
	text-align:left;
	font-weight: bold;
	float:left;
	top:550px;
}
.workDescRegular{
	color:#999;
	font-size:12px;
	line-height: 15px;
}
.workDesc a{
	color:#DE8313;
	text-decoration: none;
	
}

#prev1, #prev2, #prev3, #prev4, #prev5, #prev6, #prev7, #prev8, #prev9, #prev10, #prev11{
	padding: 0px;
	border: 0px;
	position: absolute;
	top: 0px;
	left: -20px;
	cursor: pointer;
	display: block;
	width: 20px;
	height: 401px;
	background-image: url(../imgs/arrow-back.png);
}

#prev1:hover, #prev2:hover, #prev3:hover, #prev4:hover, #prev5:hover, #prev6:hover, #prev7:hover, #prev8:hover, #prev9:hover, #prev10:hover, #prev11:hover{
	background-image: url(../imgs/arrow-over-back.png);
}

#next1, #next2, #next3, #next4, #next5, #next6, #next7, #next8, #next9, #next10, #next11 {
	padding: 0px;
	border: 0px;
	position: absolute;
	top: 0px;
	left: 980px;
	cursor: pointer;
	display: block;
	width: 20px;
	height: 401px;
	background-image: url(../imgs/arrow-next.png);
  }

#next1:hover, #next2:hover, #next3:hover, #next4:hover, #next5:hover, #next6:hover, #next7:hover, #next8:hover, #next9:hover, #next9:hover, #next10:hover, #next11:hover {
	background-image: url(../imgs/arrow-over-next.png);
}

#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	text-align:left;
	padding:0px;
	border: 0px solid #0F0;
	margin-left:auto;
	margin-right:auto;
	margin-top:2020px;
	bottom:0px;
	left: 0px;
	display: block;
	width: 980px;
	height: 50px;
	background-color:#000000;
  }


#contactMe{
width:470px;
height:300px;
color:#1cbbb4;
margin-left:10px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin-top:0px;
float:left;
}

#clientList{
	margin-right:10px;
	width:470px;
	height:300px;
	margin-top:0px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#faa635;
	font-weight: bold;
	line-height: 20px;
}
.list1{
	margin-left:20px;
	float:left;
	text-align:left;
	width:150px;
}
.list2{
	width:150px;
	float:left;
	text-align:left;
}
.list3{
	width:100px;
	float:left;
	text-align:left;
}
.iconWidth{
	width:130px;
	display: block;
	float:left;
	margin-top: auto;
	margin-bottom: auto;
	top: auto;
	bottom: auto;
}
.iconWidth2{
	width:200px;
	display: block;	
	float:left;
}
.contactlist1{
	width:400px;
	float:left;
	text-align:left;
	margin-left:15px;
	margin-top:10px;
}
.contactlist2{
	float:left;
	text-align:left;
	margin-left:15px;
	margin-top:30px;
}
.backTop{
	width:300px;
	margin-left:680px;
	border: 0px solid #F90;
	float:left;
	text-align:right;
	font-size:11px;
	margin-top: 8px;
}
#smeter {
	margin-top:20px;
	margin-left:20px;
}