/* 960 Grid System */

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px;}
<!-- ****************************	Grid width	*****************************	-->
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}
.container_12 .grid_3,.container_16 .grid_4{width:220px}
.container_12 .grid_6,.container_16 .grid_8{width:460px}
.container_12 .grid_9,.container_16 .grid_12{width:700px}
.container_12 .grid_12,.container_16 .grid_16{width:940px;}

.alpha{margin-left:0}
.omega{margin-right:0}.

container_12 .grid_1{width:60px}
.container_12 .grid_2{width:140px}
.container_12 .grid_4{width:300px}
.container_12 .grid_5{width:380px}
.container_12 .grid_7{width:540px}
.container_12 .grid_8{width:620px}
.container_12 .grid_10{width:780px}
.container_12 .grid_11{width:860px}
.container_16 .grid_1{width:40px}
.container_16 .grid_2{width:100px}
.container_16 .grid_3{width:160px}
.container_16 .grid_5{width:280px}
.container_16 .grid_6{width:340px}
.container_16 .grid_7{width:400px}
.container_16 .grid_9{width:520px}
.container_16 .grid_10{width:580px}
.container_16 .grid_11{width:640px}
.container_16 .grid_13{width:760px}
.container_16 .grid_14{width:820px}
.container_16 .grid_15{width:880px}
<!-- ****************************	Prefix	*****************************	-->
.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}
.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}
.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}
.container_12 .prefix_1{padding-left:80px}
.container_12 .prefix_2{padding-left:160px}
.container_12 .prefix_4{padding-left:320px}
.container_12 .prefix_5{padding-left:400px}
.container_12 .prefix_7{padding-left:560px}
.container_12 .prefix_8{padding-left:640px}
.container_12 .prefix_10{padding-left:800px}
.container_12 .prefix_11{padding-left:880px}
.container_16 .prefix_1{padding-left:60px}
.container_16 .prefix_2{padding-left:120px}
.container_16 .prefix_3{padding-left:180px}
.container_16 .prefix_5{padding-left:300px}
.container_16 .prefix_6{padding-left:360px}
.container_16 .prefix_7{padding-left:420px}
.container_16 .prefix_9{padding-left:540px}
.container_16 .prefix_10{padding-left:600px}
.container_16 .prefix_11{padding-left:660px}
.container_16 .prefix_13{padding-left:780px}
.container_16 .prefix_14{padding-left:840px}
.container_16 .prefix_15{padding-left:900px}
<!-- ****************************	Suffifix	*****************************	-->
.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}
.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}
.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}
.container_12 .suffix_1{padding-right:80px}
.container_12 .suffix_2{padding-right:160px}
.container_12 .suffix_4{padding-right:320px}
.container_12 .suffix_5{padding-right:400px}
.container_12 .suffix_7{padding-right:560px}
.container_12 .suffix_8{padding-right:640px}
.container_12 .suffix_10{padding-right:800px}
.container_12 .suffix_11{padding-right:880px}
.container_16 .suffix_1{padding-right:60px}
.container_16 .suffix_2{padding-right:120px}
.container_16 .suffix_3{padding-right:180px}
.container_16 .suffix_5{padding-right:300px}
.container_16 .suffix_6{padding-right:360px}
.container_16 .suffix_7{padding-right:420px}
.container_16 .suffix_9{padding-right:540px}
.container_16 .suffix_10{padding-right:600px}
.container_16 .suffix_11{padding-right:660px}
.container_16 .suffix_13{padding-right:780px}
.container_16 .suffix_14{padding-right:840px}
.container_16 .suffix_15{padding-right:900px}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
/* 960 */
div,ol,ul,li,img,h1,h2,h3,h4,h5,p,span,a,form {padding:0;margin:0;}
h1,h2,h3,h4,h5,p{margin-bottom:8px;margin-top:8px;}
.left{float:left;}
.right{float:right;}
body
{
	background:#ABDEBE url('images/body-bg.gif') repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.5em
}
h1,h2,h3,h4,h5{
	color:#167A9A;
}
img{border:none;}
.content_single h2{color:#167A9A;}
h3{	color:#38A05C;font-size:18px;margin:0 0 10px 0;}
#side_quote_container h3{text-transform:uppercase}
#side_quote_container h3,sidebar h3{	color:#316AA2;font-size:18px;margin:0 0 10px 0;}
h5{font-size:13px;color:#1F506E;margin-bottom:12px;}
a:link , a:visited{text-decoration:none;color:#379F5B;}
a:hover{text-decoration:underline;}
#header{}
#logo{float:left;margin:0px 0 7px 0px;}
#topmenu{margin:44px 0 0 70px;float:right;}
#topmenu ul{list-style:none; padding:0; margin:0;}
#topmenu ul li{float:left;margin:5px 2px 0 2px;}
#topmenu ul li a:link , #topmenu ul li a:visited
{
	display:block;
	padding:5px 0 5px 0;
	text-decoration:none;
	color:#09600D;
	font-weight:bold;
}
#topmenu ul li a:hover ,#topmenu ul li.current_page_item a:link,#topmenu ul li.current_page_item a:visited
{
	background:url('images/topmenu-bg-left.gif') no-repeat left;
	color:#fff;
}
#topmenu ul li a span{padding:5px 15px 5px 8px;margin:0 0 0 5px; }
#topmenu ul li a:hover span ,#topmenu ul li.current_page_item a:link span,#topmenu ul li.current_page_item a:visited span
{ 
	background:url('images/topmenu-bg-right.gif') no-repeat right;
	color:#fff;
}
#free_quote{margin:15px 0px 15px 0;float:right;}
#header_title{}
#content_wrapper{background:#fff;padding:10px 20px; width:900px; overflow:hidden; border-top:10px solid #92C1DD; color:#555; line-height:1.40em;
min-height:700px !important;
height:auto !important;
	-moz-box-shadow:3px 3px 8px #666;
	-webkit-box-shadow: 3px 3px 8px #666;
/*height:700px*/;}
#slider
{
	clear:both;
	display:none;
	margin:0 0 20px 0;
	background:url('images/slider-bg.png') no-repeat;
	height:221px;
	padding:7px 0 7px 0;
}
#slider_nav
{
	float:left;
	padding:20px 0 20px 25px;
	font-weight:bold;
	font-size:12px;
}
#slider ul {list-style:none;}
#slider ul li{margin-bottom:3px;width:177px;}
#slider ul li a:link ,#slider ul li a:visited
{
	display:block;
	padding:5px 0px 5px 8px;
	color:#FFFFFF;
	text-decoration:none;
}
#slider ul li a:hover ,#slider ul li a.selected{color:#86A1C2;background:#DEF2E4;}
#slider_content
{
	height:235px;
	float:left;
	width:718px;
	margin-bottom:20px;
	overflow:hidden;	
	position:relative;
}
#slider_content_wrapper{
	position:absolute;
	height:20000em;
}
.scroller_item		/*scroller_item*/
{
	float:left;
	background:#fff;
	height:221px;
	width:696px;
	margin-bottom:7px;
	padding:0px 0 0 15px;
}
.scroller_item img{float:left;}
#content_single_wrapper
{
	background:#fff;
	min-height:600px; 
	padding:10px 20px 20px 20px; 
	width:900px; 
	overflow:hidden; 
	border-top:10px solid #92C1DD;
	line-height:1.40em;
	color:#555; 
}
/*****************			Comment list start		******************/
#commentform textarea{width:85%;}
#commentform #submit{padding:4px 10px;}
.comment_form{padding-left:10px;font-size:12px;}
.comment_form #respond{margin-top:30px;}
.comment_form ul{list-style:none;padding-top:10px;}
.comment_form ul li {width:580;text-align:justify;margin:8px 0;padding:10px;}
* html .comment_form ul li{padding-bottom:0;}
.comment_form ul li a:link, .comment_form ul li a:visited{color:#555;}
.comment_form ul li p{padding:0;margin:0;width:560px;line-height:120%;}
.comment_form .reply{height:0;}
.thread-alt {background:#ECE7E7;border:1px solid #D3D1D1;}
.thread-even {background:#E8F5D6;border:1px solid #D0DDBE;}
/*****************			Comment list ended	******************/
.content_single
{
	float:left;
	width:590px;
	padding:20px 10px 10px 10px;;
	text-align:justify;
}
/*.content_single div{width:580px;padding-bottom:8px;}*/
#sidebar
{	float:right;
	width:250px;
	margin-right:10px;
	
}
#img_theme{float:left;margin:58px 0 0 35px;}
#img_plugins{float:left;margin:40px 0 0 40px;}
#img_advance{float:left; margin:70px 0 0 30px;}
#order{margin-bottom:20px;}
#order img{margin-left:25px;}
.testimonial
{	
	float:left;	
	width:840px;
	border-bottom:1px solid #92C1DD;
	border-top:1px solid #92C1DD;
	margin:0 0 20px 20px;
	padding:15px 20px 15px 20px;
	font-size:12px;
	color:#6F6F6F;
}
.testimonial img{margin-right:25px;float:left;}
.testimonial span{color:#FF9000;}
.slider{float:left;width:730px;}
.testimonial ul{}
.testimonial ul li{ height:80px;}
#footer
{
	float:left;
	background:url('images/footer-bg.png') repeat-x;
	padding:5px 15px 0px 30px;
	border-top:5px solid #92C1DD;
	color:#317246;
	font-size:11px;
	-moz-box-shadow:2px 2px 8px #666;
	-webkit-box-shadow: 2px 2px 8px #666;	
}
#footer .links{float:left;width:275px;margin-bottom:50px;}
.links ul{list-style:none;}
.links ul li{margin-top:5px;background:url('images/footer-listicon.png') no-repeat left;padding-left:10px;}
.links ul li a:link , .links ul li a:visited, #footer a:link, #footer a:visited
{
	color:#317246;
	text-decoration:none;
}
.links ul li a:hover,#footer a:hover{color:#5A7798;}
.contents_footer{float:left;width:345;}
.footer_copyright
{
	background:url('images/footer-mid-border.png') no-repeat top center;
	text-align:center;
	padding:15px 0 30px 0;
}

/**************** Overlay	********************/
div.overlay{
/* growing background image */ 
    background-image:url('images/white.png'); 
    /* dimensions after the growing animation finishes  */ 
	width:540px;
    height:420px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
}
div.overlay div.close { 
    background-image:url('images/close.png'); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
* html div.overlay div.close {right:45px;} 
 
/* black */ 
div.overlay.black { 
    background:url('images/transparent.png') no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url('images/petrol.png') no-repeat !important; 
    color:#fff;
} 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}
.quote_form{
	padding:10px;
	background:url('images/get_a_quote.png') no-repeat 99% 0px;
	color:#5E5E5E;
}
* html .quote_form{background-position:94% 0px;}
.quote_form .desc{font-size:14px; padding:15px;}
.form_holder{
	
}
.quote_form ul{
	list-style:none;
	padding:0;
	margin:0;
}
.quote_form ul li{
	list-style:none;
	display:block;
	padding:0px 10px;
	margin:0;
	line-height:normal;
	clear:both;
}
.quote_form ul li label{
	font:14px bold ;
	float:left;
	font-weight:bold;
	display:block;
	padding:4px 0;
	width:150px;
	color:#356AA0;
}
.quote_form ul li p{
	margin:0;
	padding:4px 0;
	float:left;
	width:300px;
}
.quote_form ul li p.submit{clear:both; float:none; margin-left:200px; padding-left:45px;}
.quote_form ul li .text_input{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px 10px;
	width:200px;
	border:1px solid #ccc;
	color:#666;
	padding-left:25px;	
}
.quote_form ul li .input_name{
	background:url('images/input_name.gif') no-repeat 3px 3px;
}
.quote_form ul li .input_email{
	background:url('images/input_email.gif') no-repeat 3px 3px;
}
.quote_form ul li .project_type{
	background:url('images/info.gif') no-repeat 3px 3px;
}
.quote_form ul li .input_budget{
	background:#fff;
	padding:5px 2px;
	font-size:14px;
	width:233px;
}
.quote_form ul li .input_comments{
	background:url('images/input_comments.gif') no-repeat 3px 3px;
}
span.red{font:11px bold Verdana, Arial, Helvetica, sans-serif; padding:5px; background:#CC0000; color:#FFFFFF;}
.hidden{display:none}
#side_quote_container
{	
	margin:30px 0 0 0;
	font-size:12px;
	height:410px;
}
#side_quote_form{
width:230px;
padding:10px;
background:#f7f7f7;
border:1px solid #ccc;
}
#side_quote_form p{margin:2px 0;}
#side_quote_form .text_form{
	width:210px;
	border:1px solid #ccc;
	padding:4px 5px;
	font-size:11px;
}
#side_quote_form .text_form.text_form_select{width:220px; font-size:11px;}
#side_quote_form label{
	font-weight:bold;
}
#side_quote_form p.qsubmit{text-align:right; padding-right:8px;}
#side_quote_form p.qsubmit input{
	padding:4px 10px;
}

.section_box{
	background:#f7f7f7;
	width:250px;
	height:260px;
	overflow:hidden;
	padding:10px;
	font-size:90%;
	float:left;
	text-align:left;
	font-size:12px;
	margin:0 10px 10px 10px;
	border:1px solid #eee;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#333
}
.section_box img{float:left; margin-right:10px; margin-bottom:10px;}
.section_box h3{padding:0; margin:0 0 10px 0px; font-size:13px;}
#service_nav{
	padding:0;
	margin:0;
	list-style:none
}
#service_nav li{
	list-style:none;
	display:inline;
}
#service_nav li a:link,
#service_nav li a:visited{
	display:block;
	float:left;
	padding:4px 10px;
	background:#FFFFCC;
	color:#009900;
	font-weight:bold;
	margin:0 5px;
	text-decoration:none;
}
#service_nav li a:hover{
	background:#FFFF66;
}
.front_content_left{
	float:left;
	width:612px;
	margin-top:30px;
}
.front_intro{
	height:370px;
	margin-bottom:30px;
	background-color:#356AA0;
	border:1px solid #666;
	-moz-border-radius:5px;	
	-webkit-border-radius:5px;
}
.front_slider{
	position:relative;
	padding:10px 0;
	margin:20px 10px;
	list-style:none;
	
}
.front_slider li{
	list-style:none;
	padding:0;
	color:#fff;
}
.front_slider li .slider_left
{
	width:240px;
	float:left;
	margin:0px 10px 0 5px;
}
.front_slider li .slider_right{
	width:335px;
	float:left;
}
.front_slider li .slider_right img{
	width:100px;
	height:100px;
	border:4px solid #ccc;
}
.front_slider li .slider_right a:hover{text-decoration:none}
.front_slider li .slider_right a:hover img{
	border-color:#eee
}
.front_slider li h3,
.front_slider li p,
.front_slider li h2,
.front_slider li a:link,
.front_slider li a:visited{
	color:#fff;
}
.front_slider li h3{font-size:20px; text-transform:uppercase; margin-bottom:20px;
text-shadow:1px 2px #666}
.front_slider li h3 span{background:#333; color:#fff; padding:4px; text-transform:none; font-size:12px; margin-left:20px;
text-shadow:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
float:right;}
.slider_right small{
	display:block;
	text-align:center
}
.front_intro {
	/*padding:0;
	width:320px;	
	margin-left:260px;*/
}
.front_intro  .previous_slide{
	/*width:100px;
	float:left;
	float:right;*/
	
}
.front_intro  .next_slide{
	/*float:right;
	width:100px;	*/
}
.front_intro  a.next_slide:link,
.front_intro  a.next_slide:visited,
.front_intro  a.previous_slide:link,
.front_intro  a.previous_slide:visited{
	width:100px;
	/*float:left;*/
	float:right;
	display:block;
	padding:4px;
	background:#333;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-transform:uppercase;
	color:#fff;
	margin-right:15px
}
.front_intro  a.next_slide:hover,
.front_intro  a.previous_slide:hover{
	background:#000;
}
.front_intro  a:hover{
	/*background:#000;*/	
}
div.toolbox{
	padding:10px 0;
}
div.toolbox a.twitter img{
	width:280px;
	height:95px;
	margin-left:-20px;
	filter: alpha(opacity=90); /* internet explorer */
	-khtml-opacity: 0.9;      /* khtml, old safari */
	-moz-opacity: 0.9;       /* mozilla, netscape */
	opacity: 0.9;           /* fx, safari, opera */
}
div.toolbox a.twitter:hover img{
	filter: alpha(opacity=100); /* internet explorer */
	-khtml-opacity: 1;      /* khtml, old safari */
	-moz-opacity: 1;       /* mozilla, netscape */
	opacity: 1;           /* fx, safari, opera */

}
.mint_background{
	background:url('images/mint-background.gif') no-repeat 0 200px;
	background-attachment:fixed;
	position:fixed;
	left:0;
	width:500px;
	height:600px;
	top:0px;
	z-index:-10;	
	filter: alpha(opacity=30); /* internet explorer */
	-khtml-opacity: 0.3;      /* khtml, old safari */
	-moz-opacity: 0.3;       /* mozilla, netscape */
	opacity: 0.3;           /* fx, safari, opera */
}

.port_project{
	margin:15px 0;
}
.port_project .port_details{
	width:320px;
	float:left;
	margin:0 10px 0 0;
	text-align:left;
}
.port_project .port_thumbs{
	width:235px;
	float:left;
	margin:0 0 0 10px;
	background:#f2f2f2;
	border:1px solid #eee;
	padding:5px;
	-moz-box-shadow:3px 2px 6px #888;
	-webkit-box-shadow: 3px 2px 6px #888;
}
.port_project .port_thumbs img{
	width:100px;
	height:100px;
	float:left;
	margin:4px;
	border:4px solid #ccc;
}
.port_project .port_thumbs a:hover img{
	border-color:#eee
}

/**Topslider & large preview**/

div.scrollable { 
  
    position:relative; 
    overflow:hidden; 
    width: 600px; 
    height:320px; 
} 

div.scrollable ul.items { 
    width:20000em; 
    position:absolute; 
} 

div.scrollable ul.items li { 
    float:left; 
	padding:0 ;
	margin-right:20px
} 

.simple_overlay { 
   
    display:none; 
    z-index:10000; 
   	background: url(images/white.png); 
    width:675px;     
    min-height:500px; 
    /* border:1px solid #666; 
   	-moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000; */    
} 
.simple_overlay .close  { 
    background: url(images/close.png) no-repeat; 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
	
}
.simple_overlay img{
	border:none
}
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}
/**Topslider & large preview ends**/
.content_single ol{
	margin:10px 30px;
}
.front_content_left_text ul{
	margin:10px 20px;
}
.front_content_left_text h1{
	padding-top:10px;
	padding-bottom:10px;
}
.front_content_left_text ul li{
	list-style:none;
	background:url('images/mint_icon.gif') no-repeat 0px 3px;
	padding:0px 20px;
}