body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#707070;
	margin:0;
	padding:0;
}
#home{	background:#ffffff top repeat-x url('../images/bg.gif'); }
#subpage{	background:#ffffff top repeat-x url('../images/bg_subpage.gif'); }


/********************************************************************************************** GLOABAL STYLES */


/*****************/
/*   Showcases   */
/*****************/

/* Full showcase */

button.prev { width: 30px; height: 59px; position: absolute; z-index: 5; display: inline-table; cursor: pointer; margin: 90px 10px 0; }

button.next { width: 30px; height: 59px; position: absolute; z-index: 5; display: inline-table; cursor: pointer; margin: 90px 0 0 920px; }

div#showcase { width: 960px; height: 280px; overflow: hidden; float: left; }

	div.showcase_wrapper_small { float: left; display: inline-table; overflow: hidden; }

		div#showcase_wrapper { display: inline-table; width: 960px; height: 280px; }

			#showcase_wrapper ul { display: inline-table; }

				div#showcase_wrapper ul li { display: inline-table; border:none; }
			
					a.showcase_link { width: 765px; height: 40px; float: left; display: inline-block; font: 18px/40px "Lucida Grande", Lucida, Verdana, sans-serif; color: #fff; cursor: pointer; padding: 0 0 0 20px; }

					a.showcase_link:hover { text-decoration: underline; color:#FFF; }

					a.moreinfo { display: inline-block; height: 40px; width: 155px; font: 18px/40px "Lucida Grande", Lucida, Verdana, sans-serif; color: #fff; cursor: pointer; float: left; padding: 0 0 0 20px; }
		
					a.moreinfo:hover { text-decoration: underline; color:#FFF; }
.img_homepage { width: 960px; float: left; display: inline-block; height: 239px; margin: 0; border:none; }
.img_icon { float: left; display: inline-block; margin-right:5px; margin-top:5px; margin-bottom:35px; border:none; }
.img_guarantee { float: left; display: inline-block; margin-right:5px; border:none; }
.img_why { float:right; }

#cu3er-container {width:960px; margin-top:10px; outline:0;}

	
/******************/
/*   Navigation   */
/******************/

div#nav_wrapper {
	width: 960px;
	height: 30px;
	position:absolute;
	font-size:12px;
	top:75px;
	}

	#nav ul li { float:left; width:95px; display: inline-block; height: 20px; font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
text-align:center; margin-top:3px; }
	
		a.nav { text-decoration: none; color: #FFFFFF; font-weight:500;}
		a.nav_home { text-decoration: none; color: #FFFFFF; font-weight:500; }
		a.nav_home:hover { color: #f7941d; text-decoration:none; font-weight:500; }
		a.nav:hover { color: #f7941d; text-decoration:none; font-weight:500; }

h1{
	font-size:26px;
	}
h2{
	font-size:20px;
	}
h3{
	font-size:18px;
	}
h4{
	font-size:16px;
	}
h5{
	font-size:14px;
	}
h6{
	font-size:12px;
	}

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;
	border:8px #ebebeb solid;
	}
.alignleft{
	float:left;
	margin: 3px 10px 10px 0px;
	border:8px #ebebeb solid;
	}
a{
	text-decoration:none;
	}
a:hover{
	text-decoration:none;
	}	
a.bodycontent{
	text-decoration:none;
	color:707070;
	}
a.bodycontent:hover{
	text-decoration:none;
	color:707070;
	}		
	
#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;
	}	
#top-table{
	background-color:#f7941d;
	color:#FFF;
	padding:2px;
	text-align:center;
	}
#content table tr td{
	padding:5px;
	text-align:left;
	}		
	

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

/*------------------------
  LATEST WORK FADER (JQUERY)
-------------------------*/

#latest_work, #clients{
		width:  998px;
		height: 260px;
		position:relative;
		background: url(../images/site/nav_bg.png) repeat;
		border:  1px solid #d6d6d6;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		margin:30px 0 0;
}

#latest_ribbon, #clients_ribbon {
		height:72px;
		width:72px;
		background: url(../images/site/latest_ribbon.png) no-repeat;
		position:absolute;
		top:-1px;
		left:-1px;
		z-index:5;
		text-indent:-9999px;
}

.ui-tabs-panel {
		height:228px;
		width: 690px;
		overflow:hidden;
		top:15px; left:15px;
		border:  1px solid #4e1b57;
		position:absolute;
}

ul.ui-tabs-nav {
		position:absolute;
		top:15px; right:15px;
		list-style:none;
		padding:0;
		width:300px;
		z-index:5;
}

ul.ui-tabs-nav li {
		margin:0 0 11px;
		width:260px;
		float:right;
}

.ui-tabs-hide {
		display:none;
}

li.ui-tabs-nav-item a {
		display:block;
		color:#000!important; 
		outline:none;
		background: url(../images/site/latest_tab.png) repeat-x;
		padding:0px 0 0 15px; 
		height:49px;
		line-height:49px;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		text-decoration:none;
		font-size:1.05em;
		text-transform: uppercase;
		font-family: 'lucida grande', arial, sans-serif;
		font-weight:bold;
		text-shadow: 0.1em 0.1em #fff
}

li.ui-tabs-nav-item a:hover {
		color:#000;
		text-decoration:none;
		background: url(../images/site/latest_tab_hov.png) repeat-x;
}

li.ui-tabs-selected  { 
		width:290px!important;
		margin:-9px 0 1px 0!important;
		display:block;
}

li.ui-tabs-selected a, li.ui-tabs-selected a:hover {
		background: url(../images/site/latest_tab_active.png) no-repeat;
		color:#fff!important;
		height:68px;
		line-height:68px;
		padding:0 0 0 30px;
		text-shadow: 0.1em 0.1em #333;
}



/*--------------
  CLIENT SLIDER
-----------------*/

#clients{
		position:relative;
		width:550px;
		height:100px;
		margin:30px 0 0px 0;
}

#clients_ribbon{
		background:url(../images/site/clients_ribbon.png) no-repeat;
}

#client_slider{
		width:550px!important;
		margin:25px 0 0 0;
		
}

.slider_fade, .slider_fade_left{
		position:absolute;
		height:100px;
		width:120px;
		background: url(../images/site/slider_fade.png) no-repeat;
		top:0;
		right:0;
		z-index:4;
}

.slider_fade_left{
		left:0;
		background: url(../images/site/slider_fade_left.png) no-repeat;
}

#client_slider ul li {
		margin:0 40px 0 0;
		height:auto!important;
		display:inline;
		float:left;
}

.next a{
	width:13px;
	height:19px;
	background: url(../images/site/nxt_btn.png) no-repeat;
	border:0;
	font-size:1.6em;
	position:absolute;
	bottom:0;
	right:0;
	z-index:5;
	cursor:pointer;
	padding:0 0 0 6px;
	display:block;
	font-family:georgia, serif;
	color:#000!important;
	text-shadow: 0.1em 0.1em #fff;
	outline:0;
}






/********************************************************************************************** Header */
#header{
	position:relative;
	display:block;
	width:960px;
	height:106px;
	margin:0px auto;
	background:top center no-repeat url('../images/header_bg.jpg');
	z-index:10;
	}
.logo{
	position:absolute;
	width:960px;
	height:81px;
	top:0px;
	left:0px;
	background:top left no-repeat url('../images/logo.png');
	}
	
	.logo-home{
	position:absolute;
	width:960px;
	height:81px;
	top:0px;
	left:0px;
	background:top left no-repeat url('../images/logo-home.png');
	}
/********************************************************************************************** Menu */
#menu_wrap {
	position:relative;
	display:block;
	padding:20px;
	margin:0px auto;
	z-index:100;
	}

/********************************************************************************************** Banner */
#banner_wrap {
	position:static;
	display:block;
	width:960px;
	height:249px;
	margin:0px auto;
	background:top center no-repeat url('../images/banner_bg.jpg');
	z-index:1;
	}

#tagline_wrap {
	position:static;
	display:block;
	width:960px;
	height:55px;
	margin:0px auto;
	text-align:center;
	padding-top:15px;
	background:top center  no-repeat url('../images/tagline_bg.jpg');
	}	
#subpage_tagline_wrap {
	position:static;
	display:block;
	width:960px;
	height:114px;
	margin:0px auto;
	text-align:center;
	padding-top:20px;
	background:top center  no-repeat url('../images/tagline_subpage.jpg');
	}	
#subpage_tagline_wrap .dark{}
	
/********************************************************************************************** Slider -> Banner */	
#main-container .js{
	overflow:hidden;zoom:1;
	}
#main-container .carousel,
#main-container .carousel .carousel-wrap{
	margin:0;border:0; position:relative;
	}
#main-container .js .carousel-wrap{
	display:inline-block;
	vertical-align:middle;
	width:960px;
	margin:6px 0px 0px 0px;
	background-color:#FFF;
	}
.IE #main-container .js .carousel-wrap{
	display:inline;
	}
#main-container .carousel ul{
	margin:0;padding:0;
	}
#main-container .js ul li{
	overflow:hidden;
	display:inline;
	float:left;
	width:960px;
	height:205px;
	text-align:center;
	}
#main-container .carousel .carousel-control{
	display: none;
	}

#main-container .carousel .disabled,#main-container .carousel .disabled:hover{}
#main-container .carousel div{
	margin:0;
	padding:0;
	border:0;
	}
#main-container .carousel ul{
	padding:0;
	list-style:none;
	}
#main-container .carousel ul li{
	position:relative;
	width:960px;
	margin:0;
	}


#main-container div.center-wrap{ text-align:center;	}
#main-container div.center-wrap div{ margin:-5px 0 0 0;}
#main-container div.center-wrap a{cursor:pointer; padding:0px 5px;  font-size:12px;}
#main-container div.center-wrap a.active{cursor:pointer; }	
	
/********************************************************************************************** Posts */

.post{
	padding:0 0 15px 0;
	margin:0 0 20px 0;
	border-bottom:1px #D9D9D9 solid;
	}

/**********************************************************************************************  Content */
#content_wrap{
	position:relative;
	display:block;
	width:960px;
	margin:0px auto;
	background:top left  repeat-y url('../images/content_bg.jpg');
	}
#content_wrap_portfolio{
	position:relative;
	display:block;
	width:960px;
	margin:0px auto;
	}
#content{
	display:block;
	width:570px;
	padding:0 40px 0 0;
	float:left;
	}

.content_box_left{
	width:145px;
	padding:15px;
	margin:10px 10px 20px 0px;
	float:left;
	background-color:#ebebeb;
	border:1px #dcdcdc solid;
	line-height:21px;
	}

.content_box_right{
	width:145px;
	padding:15px;
	margin:10px 0 20px 10px;
	float:right;
	background-color:#ebebeb;
	border:1px #dcdcdc solid;
	line-height:21px;
	}
.links li{
	list-style-type:none!important;
	list-style:none!important;
	}

/**********************************************************************************************  Portfolio */
#portfolio_menu{
	display:block;
	width:960px;
	height:46px;
	padding-top:6px;
	background:#ffffff top  no-repeat url('../images/portfolio-menu.jpg');
	}
#portfolio_menu ul {
	display:block;
	padding:0px 10px;
	margin:0px auto;
	width:450px;
	}
#portfolio_menu ul li{
	display:inline;
	}
#portfolio_menu ul li a{
	display: block;
	float:left;
	padding:2px 10px;
	}
#portfolio_menu ul li a.on{	}
	
#content_portfolio{
	display:block;
	width:942px;
	padding:20px 0 0 18px;
	float:left;
	}
#content_portfolio ul{
	clear:both;
	display:block;
	}
#content_portfolio .project-box{
	display: inline;
	position:relative;
	width:289px;
	float:left;
	margin-right:22px;
	margin-bottom:40px;
	background:no-repeat url('../images/shadow-thum.jpg') 10px 197px;
	line-height:20px;
	}
#content_portfolio .project-box h2{
	padding-bottom:8px;
	}
#content_portfolio .project-box a img{
	padding:4px;
	border:1px solid #CCC;
	margin-bottom:5px;
	}
#content_portfolio .project-box a:hover img{
	padding:4px;
	border:1px solid #737373;
	z-index:80;
	}

/********************************************************************************************** Sidebar */
#sidebar{
	display:block;
	width:310px;
	float:right;
	}
.clear{
	display:block;
	width:960px;
	clear:both;
	height:1px;
	}
	
ul.news li a { border-bottom: 1px solid #d6d6d6; color: #222222; display: block; padding: 15px 10px; overflow: hidden; }

ul.news a:hover { background: #52bbe2; color: white; text-decoration: none;}
	
ul.contact_info li{
	padding:15px 0px 0px 0px;
	line-height:21px;
	}
	
/********************************************************************************************** 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:#FFFFFF;
	
	}
	#commentFormSmall { 
	width: 300px;
	background-color:#FFFFFF;
	
	}
#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:#FFFFFF!important;
	}
table.quote-form tr td.field-name{
	width:60px;
	padding:12px;
	text-align:left;

	}
table.quote-form input, table.quote-form select, table.quote-form textarea{
	width:200px;
	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 */
#footer {   

		width: 100%; 
    text-align: center; 
	line-height: 12px; 
	float: left; 
	bottom: 0px; 
	position: relative; 
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
}
 #footer_wrap{
	margin:20px auto;
	position:relative;
	display:block;
	background:top center  no-repeat url('../images/bg_footer.jpg');
	width:960px;
	text-align:center;
	}
#footer #wrap { 
	
	width: 960px; 
	margin: 0px auto; 
	font-size: 12px; 
	color: #707070; 
	text-align: left;
	line-height: 18px;
	margin-top: 15px;
}

.wrap-box{ width: 215px; margin-left: 20px; float: left; }
.wrap-box h4 { 
	width: 200px;
	text-align: left; 
	border-bottom: 1px dotted #737373; 
	padding-bottom: 10px;
	padding-top:10px;
	margin-bottom: 10px;
	margin-top: 0px;
}

#footer a:link, #footer a:active, #footer a:visited { font-family: Arial, Helvetica, sans-serif; #666666; text-align: left; }
#footer a:hover { text-decoration: none; color: #1c75a7; }

#footer p.copy { text-align: center; padding-top: 30px; }
#footer #wrap .link { 
	color: #1c75a7; 
	font-weight: bold; 
	font-size: 10px; 
}

#footer #wrap .link:hover { 
	color: #beee48; 
	text-decoration: underline; 
	font-weight: bold; 
	font-size: 10px; 
}


#footer_menu{
	position:relative;
	display:block;
	padding:25px 5px 0px 5px;
	margin-bottom:10px;
	}
#footer_menu li{
	display:inline;
	}
#footer_menu a{
	padding:0px 10px;
	}

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }