.w{ width:100%;}
.site_center{text-align:center; width:100%;}

.col1, .col2, .col3, .col4 {float:left}

/*======= header =======*/
#header {margin:0 auto; text-align:left; width:810px; height:321px;}
#header .row1{height:130px;}
#header .row2{height:191px;}
#header .col1{width:638px; height:191px;}
#header .col1 h2 {
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	font-style: italic;
	text-align: center;
	line-height: 1.7em;
}
#header .col1 h2 a {
	display: block;
	color: #fff;
	height: 100%;
	outline: none;
	text-decoration: none;
}
#header .col1 h2 a strong {
	color: #B1FE0E;
}
#header .col1 h2#five-ws { 
	float: left; 
	width: 300px; 
	height: 100%; 
	background: url(/images/site/five_blank.jpg) no-repeat top right;
}
#header .col1 h2#five-ws a {
	padding: 40px 50px 0 30px;
}
#header .col1 h2#green-choice { 
	float: left; 
	width: 299px; 
	height: 100%;
	background: url(/images/site/green_blank.jpg) no-repeat top right;
}
#header .col1 h2#green-choice a {
	padding: 50px 30px 0 49px;
} 


#header .col2{width:172px;}


#content{margin:0 auto; text-align:left; width:810px; }
#block_bottom{margin:0 auto; text-align:left; width:810px; }

/*======= index.html =======*/
#page1 #content .col1 { width:635px;}
#page1 #content .col2 { width:175px;}

#page1 #block_bottom .bg {background:url(/images/site/1_bg2.gif) repeat-x}
#page1 #block_bottom .col1 { width:204px; background:url(/images/site/q1.gif)}
#page1 #block_bottom .col2 { width:203px; background:url(/images/site/q2.gif) no-repeat top right}
#page1 #block_bottom .col3 { width:202px; background:url(/images/site/q2.gif) no-repeat top right}
#page1 #block_bottom .col4 { width:201px; background:url(/images/site/q3.gif) no-repeat top right}

/*======= index-1.html =======*/
#page2 #content .col1 { width:213px;}
#page2 #content .col2 { width:597px;}
#page2 #content .row3 .col1 { width:430px;}
#page2 #content .row3 .col2 { width:380px;}

/*======= index-2.html =======*/
#page3 #content .col1 { width:300px;}
#page3 #content .col2 { width:177px;}
#page3 #content .col3 {
	width:630px;
}

#page3 #block_bottom .bg {background:url(/images/site/1_bg2.gif) repeat-x}
#page3 #block_bottom .col1 { width:204px; background:url(/images/site/q1.gif)}
#page3 #block_bottom .col2 { width:203px; background:url(/images/site/q2.gif) no-repeat top right}
#page3 #block_bottom .col3 { width:202px; background:url(/images/site/q2.gif) no-repeat top right}
#page3 #block_bottom .col4 { width:201px; background:url(/images/site/q3.gif) no-repeat top right}

/*======= index-3.html =======*/
#page4 #content .col1 { width:430px;}
#page4 #content .col2 { width:380px;}
#page4 #content .row3 .col1 { width:197px;}
#page4 #content .row3 .col2 { width:160px;}

/*======= index-4.html =======*/
#page5 #content .col1 { width:431px;}
#page5 #content .col2 { width:378px;}
#page5 #content .row3 .col1 { width:109px;}
#page5 #content .row3 .col2 { width:269px;}

/*======= footer =======*/
#footer { height:88px; margin:0 auto; text-align:left; width:810px;  }


/*
 * Demos
 */

.samples {
	position: relative;
	margin-bottom: 2em;
}
.samples h1 {
	margin: 1em 0;
	color:#cbfe01;
	text-transform: uppercase;
	text-indent: 316px;
}
.sample {
	position: relative;
	clear: both;
	margin-left: -14px;
	width: 100%;
	
}
.sample-thumb { 
	position: relative;
	width: 300px;
	float: left;
	width: 300px;
}
.sample-info {
	margin-left: 330px;	
	padding-top: 14px;
}
.sample-info  h3 {
	color: #cbfe01;	
	margin-bottom: 1em;
}
.sample-info  p {
	margin: 1em 0;
}