/*
Theme Name: Squidoolens
Theme URI: http://www.squidoolenscreation.com
Version: 1.0
Description: 2 Column theme
Author: Julian
Author URI: http://www.juliandesigns.com
*/


@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	width:1003px;
	background:url(images/header2.jpg) 0 0 no-repeat;
	height:336px;
	position:relative;
	margin:0 auto;
}
#header img{
	display:block;
	font-size:0;
	line-height:0;
	position:absolute;
	left:258px;
	top:151px;
	border:none;
}
#header ul.nav{
	position:absolute;
	left:332px;
	top:31px;
}
#header ul.nav li{
	float:left;
	margin:0 2px 0 0;
}
#header ul.nav li a{
	display:block;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
	height:37px;
	float:left;
	text-decoration:none;
}
#header ul.nav li a:hover{
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
}
#header ul.nav li a span.left{
	display:block;
	background:url(images/nav_left.gif) left top no-repeat;
	float:left;
}
#header ul.nav li a span.left span.right{
	display:block;
	background:url(images/nav_right.gif) right top no-repeat;
	float:left;
	padding:18px 37px 0 37px;
	font:bold 14px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#CFDCCB;
	background-color:inherit;
	text-decoration:none;
	height:19px;
	cursor:pointer;
}
#header ul.nav li a:hover span.left{
	display:block;
	background:url(images/nav_hover_left.gif) left top no-repeat;
	float:left;
}
#header ul.nav li a:hover span.left span.right{
	display:block;
	background:url(images/nav_hover_right.gif) right top no-repeat;
	float:left;
	padding:18px 37px 0 37px;
	font:bold 14px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#3C463D;
	background-color:inherit;
	text-decoration:none;
	height:19px;
}
#header ul.nav li a.hover{
	display:block;
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
	height:37px;
	float:left;
}
#header ul.nav li a span.left2{
	display:block;
	background:url(images/nav_hover_left.gif) left top no-repeat;
	float:left;
}
#header ul.nav li a span.left2 span.right2{
	display:block;
	background:url(images/nav_hover_right.gif) right top no-repeat;
	float:left;
	padding:0 37px;
	font:bold 14px/37px Tahoma, Arial, Helvetica, sans-serif;
	color:#3C463D;
	background-color:inherit;
	text-decoration:none;
	cursor:text;
}
#header ul.sub{
	position:absolute;
	left:353px;
	top:78px;
}
#header ul.sub li{
	float:left;
	font:normal 9px/9px Tahoma, Arial, Helvetica, sans-serif;
	color:#3C453D;
	background-color:inherit;
}
#header ul.sub li a{
	padding:0 8px;
	color:#3C453D;
	background-color:inherit;
	text-decoration:none;
}
#header ul.sub li a:hover{
	color:#000;
	background-color:inherit;
}
#header h2{
	display:block;

	width:200px;
	height:27px;
	position:absolute;
	left:598px;
	top:138px;

}
#header h3{
	font:normal 16px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#295D3D;
	background-color:inherit;
	position:absolute;
	left:596px;
	top:176px;
}
#header p{
	display:block;
	width:117px;
	font:normal 9px/12px Tahoma, Arial, Helvetica, sans-serif;
	color:#7D937E;
	background-color:inherit;
	position:absolute;
	left:598px;
	top:217px;
}
#header p span{
	font:normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#BC6D11;
	background-color:inherit;
	display:block;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:943px;
	margin:0 auto;
	background:url(images/body_bg.gif) 0 0 repeat-x #3C453D;
	color:#000;
	padding:0 29px 24px 31px;
}
/*------------------------------------------------left--------------------*/
#left{
	width:415px;
	float:left;
}
#left h2{
	display:block;
	width:415px;
	font:bold 30px/30px Tahoma, Arial, Helvetica, sans-serif;
	color:#DA970E;
	background-color:inherit;
	padding:0 0 29px 0;
	float:left;
}
#left p.lftTxt1{
	display:block;
	width:415px;
	font:normal 16px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#A2BC66;
	background-color:inherit;
	padding:0;
	float:left;
}
#left p.lftTxt2{
	display:block;
	width:415px;
	font:normal 14px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#94A883;
	background-color:inherit;
	padding:0 0 28px 0;
	float:left;
}
#left p.lftTxt2 span{
	font:normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#D0DDCB;
	background-color:inherit;
	display:block;
	padding:0 0 10px 0;
}
#left p.lftTxt3{
	display:block;
	width:415px;
	font:normal 16px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#A2BC66;
	background-color:inherit;
	padding:0 0 10px 0;
	float:left;
}
#left ul{
	padding:0 0 25px 0;
	margin:0;
	float:left;
	width:415px;
}
#left ul li{
	float:left;
	background:url(images/left_div.gif) right top repeat-y;
	padding:0;
	display:block;
	width:138px;
	margin:0 0 0 0;
}
#left ul li.noImg{
	background-image:none;
}
#left ul li a{
	display:block;
	width:111px;
	padding:10px 11px 26px 11px;
	background-color:inherit;
	color:#94A883;
	font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#left ul li a:hover{
	background-color:#455146;
	color:#94A883;
}
#left ul li a span{
	background-color:inherit;
	color:#A2BC66;
	font:bold 12px/16px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	margin:0 0 15px 0;
}
#left ul li a:hover span{
	background-color:#455146;
	color:#A2BC66;
}
#left p.rm{
	display:block;
	background:url(images/read_more_bg.gif) 0 0 no-repeat;
	width:95px;
	height:30px;
	text-align:center;
	float:left;
	margin:0 0 36px 0;
}
#left p.rm a{
	background-color:inherit;
	font:bold 12px/30px Arial, Helvetica, sans-serif;
	color:#3D463D;
	text-decoration:none;
}
#left p.rm a:hover{
	color:#000;
	background-color:inherit;
}
#left p.rm2{
	display:block;
	width:401px;
	background:url(images/read_more_icon.gif) 0 3px no-repeat;
	padding:0 0 0 14px;
	float:left;
}
#left p.rm2 a{
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	color:#DA970E;
	background-color:inherit;
	text-decoration:none;
}
#left p.rm2 a:hover{
	color:#000;
	background-color:inherit;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:508px;
	float:right;
}
#right h2{
	display:block;
	width:508px;
	font:bold 30px/30px Tahoma, Arial, Helvetica, sans-serif;
	color:#DA970E;
	background-color:inherit;
	padding:0 0 29px 0;
	float:left;
}
#right ul{
	padding:0 0 0 0;
}
#right ul li{
	float:left;
}
#right ul li.pro1{
	display:block;
	background:url(images/project_pic1.gif) 0 0 no-repeat;
	width:121px;
	height:27px;
	padding:162px 0 0 51px;
}
#right ul li.pro2{
	display:block;
	background:url(images/project_pic2.gif) 0 0 no-repeat;
	width:133px;
	height:27px;
	padding:162px 0 0 39px;
}
#right ul li.pro3{
	display:block;
	background:url(images/project_pic3.gif) 0 0 no-repeat;
	width:135px;
	height:27px;
	padding:162px 0 0 27px;
}
#right ul li a{
	background:url(images/view_more_icon.gif) 0 3px no-repeat;
	padding:0 0 0 14px;
	font:bold 11px/11px Tahoma, Arial, Helvetica, sans-serif;
	color:#6A3305;
	background-color:inherit;
	text-decoration:none;
}
#right ul li a:hover{
	background:url(images/view_more_icon_hover.gif) 0 3px no-repeat;
	color:#000;
	background-color:inherit;
}
#right p.rightTxt{
	display:block;
	width:497px;
	font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#94A883;
	background-color:inherit;
	float:left;
	padding:13px 0 23px 0;
}
#right p.rightTxt span{
	color:#D0DDCB;
	background-color:inherit;
	font-weight:bold;
}
#right p.rm3{
	display:block;
	width:401px;
	background:url(images/read_more_icon.gif) 0 3px no-repeat;
	padding:0 0 0 14px;
	float:left;
	margin:0 0 22px 0;
}
#right p.rm3 a{
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	color:#DA970E;
	background-color:inherit;
	text-decoration:none;
}
#right p.rm3 a:hover{
	color:#000;
	background-color:inherit;
}
#banner{
	background:url(images/banner.jpg) 0 0 no-repeat;
	width:122px;
	height:199px;
	float:left;
	padding:43px 32px 0 135px;
}
#banner h2{
	display:block;
	width:122px;
	font:bold 18px/19px Tahoma, Arial, Helvetica, sans-serif;
	color:#DA970E;
	background-color:inherit;
	padding:0 0 8px 0;
	float:left;
}
#banner a.download{
	font:normal 18px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#C3D990;
	background-color:inherit;
	text-decoration:none;
	float:left;
}
#banner a.download:hover{
	color:#000;
	background-color:inherit;
}
#banner p.txt{
	display:block;
	width:116px;
	font:normal 9px/12px Tahoma, Arial, Helvetica, sans-serif;
	color:#D0DCCB;
	background-color:inherit;
	padding:8px 0 10px 0;
	float:left;
}
#banner p.click{
	display:block;
	font:normal 9px/12px Tahoma, Arial, Helvetica, sans-serif;
	color:#D0DCCB;
	background:url(images/click_here_bg.gif) 0 0 no-repeat;
	height:40px;
	background-color:inherit;
	padding:0 0 0 34px;
	float:left;
}
#banner p.click a{
	font:bold 10px/40px Tahoma, Arial, Helvetica, sans-serif;
	color:#DA970E;
	background-color:inherit;
	text-decoration:none;
	text-transform:uppercase;
}
#banner p.click a:hover{
	color:#000;
	background-color:inherit;
}
#right form{
	width:195px;
	float:right;
}
#right form h2{
	display:block;
	width:195px;
	font:bold 26px/42px Tahoma, Arial, Helvetica, sans-serif;
	color:#DA970E;
	background-color:inherit;
	padding:0;
	float:left;
}
#right form label{
	display:block;
	background:url(images/bullet.gif) 0 10px no-repeat;
	font:normal 10px/19px Tahoma, Arial, Helvetica, sans-serif;
	color:#D0DDCB;
	background-color:inherit;
	padding:0 0 0 7px;
	float:left;
}
#right form input.txtBox{
	width:190px;
	height:18px;
	background-color:#455146;
	color:#000;
	padding:2px 0 0 5px;
	float:left;
	border:none;
}
#right form input.submit{
	width:43px;
	height:20px;
	background-color:#A75511;
	color:#D0DDCB;
	font:bold 9px/20px Tahoma, Arial, Helvetica, sans-serif;
	border:none;
	cursor:pointer;
	float:left;
	margin:15px 12px 0 0;
}
#right form a{
	background-color:inherit;
	color:#DA970E;
	font:normal 11px/20px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	float:left;
	margin:15px 0 0 0;
}
#right form a:hover{
	background-color:inherit;
	color:#fff;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:1003px;
	height:84px;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
	margin:0 auto;
	padding:32px 0 0 0;
}
#footer ul{
	padding:0;
	width:360px;
	margin:0 auto;
}
#footer ul li{
	float:left;
	font:normal 11px/11px Arial, Helvetica, sans-serif;
	color:#CFDCCB;
	background-color:inherit;
}
#footer ul li a{
	padding:2px 8px;
	color:#CFDCCB;
	background-color:inherit;
	text-decoration:none;
	display:block;
	float:left;
}
#footer ul li a:hover{
	color:#CFDCCB;
	background-color:#3C453D;
}
#footer p{
	width:280px;
	margin:0 auto;
	font:normal 10px/34px Arial, Helvetica, sans-serif;
	color:#455146;
	background-color:inherit;
}
/*------------------------------------------------footer--------------------*/


#banner2{
	width:169px;
	height:199px;
	float:left;
	background-image: url(images/banner1.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 43px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 30px;
}
#banner2 h2{
	display:block;
	width:122px;
	font:bold 18px/19px Tahoma, Arial, Helvetica, sans-serif;
	color:#DA970E;
	background-color:inherit;
	padding:0 0 8px 0;
	float:left;
}
#banner2 a.download{
	font:normal 18px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#C3D990;
	background-color:inherit;
	text-decoration:none;
	float:left;
}
#banner2 a.download:hover{
	color:#000;
	background-color:inherit;
}
#banner2 p.txt{
	display:block;
	width:116px;
	font:normal 9px/12px Tahoma, Arial, Helvetica, sans-serif;
	color:#D0DCCB;
	background-color:inherit;
	padding:8px 0 10px 0;
	float:left;
}
#banner2 p.click{
	display:block;
	font:normal 9px/12px Tahoma, Arial, Helvetica, sans-serif;
	color:#D0DCCB;
	background:url(images/click_here_bg.gif) 0 0 no-repeat;
	height:40px;
	background-color:inherit;
	padding:0 0 0 34px;
	float:left;
}
#banner2 p.click a{
	font:bold 10px/40px Tahoma, Arial, Helvetica, sans-serif;
	color:#DA970E;
	background-color:inherit;
	text-decoration:none;
	text-transform:uppercase;
}
#banner2 p.click a:hover{
	color:#000;
	background-color:inherit;
}