body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#707070;
	margin:0;
	padding:0;
	background-color: #f2f2f2;
	background-image: url(../images/bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}

/*** main colors for links ***/
a{
	color:#768ab5;
	text-decoration:none;
	}
a:hover{
	color: #000;
	
	}
/********************************************************************************************** GLOABAL STYLES */

h1{
	color:#353535;
	font-size:28px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
h2{
	color:#353535;
	font-size:26px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
h3{
	color:#353535;
	font-size:18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
h4{
	color:#353535;
	font-size:16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
h5{
	color:#353535;
	font-size:14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	}
h6{
	color:#353535;
	font-size:12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

small{
	font-size:11px;
	}
b, strong{
	font-weight:bold;}
i, em{
	font-style:italic;
	}
p{
	padding:15px 0px 15px 0px;
	line-height:21px;
	}
.fleft{ float:left;}
.fright{ float:right;}
.alignright{
	float:right;
	margin: 3px 0px 10px 10px;

	}
.alignleft{
	float:left;
	margin: 3px 10px 10px 0px;
	}
	
.alignnone{
	float:none;
	margin-bottom: 10px;
	}
	
#content ul, ol{
	position:relative;
	margin:10px 0px;
	}
#content ul li, ol li{
	padding:5px 0 0 5px;
	margin:0 0 0 30px;
	}
#content ul li{
	list-style-type:disc;
	}
#content ol li{
	list-style-type: decimal;
	}

#content table{
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
	}
#content table tr th{
	background-color:#5B5B5B;
	color:#FFF;
	padding:5px;
	text-align:center;
	border:1px #d6d6d6 solid;
	}	
#content table tr td{
	background-color:#FFFFFF;
	padding:5px;
	text-align:left;
	border:1px #d6d6d6 solid;
	}		
	

#main-container{
	width:962px;
	margin:0px auto 0px auto;
	display:block;
	}

/********************************************************************************************** Header */
#header{
	position:relative;
	display:block;
	width:962px;
	height:135px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
.logo_link{
	position:absolute;
	width:255px;
	height:90px;
	top:10px;
	left:10px;

	}
/********************************************************************************************** Menu */
#menu_wrap {
	display:block;
	height:60px;
	z-index:1;
	width: 620px;
	position: relative;
	top: 75px;
	left: 300px;
	}

#nav {
	position:relative;
	left:10px;
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	list-style-type: none;
	top: 5px;
}

#nav li {
	position: relative;
	float:left;
	width:auto;
	padding:0 5px !important;
	background:transparent; }

#nav li a {
	position: relative;
	display:block;
	color:#666666;
	font-size:1.1em;
	padding:15px 10px 10px 10px;
	text-transform:uppercase;
	background:transparent;
	font-weight: bold;
}

#nav li a:hover {
	color:#353535;
	}

#nav li a.selected {
	color:#353535;
	}

#nav li.sub a:hover, #nav li.sub:hover a {
	color:#47add9;
	background:transparent;
	z-index: 2; }

#nav li ul {
	position:relative;
	padding:5px 10px;
	margin:0;
	width:190px;
	height:auto;
	top:43px;
	left:5px;
	background:#ffffff;
	border:1px solid #efefef;
	display:none;
	z-index: 1;
}

#nav li ul li {
	float:none;
	padding:0;
	margin:7px 0; }

#nav li ul li a  {
	width:190px;
	font-size:1.3em;
	padding:5px 0;
	text-transform: none;
	border:none !important;
	color:#919394 !important; }

#nav li ul li a:hover {
	color:#484747 !important;
	border: none !important; }



/********************************************************************************************** Banner */
#banner_wrap {
	position:static;
	display:block;
	width:962px;
	height:362px;
	margin:0px auto;
	background:top center no-repeat url('../images/banner_bg.jpg');
	margin-bottom:10px;
	z-index:100;

	}
/********** styles for banner text slideshow */
#description{
	color:#FFF;
	height:300px;
	width:300px;
	display:inline;
	z-index:100;
	float:left;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 60px;
	}
#description h2{
	color:#ebebeb;
	font-size:80px;
	font-weight:bold;
	}
	
#description h3{
	color:#ebebeb;
	font-size:35px;
	font-weight:bold;
		}	
	
#slideshow2 ul li{
	  display:block;
	  width:340px;
	  height:350px;
	  float:left;
	}
		
#description .readmore{
	display: inline-block;
	width:116px;
	height:34px;
	background:top center no-repeat url('../images/readmore.jpg');
	margin-right:5px;
	margin-top:20px;
	}
#description .see_portfolio{
	display: inline-block;
	width:116px;
	height:34px;
	background:top center no-repeat url('../images/see.jpg');
	margin-right:5px;margin-top:20px;
	}

#description label{
	font-size:14px;
	width:100px;
	display:block;
	float:left;
	font-weight: bold;
	padding: 4px;
}
#description input[type="text"]{
	width:180px;
	font-size:12px;
	padding:4px;
	color:#333;
	line-height:1em;
	background:#f3f3f3;
	border: 2px solid #CCC;
}
#description input:focus{
		background:#fff;
}

/********** styles for banner images slideshow */	
#imgs{	  
  position:relative;
  width:487px;
  float:right;
  height:306px;
  display:block;
  right:41px;
  top:32px;
  background-color:#333;
  }	
  

#banner_wrap .prev, #banner_wrap .next{
	display:block;
	width:35px;
	height:51px;
	cursor:pointer;
	}

#banner_wrap .prev{
	position:absolute;
	z-index:5;
	top:88px;
	left:-44px;
	}
#banner_wrap .next{
	position:absolute;
	z-index:5;
	top:141px;
	left:-44px;
	}

/********************************************************************************************** Banners for subpages */	
#small_banner_wrap{
	display:block;
	width:932px;
	height:86px;
	margin:0px auto;
	margin-bottom:10px;
	font-size:14px;
	color:#F2F2F2;
	padding:10px 0 0 30px;
	font-weight: normal;
	background:top center no-repeat url('../images/small_banner_about.jpg')
	}
#pagetitle{
	height:50px;
	width:300px;
	z-index:100;
	text-align: right;
	position: relative;
	float: right;
	margin-right: 40px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #272727;
	margin-top: 10px;
	}
#pagetitle h2{
	color:#ebebeb;
	font-size:32px;
	font-weight:bold;
	}
#pagedesc{
	height:40px;
	width:580px;
	z-index:100;
	position: relative;
	float: right;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4F4F4F;
	padding-top: 20px;
	text-align: center;
	}
	
.banner_about{
	background:top center no-repeat url('../images/small_banner_about.jpg')
	}
.banner_blog{
	background:top center no-repeat url('../images/small_banner_blog.jpg')
	}
.banner_portfolio{
	background:top center no-repeat url('../images/small_banner_portfolio.jpg')
	}
.banner_contact{
	background:top center no-repeat url('../images/small_banner_contact.jpg')
	}
.banner_404{
	background:top center no-repeat url('../images/small_banner_404.jpg')
	}
	
/**********************************************************************************************  Content */
#content_wrap{
	position:relative;
	display:block;
	width:930px;
	padding:20px 1px 20px 31px;
	}
#content{
	display:block;
	width:560px;
	float:left;
	}
#content img{
	border:4px #CCC solid;
	}
	
.content_bg_nosidebar{
	background: repeat-y url('../images/content_bg_white.jpg');
	
 	}
.corners_top_nosidebar{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:962px;
	height:10px;
	background:#F2F2F2 center bottom  no-repeat url('../images/top_corners.jpg'); 
	}
.corners_bottom_nosidebar{
	position:absolute;
	bottom:-1px;
	left:0px;
	display:block;
	width:962px;
	height:11px;
	background:#F2F2F2 center  top no-repeat url('../images/bottom_corners.jpg');
	}

.content_bg_sidebar{
	background: repeat-y url('../images/content_bg_sidebar.jpg');
	
 	}
.corners_top_sidebar{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:962px;
	height:10px;
	background:#F2F2F2 center bottom  no-repeat url('../images/top_corners_subpage.jpg'); 
	}
	
.corners_bottom_sidebar{
	position:absolute;
	bottom:-1px;
	left:0px;
	display:block;
	width:962px;
	height:11px;
	background:#F2F2F2 center  top no-repeat url('../images/bottom_corners_subpage.jpg');
	}

/********************************************************************************************** Portfolio */
.corners_top_portfolio{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:947px;
	height:33px;
	padding:20px 0px 0px 15px;
	background:#F2F2F2 center bottom  no-repeat url('../images/portfolio_top_corners.jpg'); 
	}
.corners_top_portfolio a{
	padding: 0px 15px 15px 15px;
	display:block;
	float:left;
	}	
	
.corners_top_portfolio a:hover, .corners_top_portfolio a.on{
	padding: 0px 15px 16px 15px;
	display:block;
	float:left;
	color:#000;
	background:bottom center no-repeat url('../images/portfolio_menu_mark.jpg');
	}
.corners_top_portfolio .submenu_title{
	float:left;
	padding: 0px 15px 16px 15px;
	display:block;
	float:left;
	color:#686a6f;
	}
	
.project{
	border-bottom:1px #CCC solid;
	padding-bottom:20px;
	margin-top:30px;
	width:900px;
	}
.project table tr td{
	vertical-align:top;
	}
.project a img{
	border:4px #CCC solid;
	margin: 5px;
	}	
.project a img:hover{
	border:4px #2E3138 solid;
	}		
.project table tr td.break{
	width:20px;
	}
.project table tr td.description{
	vertical-align:text-top;
	}
	
#flashcontentvideo {
	height: 400px;
	vertical-align: middle;
	margin-top: 10px;
	}
	
	
/********************************************************************************************** Sidebar */
.sidebar_box{
	display: inline;
	width:280px;
	float:left;
	margin-right:30px;
	}
	
.sidebar_box2{
	display: inline;
	width:560px;
	float:left;
	margin-right:30px;
	}
	
.top_margin{
	margin-top:50px;}
.sidebar_box h2{
	color:#383838;
	font-size:21px;
	padding-bottom:10px;
	border-bottom:1px #CCC solid;
	}
p.recent_post{
	border-bottom:1px #CCC solid;
	}

#sidebar{
	width:310px;
	display:block;
	float:right;
	}
	
.sub_menu a{
	display:block;
	width:235px;
	padding:10px 10px 10px 35px ;
	border-bottom:1px #CCC solid;
	}
.sub_menu a:hover{
	background-color:#4A4D52;
	color:#FFF;
	}
	
	

	
/********************************************************************************************** Blog */	
.post{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px #CCC solid;
	}
.entry{}
.postmeta .link_one{
	display:inline;
	padding:5px 10px;
	background-color:#33373e;
	color:#FFF;
	}
.postmeta .link_two{
	display:inline;
	padding:5px 10px;
	background-color:#64666c;
	color:#FFF;
	}
.postmeta .link_one:hover,.postmeta .link_two:hover{
	background-color:#000;
	color:#FFF;
	}
.clear{
	position:relative;
	display:block;
	width:930px;
	height:10px;
	clear:both;
	}



/********************************************************************************************** Contact Form */
span.red{
	color:#F00;}
.message{
	display:block;
	width:90%;
	padding:10px;
	margin:0px auto;
	color:#FFF;
	background-color:#2E3138;
	border:1px #999 solid;
	text-align:center;
	font-size:16px;
	}	
#commentForm { 
	width: 563px;
	background-color:#F9F9F9;
	
	}
#commentForm label.error { 
	width: 250px; text-align:left;  color: #F00; font-size:12px;
	}
#commentForm label.error{
	display:block;
	}

#commentForm input.submit:hover { 
 	background-color:#000000;
	}	
table.quote-form {
	margin:20px 0px;

	}
table.quote-form tr td{
	border:0px!important;
	background-color: #F9F9F9;
	}
table.quote-form tr td.field-name{
	width:150px;
	padding:12px;
	text-align:right;	

	}
table.quote-form input, table.quote-form select, table.quote-form textarea{
	width:330px;
	background-color:#F2F2F2;
	border:1px #C5C5C5 solid;
	padding:5px;
	}
table.quote-form select{
	width:342px;
	background-color: #F2F2F2;
	}
table.quote-form textarea{
	width:330px;
	height:200px;
	background-color:#F2F2F2;
	border:1px #C5C5C5 solid;
	padding:5px;
	}
table.quote-form .submit{
	width:79px;
	height:30px;
	display:block;
	border:0px;
	padding:0px;
	background-color:#2E3138;
	color:#FFF;
	cursor:pointer;
	}
table.quote-form .submit:hover{
	background-color:#000;	
	}		


/********************************************************************************************** Footer */


#footer_wrap{
	margin-top:20px;
	position:relative;
	display:block;
	width:962px;
	}
#top_footer{
	position:relative;
	display:block;
	width:956px;
	padding:0px 1px 10px 5px;
	height: 100px;
	}
#twitter{
	position:relative;
	display: inline;
	width:445px;
	margin:0px;
	float:left;
	padding-right:30px;
	border-right:1px #CCC solid;
	}
#twitter table tr td{
	vertical-align:top;
	}
#twitter table tr td.follow_me{
	width:170px;
	}
#get_connected{
	position:relative;
	display: inline;
	width:420px;
	margin:10px 30px 0px 0px;
	padding-left:30px;
	float:right;
	}



#bottom_footer{
	position:relative;
	display:block;
	width:962px;
	height:60px;
	font-size:12px;
	color: #999;
	margin:-2px 0 0 0; /* IE6 */
	padding:10px 0px;
	}
#bottom_footer a{
	color:#999;
	text-decoration:none;
	}
#bottom_footer a:hover{
	color:#000;
	}
#top_button{
	display:block;
	top:0px;
	left:467px;
	position:absolute;
	width:29px;
	height:17px;
	font-size:9px;
	padding:8px 0 0 0;
	text-align:center;
	background: top no-repeat url('../images/top_bt.jpg');
	}
#bottom_footer a#top_button{
	color: #CCC;
	text-decoration:none;
	}
#bottom_footer a#top_button:hover{
	color:#FFF;
	text-decoration:none;
	}
#footer_menu{
	position:absolute;
	display:block;
	padding:1px;
	top:10px;
	right:0px;
	width: 300px;
	text-align: right;
	}