﻿.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
img{border:none;vertical-align:middle;}
form,ul,h1,h2,h3,h4,h5,h6,p,span,input{margin:0px;padding:0px;}
ul{list-style:none;}
body{margin:0px;font-size:12px;line-height:14px;font-family:Arial;color:#000;}
input,select,textarea{font-size:12px;line-height:14px;font-family:Arial; vertical-align:middle;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:underline;}
h1{font-size:24px;line-height:26px;}
h2{font-size:20px;line-height:25px;}
h3{font-size:15px;line-height:20px;}
h4{font-size:14px;line-height:16px;}
h5{font-size:12px;line-height:13px;}
h6{font-size:10px;line-height:12px;}
.floatleft{float:left; width:auto;}
.floatright{float:right;width:auto;}
.alignleft{ text-align:left;}
.alignright{ text-align:right;}
.center{ text-align:center;}
p{ padding:8px 0;}
div.container{width:979px;margin:0 auto;}
div.header{ width:979px; clear:both; overflow:hidden; padding:24px 0 18px 0;}
div.header div.col1{ float:left; width:auto; }
div.header div.col2{ float:right; width:277px; padding:17px 0 0 0;}
form.search{ height:29px; background:url(images/search.gif) no-repeat left top;}
div.search-site{ width:88px; float:left; text-align:center; font-size:11px; line-height:29px;}
div.search-term{ width:157px; float:left; padding:6px 0 0 0;}
div.search-term input{ width:143px; border:none; background:none; padding:0 5px;}
div.topnav{ background:url(images/topnav.gif) repeat-x left top; height:33px; width:979px;}
div.topnav ul{ float:left; width:auto; padding:0 0 0 5px; }
div.topnav ul li{ float:left;width:auto;}
div.topnav ul li a{ display:block; float:left; width:auto; line-height:33px; font-size:13px; padding:0 9px; white-space:nowrap;}
div.topnav ul li a:hover,div.topnav ul li a.active{ background:url(images/active.gif) repeat-x left top; text-decoration:none; color:#fff;}
div.banner{ padding:5px 0 18px 0;}
div.content{ width:979px; clear:both; overflow:hidden; padding:0 0 10px 0;}
div.side1{ width:139px; float:left;}
div.main{ width:600px; float:left; margin:0 12px 0 12px;}
div.side2{ width:216px; float:left;}
div.banner01{
	padding:0 0 6px 0;
	border: none;
}
div.welcome{ background:url(images/bg01.jpg) no-repeat left top; height:202px; padding:0 20px 0 277px; margin:0 0 6px 0;}
h3.t1{color:#fff; padding:28px 0 20px 0;}
h3.t2{color:#fff;}
h2.t3 a{color:#fff;}
div.box01{ background:url(images/box01-mid.gif) repeat-y left top; margin:0 0 6px 0;}
div.box01-top{ background:url(images/box01-top.gif) no-repeat left top;}
div.box01-btm{ background:url(images/box01-btm.gif) no-repeat left bottom;}
h5.t4{ font-weight:normal; line-height:29px; padding:0 12px;}
div.cols1{ width:600px; clear:both; overflow:hidden; padding:4px 0 6px 0;}
div.cols1 div.col1{ width:330px; float:left;}
div.cols1 div.col2{ width:270px; float:left;}
ul.news{ padding:0 13px;}
ul.news li{ background:url(images/icon01.gif) no-repeat left 5px; padding:2px 0 2px 26px;}
div.testimonial{
	font-weight:bold;
	font-size:12px;
	padding:11px 11px 5px 11px;
	text-align: justify;
}
div.client{ padding:0 11px; font-size:10px; line-height:12px;}
div.more{ height:28px; margin:-12px 0 0 0; position:relative;}
div.more a{ width:142px; height:28px; background:url(images/btn01.gif) no-repeat left top; display:block; float:right; line-height:28px; text-align:center; font-size:11px;}
div.more a:hover{ text-decoration:none;}
div.more a span{ color:#9e002e;}
div.footer{ height:212px; background:url(images/bg02.jpg) no-repeat left top;}
div.cols2{ width:600px; clear:both; overflow:hidden;}
div.cols2 div.copyright{ float:left; width:auto; font-size:9px; font-weight:bold; line-height:29px; padding:0 0 0 8px;}
div.cols2 div.links{ float:right; width:auto; padding:0 36px 0 0; font-size:9px; line-height:29px;}
div.cols3{ width:560px; clear:both; overflow:hidden; margin:0 auto; padding:12px 0 0 0;}
div.cols3 div.col{ width:140px; float:left; color:#fff;}
div.cols3 div.col ul li a{ color:#fff; font-size:10px;}
div.box02{ height:520px; background:url(images/box02.gif) repeat-y left top; margin:0 0 6px 0;}
div.box02-cont{padding:23px 21px;}
div.cols4{ width:558px; clear:both; overflow:hidden; padding:12px 0 0 0;}
div.cols4 div.col1{ width:274px; float:left; line-height:17px;}
div.cols4 div.col1 h5{line-height:17px;}
div.cols4 div.col2{ width:275px; float:left;}
.c1{ color:#9d002e;}
h5.call,h5.email{ margin:16px 0 0 0;}
h5.feedback{ margin:24px 0 6px 0;}
div.box03{ width:242px; height:100px; padding:6px 0 0 0; background:url(images/box03.gif) no-repeat left top; text-align:center;}
textarea.feedback{ border:none; background:none;  width:230px; height:90px;}
h5.enquiry{ padding:0 0 6px 0;}
div.cols5{ width:275px; clear:both; overflow:hidden; padding:4px 0;}
div.cols5 div.col01{ background:#f2f2f2; padding:4px; width:70px; float:left; text-align:right;}
div.cols5 div.col02{ width:190px; float:right;}
div.cols5 div.col02 input{ width:186px;}
div.cols5 div.col02 textarea{ width:184px; height:110px;} 
div.send{ text-align:right; padding:6px 0 0 0;}
div.news-box{padding:23px 21px; height:462px; background:url(images/fish.jpg) no-repeat 385px bottom;}
div.film-box{padding:23px 21px; height:462px; background:url(images/coming_soon.gif) no-repeat 11px 291px;}
div.seo-box{padding:23px 21px 23px 21px; height:458px; background:url(images/tree_bowl.jpg) no-repeat 333px bottom;}
div.brand-box{padding:23px 21px 18px; height:462px; background:url(images/teeth.jpg) no-repeat 330px bottom;}
div.about-box{padding:23px 21px; height:462px; background:url(images/fishbowl.gif) no-repeat 400px bottom;}
div.marketing-box{padding:23px 21px; height:462px; background:url(images/piranha.gif) no-repeat 220px 70px;}
div.testimonials-box{padding:23px 21px; height:462px;}
div.our_work-box{padding:23px 21px; height:462px;}
div.feedbackbutton{
	
	height: 20px;
	width: 20px;
	float: right;
	left: 123px;
	top: 400px;
}
div.design-box{padding:23px 21px; height:462px;}
ul.lastest-news{ padding:6px 0 0 0;}
ul.lastest-news span{
	font-weight: bold;
}
ul.lastest-news li{ padding:6px 0 6px 0; line-height:16px;}
ul.lastest-news li.last{ padding:6px 200px 6px 0;}
ul.lastest-news li.last2{ padding:6px 180px 6px 0;}
ul.marketing-news{ padding:6px 0 0 0;}
ul.marketing-news li{ padding:6px 0 6px 0; line-height:16px;}
ul.marketing-news li.last{ padding:6px 200px 6px 0;}
a.a1{ font-weight:bold; text-decoration:underline;} 
