/* CSS Document */

body{
	padding:0; margin:0;
	}
div, p, h1, h2, h3, ul, img{
	padding:0; margin:0;
	}
ul, form{
	list-style-type:none;
	}
.balnk{
	font-size:0px; line-height:0px; clear:both;
	}
	
h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:Bold;
color:#000000;
font-style:normal;
text-decoration:none;
padding:0px;
margin:0px;
}	
/*--------------------------------header-------------------*/


#main_header{
	width:100%;	margin:0 auto; color:#FFFFFF; height:337px; background-image:url(images/hdrbg.jpg); background-repeat:repeat-x;
	}
	
#main_header #header{
	width:1024px; margin:0 auto; color:#FFFFFF; height:337px;	 position:relative;
	}
	
	
#main_header #header ul{
	background:url(images/topnav.jpg) repeat-x #002631; color:#FFFFFF; display:block; position:absolute; height:43px;
	 width:1024px; margin:0; padding:0px 0 0 0px; top:0px; left:0px;
	}
#main_header #header ul li{
	float:left; display:block; margin:0 0px 0 0;
	}
#main_header #header ul li a{
	height:43px; text-decoration:none; text-indent:-2000px; display:block;
	}
	
#main_header #header ul.nav{
display:block;  height:43px; width:566px; padding:0px 0 0 0px; position:absolute; top:0px; left:458px; margin:0;
}

#main_header #header ul.nav li{
float:left; display:block;	 margin:0 44px 0 0; padding:0 0 0 0 ;
}

	
#main_header #header ul.nav li a.home{
	background:url(images/home-off.jpg) no-repeat 0 0; width:76px; height:43px;
	}
#main_header #header ul.nav li a.home:hover{
	background:url(images/home-off.jpg) no-repeat 0 0; width:76px; height:43px;
	}
#main_header #header ul.nav li a.profile{
	background:url(images/profile-off.jpg) no-repeat 0 0; width:85px; height:43px;
	}
#main_header #header ul.nav li a.profile:hover{
	background:url(images/profile-off.jpg) no-repeat 0 0; width:85px; height:43px;
	}
	
#main_header #header ul.nav li a.portfolio{
	background:url(images/portfolio-off.jpg) no-repeat 0 0; width:106px; height:43px;
	}
#main_header #header ul.nav li a.portfolio:hover{
	background:url(images/portfolio-off.jpg) no-repeat 0 0; width:106px; height:43px;
	}
	
#main_header #header ul.nav li a.contact{
	background:url(images/contactus-off.jpg) no-repeat 0 0; width:119px; height:43px;
	}
#main_header #header ul.nav li a.contact:hover{
	background:url(images/contactus-off.jpg) no-repeat 0 0; width:119px; height:43px;
	}
	
#main_header #header img{
	position:absolute; left:0px; top:43px; display:block;
	}
	
	
	
/*------------------------------------body-------------------------*/
#main_body{
	width:100%;  background-color:#FFFFFF;  color:#000000; 
	}
#body{
	width:1024px; margin:0 auto 0 auto; padding:0px 0 0 0; height:255px
	}

	
#body #middlebody{
 margin:0; padding:0px 0 0 0px; top:0px; left:0px;   margin:0px 0 0 71px;
}

/*#body #middlebody ul.welcometxt{
display:block; width:464px; padding:0px 0 0 0px; position:absolute; top:0px; left:0px; margin:0;
}

#body #middlebody ul.welcometxt li{
float:left; display:block;	 margin:0 0px 0 0; padding:0 0 0 0 ;
}
*/





#welcometxt{
	width:464px;  padding:0 0 0 0px; float:left; display:block;
	}
	
#body h2{
	font:35px/24px Times New Roman	; color:#000000;  margin:34px 0 13px 0px;
	font-weight:normal; background-color:#FFFFFF; display:block;
	}
	
#welcometxt p{
	width:464px; display:block; font:13px Arial; color:#8B8B8B; background-color:#FFFFFF;
	margin:0px 0 0 0px; background:none; padding:0; 
	}
#welcometxt p a{
 display:block; font:13px Arial; color:#008EA0; background-color:#FFFFFF;
	 margin:10px 0 25px 362px; background:none; padding:0; text-decoration:underline; 	
	}
	
#welcometxt p a:hover{
 display:block; font:13px Arial; color:#FF0000; background-color:#FFFFFF;
	 margin:10px 0 25px 362px; background:none; padding:0; text-decoration:None;
	}
	
#devider{
	width:59px; height:250px;  padding:0 0 0 0px; float:left; display:block; background-image:url(images/devider.jpg); background-repeat:no-repeat; margin:0;
	}
	
#quotearea{
	width:389px;  padding:0 0 0 0px; float:left; display:block;
	}
	
#quotearea ul{
	 margin:0; padding:0px 0 0 0px; top:0px; left:0px;
	}
	
#quotearea ul li{
	 margin:32px 0px 0px 180px; padding:0px 0 0 0px; top:0px; left:0px; width:84px;
	 height:83px; background-image:url(images/quote-icon.jpg); background-repeat:no-repeat;
	}
	
#quotearea h3{
	font:30px Times New Roman; color:#008FA4;  margin:25px 0 13px 100px;
	font-weight:normal; background-color:#FFFFFF; display:block;
	}
#quotearea p{
	font:13px Arial; color:#000000;  margin:0px 0 0px 100px;
	font-weight:normal; background-color:#FFFFFF; display:block;
	}
	
#quotearea p a{
margin:13px 0 0px 57px; background-color:#FFFFFF; display:block; background-image:url(images/btngetquote.jpg); background-repeat:no-repeat; width:127px; height:22px;
	}
	
#quotearea p a:hover{
margin:13px 0 0px 57px; background-color:#FFFFFF; display:block; background-image:url(images/btngetquote-on.jpg); background-repeat:no-repeat; width:127px; height:22px;
	}
	
	
/*------------------------------------btmbody-------------------------*/
#btmbody{
	width:100%;  background-color:#FFFFFF;  color:#000000; background-image:url(images/btmbodybg.jpg); background-repeat:repeat-x; 
	}
#btmbodyImg{
	width:1024px; margin:0 auto 0 auto; padding:0px 0 0 0; height:77px; background-image:url(images/endmiddlebanner.jpg); background-repeat:no-repeat;
	}
	
	
	
/*------------------------------------showcase-------------------------*/
#main_showcase{
	width:100%;  background-color:#FFFFFF;  color:#000000; 
	}
#showcase{
	width:1024px; height:299px; margin:0 auto 0 auto; padding:0px 0 0 0; background-image:url(images/btmbg.jpg); background-repeat:repeat-x;
	}
	
#showcaseMain{
	width:910px; height:259px; margin:0px auto 0 auto; padding:40px 0 0 0;
	}
	
#showcasecontainer{
	width:441px; height:259px; margin:0px auto 0 auto; padding:0px 0 0 0; float:left;
	}
	
#showcasecontainerHeading{
	width:441px; height:49px; margin:0px auto 0 auto; padding:0px 0 0 0; background-image:url(images/latestwork-heading.jpg); background-repeat:no-repeat;
	}
	
#showcasecontainerSurface{
	width:441px; height:210px; margin:0px auto 0 auto; padding:0px 0 0 0; background-image:url(images/container.png); background-repeat:no-repeat;
	}
	
#gap{
	width:94px; height:259px; margin:0px auto 0 auto; padding:0px 0 0 0; float:left;
	}
	
	
#studionews{
	width:375px; height:259px; margin:0px auto 0 auto; padding:0px 0 0 0; float:left;
	}
	
	
#newsheading{
	width:375px; height:48px; margin:0px auto 0 auto; padding:0px 0 0 0; background-image:url(images/studionews-heading.jpg); background-repeat:no-repeat;
	}
	
#news{
	width:375px; height:48px; margin:0px auto 0 auto; padding:0px 0 0 0;
	}
	
#news ul{
	margin:0; padding:0px 0 0 0px; top:0px; left:0px;
	}
	
#news ul li{
	 margin:3px 0px 3px 0px; padding:0px 0 0 25px; top:0px; left:0px; height:15px; font:13px Arial; text-decoration:underline; background-image:url(images/1.jpg); background-repeat:no-repeat;
	} 


	
	
/*------------------------------------footer-------------------------*/
#footer_main{
	width:100%;  background-color:#FFFFFF;  color:#000000; background-image:url(images/footerbg.jpg); background-repeat:repeat-x;
	}
#footer{
	width:1024px; margin:0 auto 0 auto; padding:0px 0 0 0; height:91px; background-image:url(images/footerbg.jpg); background-repeat:repeat-x;
	}
	
#footer p{
	font:12px Arial; color:#FFFFFF;  margin:0px 0 0px 0px; padding:44px 0 0px 0px;
	font-weight:normal; display:block; text-align:center;
	}
	
#footer p span{
	  margin:-32px 0 0px 850px; padding:0px 0 0px 0px; font-weight:normal; display:block; text-align:center;
	}
	
#footer p span a.xhtml {
	  margin:0px 0 0px 0px; padding:0px 0 0px 0px; font-weight:normal; display:block; text-align:center; background-image:url(images/validxhtml.jpg); background-repeat:no-repeat;  width:64px; height:43px; 
	}
	
#footer p span a.xhtml:hover{
	  margin:0px 0 0px 0px; padding:0px 0 0px 0px; font-weight:normal; display:block; text-align:center; background-image:url(images/validxhtml-on.jpg); background-repeat:no-repeat; width:64px; height:43px;
	}
	
	
	
	#footer p span a.css {
	  margin:-58px 0 0px 80px; padding:0px 0 0px 0px; font-weight:normal; display:block; text-align:center; background-image:url(images/validcss.jpg); background-repeat:no-repeat;  width:64px; height:43px; 
	}
	
#footer p span a.css:hover{
	  margin:-58px 0 0px 80px; padding:0px 0 0px 0px; font-weight:normal; display:block; text-align:center; background-image:url(images/validcss-on.jpg); background-repeat:no-repeat; width:64px; height:43px;
	}
	
	

	
	
	
	
	
	
	
	
#main_innerbody{
	width:100%;  background-color:#FFFFFF;  color:#000000; 
	}	
#innerbody{
	width:1024px; margin:0 auto 0 auto; padding:0px 0 0 0;
	}
		
#Commonbody{
	width:910px; padding:0 0 40px 0px; display:block; margin:auto;
	}
	
#Commonbody p{
	width:910px; display:block; font:13px Arial; color:#8B8B8B; background-color:#FFFFFF;
	margin:0px 0 0 0px; background:none; padding:0; 
	}
	
#Commonbody h4{
	font:35px/24px Times New Roman	; color:#F7840D;  margin:34px 0 13px 0px;
	font-weight:normal; background-color:#FFFFFF; display:block;
	}
	
	
	
	
	
	
	
	
	
	
#formarea{width:600px;}

#formarea form{width:500px; height:340px; background:#FCF6E6; color:#705D20; position:relative; border:1px dashed #BFB492; margin:30px 0 0 30px; padding:6px 0 0;}
#formarea form p{display:block; float:left; padding: 0 0 0 20px; margin:0px 0 10px 0; font:11px Arial, Helvetica, sans-serif; color:#666666}
#formarea form label{width:100px; height:22px; display:block; float:left; padding: 0 0 0 20px; margin:9px 0 0; font:13px Arial, Helvetica, sans-serif; color:#000000; font-weight:bold;}
#formarea form input{width:350px; height:18px; font-size:12px; display:block; float:left; margin:9px 12px 0 0;}
#formarea form textarea{width:350px; height:100px; font-size:12px; display:block; float:left; margin:9px 12px 0 0;}
#formarea form input.button{width:100px; height:40px; display:block; border:none; color:#000000; margin:10px 0 0 100px; font:13px Arial; text-align:center; padding:0px; font-weight:bold}










#formareaquote{width:600px;}

#formareaquote form{width:550px; height:560px; background:#FCF6E6; color:#705D20; position:relative; border:1px dashed #BFB492; margin:30px 0 0 30px; padding:6px 0 0;}
#formareaquote form p{display:block; float:left; padding: 0 0 0 20px; margin:0px 0 10px 0; font:11px Arial, Helvetica, sans-serif; color:#666666}
#formareaquote form label{width:120px; height:22px; display:block; float:left; padding: 0 0 0 20px; margin:9px 0 0; font:13px Arial, Helvetica, sans-serif; color:#000000; font-weight:bold;}
#formareaquote form input{width:350px; height:18px; font-size:12px; display:block; float:left; margin:9px 12px 0 0;}
#formareaquote form textarea{width:350px; height:100px; font-size:12px; display:block; float:left; margin:9px 50px 0 0;}
#formareaquote form select{width:350px; height:18px; font-size:12px; display:block; float:left; margin:9px 60px 0 0;}
#formareaquote form input.button{width:100px; height:40px; display:block; border:none; color:#000000; margin:10px 0 0 120px; font:13px Arial; text-align:center; padding:0px; font-weight:bold}







/*------------------ PortFolio Page -------------------------------*/


#portfolioicon{
	width:597px; padding:0 0 0px 0px; display:block; margin:40px auto 30px auto; height:179px;
	}
	
#logodesign{
	width:179px; padding:0 0 0px 0px; display:block; margin:auto; height:179px; background:url(images/portlogo-off.jpg) no-repeat #FFFFFF; float:left;
	}
	
#logodesign a{
	width:179px; padding:0 0 0px 0px; display:block; margin:auto; height:179px; background:url(images/portlogo-off.jpg) no-repeat #FFFFFF;
	}
	
#logodesign a:hover{
	width:179px; padding:0 0 0px 0px; display:block; margin:auto; height:179px; background:url(images/portlogo-on.jpg) no-repeat #FFFFFF;
	}
	
	
#portdev1{
	width:30px; padding:0 0 0px 0px; display:block; margin:auto; height:179px; float:left;
	}
	
#portdev2{
	width:30px; padding:0 0 0px 0px; display:block; margin:auto; height:179px; float:left;
	}
	
	
#webdesign{
	width:179px; padding:0 0 0px 0px; display:block; margin:auto; height:179px; background:url(images/portweb-off.jpg) no-repeat #FFFFFF; float:left;
	}
	
#webdesign a{
	width:179px; padding:0 0 0px 0px; display:block; margin:auto; height:179px; background:url(images/portweb-off.jpg) no-repeat #FFFFFF;
	}
	
#webdesign a:hover{
	width:179px; padding:0 0 0px 0px; display:block; margin:auto; height:179px; background:url(images/portweb-on.jpg) no-repeat #FFFFFF;
	}
	
#flashdesign{
	width:179px; padding:0 0 0px 0px; display:block; margin:auto; height:179px; background:url(images/portflash-off.jpg) no-repeat #FFFFFF; float:left;
	}
	
#flashdesign a{
	width:179px; padding:0 0 0px 0px; display:block; margin:auto; height:179px; background:url(images/portflash-off.jpg) no-repeat #FFFFFF;
	}
	
#flashdesign a:hover{
	width:179px; padding:0 0 0px 0px; display:block; margin:auto; height:179px; background:url(images/portflash-on.jpg) no-repeat #FFFFFF;
	}



/*------------------ Logo Design Page -------------------------------*/


#logogallery{
	width:658px; padding:0 0 0px 0px; display:block; margin:10px auto 30px auto; height:126px;
	}
	
.logocont{
	width:186px; padding:0 0 0px 0px; display:block; margin:0; height:126px; float:left;
	}
	
.logoarea{
	width:169px; padding:0 0 0px 0px; display:block; margin:0; height:108px; float:left;
	}
	
#narrowdev{
	width:1px; padding:0 0 0px 0px; display:block; margin:auto; height:108px; float:left;
	}
	
#logodev1{
	width:50px; padding:0 0 0px 0px; display:block; margin:auto; height:126px; float:left;
	}
	
#logodev1{
	width:50px; padding:0 0 0px 0px; display:block; margin:auto; height:126px; float:left;
	}
#logodev2{
	width:50px; padding:0 0 0px 0px; display:block; margin:auto; height:126px; float:left;
	}
	
#logogallery2{
	width:658px; padding:0 0 0px 0px; display:block; margin:10px auto 30px auto; height:126px;
	}
	
#logogallery3{
	width:658px; padding:0 0 0px 0px; display:block; margin:10px auto 30px auto; height:126px;
	}
	
#logogallery4{
	width:658px; padding:0 0 0px 0px; display:block; margin:10px auto 30px auto; height:126px;
	}
	
#logogallery5{
	width:658px; padding:0 0 0px 0px; display:block; margin:10px auto 30px auto; height:126px;
	}
	
#logogallerylive{
	width:679px; padding:30px; display:block; margin:auto; height:650px;
	}
	
	
.icon{
	width:75px; padding:0 0 0px 0px; display:block; margin:0; height:75px; float:left;
	}
	
.icon a{
	width:75px; padding:0 0 0px 0px; display:block; margin:0; height:75px; float:left;
	}
	
.icon a:hover{
	width:75px; padding:0 0 0px 0px; display:block; margin:0; height:75px; float:left;
	}