@charset "utf-8";
/* CSS Document */
@import url("contact.css");
@import url("lightbox.css");
@import url("solidblocksmenu.css");

body { margin:0px; padding:0px; background:url(../image/background.jpg) repeat;}
#body_wraper {width:1100px;}
/*#woiBack {background:url(../image/WOI_BACK.jpg) no-repeat; margin-right:900px; width:100px; height:820px;  position:relative; float:left;}
#mainWraper {width:900px; float:left; margin-left:-900px; position:relative;}*/

#woiBack {background:url(../image/WOI_BACK.jpg) no-repeat; width:100px; height:820px;  position:relative; float:left;}
#mainWraper {width:900px; float:left; position:relative;}


#banner {width:900px; height:225px; padding:0px; background: url(../image/banner.jpg) no-repeat bottom left;}

#clear_entire {clear:both; float:left; width:1000px;}

	.banner_left {float:left; width:415px; height:225px; margin:0px; }
	.banner_right {float:left; width:485px; height:225px;  background: url(../image/right_back.png) no-repeat; margin:0px;}
	.banner_right1 {float:left; width:485px; height:225px;  background:url(../image/right_back1.png) no-repeat; margin:0px;}
	.banner_right2 {float:left; width:485px; height:225px;  background:url(../image/contact.png) no-repeat; margin:0px;}
	.banner_right3 {float:left; width:485px; height:225px;  background:url(../image/about.png) no-repeat; margin:0px;}
	
		.in_banner_R { width:425PX; height:130px; margin-top:70px; margin-left:30px; position:relative;}
		.in_banner_R P {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #FFFFFF; font-size:0.8em; line-height:18px;}
		.in_banner_R a { color:#FF99FF; text-decoration:none;}

#body_container { margin:0px; padding:0px; height:100%; width:900px; position:relative;}
#left_col{ width:415px; margin:10px 0 0 0; padding:0px; float:left; position:relative;}
	#left_col h3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:0.8em; margin:0px; padding:0px; margin:10px 0 10px 15px;}
	.sep_box { width:415px; background:url(../image/line_hori.jpg) repeat-x top left; padding:1px 0 0 0; margin:10px 0 0 0; } 
	
	.creative, .web,.seo,.vector,.contact { margin-top:10px; position:relative;}
	.creative a, .web a,.seo a,.vector a,.contact a {color:#C5F7F7; text-decoration:none; font-weight:bold;}
	.creative ul {margin-top:10px;}

	
	.creative p { margin:0px 0px 10px 15px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; font-weight:normal; font-size:0.8em; position:relative; }
	.sep_box h1 {margin:10px 0px 5px 15px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight:normal; font-size:1em; position:relative; font-weight:bold;}

	.sep_box h2 {margin:0px 0px 5px 15px; padding:5px 0 5px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight:normal; font-size:1.2em; position:relative; font-weight: lighter; background-color: #818181;}
	.web p { margin:0px 0px 10px 15px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; font-weight:normal; font-size:0.8em;}
		.client {margin:0px 0px 0px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; font-weight:normal; font-size:0.8em;}
		.client img {width:350px; height:150px; border: #999999 3px solid;}
	.seo p {  margin:0px 0px 10px 15px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; font-weight:normal; font-size:0.8em;}
	.vector p {  margin:0px 0px 10px 15px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; font-weight:normal; font-size:0.8em;}
	.contact p {  margin:0px 0px 0px 15px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; font-weight:normal; font-size:0.8em;}
	.contact ul {margin:0px 0px 0px 20px;padding:0px; list-style-position:inside; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.7em; color: #FFFFFF;}
	.contact li, .creative li, .web li {margin: 5px 0px 5px 0px;}
	
	
	.creative ul, .web ul {margin:0px 0px 0px 20px;padding:0px; list-style-position:inside; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.7em; color: #FFFFFF;}
	.clear_all {clear:both; float:left; width:0px; height:0px; border:0px !important; }

	.float {float:left;}

#right_col { width:485px; margin:10px 0 0 0; float:left; position:relative; background: url(../image/bodywrapper_curve.jpg) no-repeat top right;}
	.top {background: url(../image/top.png) no-repeat; width:485px; height:20px; margin:0px; padding:0px;}
	.middle {background: url(../image/middle.png) repeat-y; width:485px; margin:0px; padding:0px 0px 0 0;}
	.middle P {font-family:Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; font-size:0.8em; margin:0px 0 0 30px; }
	.middle h3 {font-size:16px; color: #CCCCCC; margin:0 0 0 30px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px;} 
	.middle h4 {font-size:12px; color: #C5F7F7; margin:0 0 0 30px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px;} 
	.middle a { color:#C5F7F7; text-decoration:none;}
	.middle table {border:0px; margin-left:30px; width:420px; padding:0px; font-family: Georgia, "Times New Roman", Times, serif; color: #CCCCCC; font-size:12px; font-weight: lighter;}
	.middle table p {font-family:Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; font-size:1em; font-weight:normal; margin:0 0 0 10px;}
	.middle ul {font-family:Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; font-size:0.8em; margin:0 0 0 30px; list-style: none; padding:0px; width:450px;}
	.middle li {margin:6px 0 0 0;}
	.bottom {background: url(../image/bottom.png) no-repeat; width:485px; height:17px; margin:0px; padding:0px;}





#footer P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color: #CCCCCC; margin:15px 0 15px 10px;}

	.works { width:420px; margin-left:30px; height:80px;}
	.works ul {margin:0px; padding:0px; display:block; width:400px;}
	.works li {float:left; list-style:none; margin-right:10px; margin-top:10px; border:3px solid #C5F7F7; line-height:0px; height:40px;}
	.works img {margin:0px; padding:0px; text-decoration:none;}
	.works_sub img {border:0px; text-decoration:none; }
	
	
	.works1 { width:420px; margin-left:30px; height:190px;}
	.works1 ul {margin:0px; padding:0px; display:block; width:400px;}
	.works1 li {float:left; list-style:none; margin-right:10px; margin-top:10px; border:3px solid #C5F7F7; line-height:0px; height:40px;}
	.works1 img {margin:0px; padding:0px; text-decoration:none;}
	.works1_sub img {border:0px; text-decoration:none;}

#footer { width:1000px; height:100px; background:url(../blog/wp-content/themes/default/images/line_hori.jpg) repeat-x top; float:left; margin-top:10px; position:relative;}

.foot_left {background:url(../image/footlogo.png) no-repeat; height:86px; width:86px; float:left; margin-top:15px; margin-left:10px;} 
.foot_right {height:86px; width:100%; margin-left:8px; float:left; width:600px;}
.foot_right a {color:#C5F7F7; text-decoration:none;}

/*Page Hori*/

#woiBack_hori {background: url(../image/WOI_BACK_hori.jpg) no-repeat; width:820px; height:100px; margin:0px; padding:0px;}
#body_wraper_sub {background:url(../image/line_hori.jpg) repeat-x; width:1000px;}