/**
  Theme Name: Ver.6
  Theme URI: http://www.fuxy.net
  Version: 6
  Author: Fuxy
  Author URI: http://www.fuxy.net
  Tags: 
  Licence: 
*/

@import url('reset.css');

html {
  overflow-y: scroll;
}

body {
	font-size: 80%; /* Resets 1em to 12px */
	font-family: 'Trebuchet MS', 'Lucida Grande', Tahoma, Arial, Sans-Serif;
	background: transparent url("style/images/footer-back.png") repeat;
	color: #000;
	text-align: center;
}

h3, h3 a {
	color: #034ea2;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 30px;
}

h4, h4 a {
	color: #314672;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-top: 10px;
}

a {
	color: #555;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: none;
}

.thumb {
	width: 291px;
	height: 204px;
	padding: 11px 0px 0px 11px;
	background: transparent url("style/images/thumb-back.png") no-repeat 0 0;
	display: block;
	overflow: hidden;
}

a.see-more {
	text-decoration: none;
	color: #000;
	font-size: 12px;
	width: 77px;
	height: 17px;
	padding: 2px 0px 0px 23px;
	background: transparent url("style/images/more.png") no-repeat 0 0;
	display: block;
	overflow: hidden;
}

a:hover.see-more {
	background-position: 0px -19px;
	text-decoration: none;
	text-shadow: #ffffff 0 1px 0;
}

.top-margin {
	margin-top: 20px;
}

/*
	Header / Logo / Navigation
*/
div#header {
	width: 100%;
	height: 70px;
	background: transparent url("style/images/top-back.png") repeat-x;
	display: block;
	overflow: hidden;
	}
	
	div#header #headerWrap {
		width: 960px;
		height: 70px;
		background: transparent;
		display: block;
		margin: 0 auto;
		}
	
	div#header #headerWrap h1 a {
		width: 180px;
		height: 70px;
		background: transparent url("style/images/logo.jpg") no-repeat;
		text-indent: -9999px;
		margin-left: 82px;
		overflow: hidden;
		display: block;
		float: left;
	}
	
	div#header #headerWrap h1 span {
		display: none;
	}
	
div#header #headerWrap ul#nav {
	width: 372px;
	padding: 0px 1px 0px 1px;
	background: transparent url("style/images/menu-sep.png") 0 0 no-repeat;
	margin-right: 77px;
	float: right;
	}
	
	div#header #headerWrap ul#nav li {
		float: left;
		}
		
		div#header #headerWrap ul#nav li a {
			width: 93px;
			height: 38px;
			padding: 30px 0px 0px 0px;
			background: transparent url("style/images/menu-btn.png") 0 0 no-repeat;
			text-align: center;
			text-decoration: none;
			color: #5c5c5c;
			text-transform: uppercase;
			float: left;
			display: block;
			}
			
			div#header #headerWrap ul#nav li a:hover {
				background-position: 0 -68px;
				}
				
			div#header #headerWrap ul#nav li a:active, div#header #headerWrap ul#nav li.current_page_item a, div#header #headerWrap ul#nav li.current_page_parent a {
				color: #000;
				background-position: 0 -136px;
			}

/*
	Promo
*/
div#promo {
	width: 100%;
	background: transparent url("style/images/promo-back.jpg") repeat-x bottom;
	display: block;
	padding: 18px 0px 25px 0px;
	}
	
	div#promo div#promoWrap {
		position: relative;
		width: 886px;
		height: 320px;
		display: block;
		margin: 0 auto 13px;
		}
	
		div#promo div#promoWrap div#box {
			width: 826px;
			height: 324px;
			background: transparent url("style/images/promo.jpg") no-repeat;
			margin: 0 auto;
			display: block;
			}
			
			div#promo div#promoWrap div#box div#slider {
				position: absolute;
				top: 2px;
				left: 43px;
				width: 826px;
				height: 324px;
				display: block;
				overflow: hidden;
				}
					
			div#promo div#promoWrap div#box div#slider ul li {
				width: 800px;
				height: 314px;
				text-align: left;
				display: block;
			}

		div#promo div#promoWrap span#prevBtn a {
			position: absolute;
			top: 143px;
			left: 0px;
			width: 30px;
			height: 30px;
			background: transparent url("style/images/promo-left-btn.png") 0 0 no-repeat;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			float: left;
		}
		
		div#promo div#promoWrap span#nextBtn a {
			position: absolute;
			top: 143px;
			right: 0px;
			width: 30px;
			height: 30px;
			background: transparent url("style/images/promo-right-btn.png") 0 0 no-repeat;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			float: left;
		}
		
		div#promo div#promoWrap span#prevBtn a:hover, div#promo div#promoWrap span#nextBtn a:hover {
			background-position: 0 -30px;
		}
	
div#slider span {
	margin: 5px 20px 0px 5px;
	background-color: #fff;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #cdcdcd;
	padding: 10px;
	float: left;
}

div#slider h3 {
	margin-top: 35px;
}

div#slider p {
	line-height: 1.3em;
}
	
	
ul#buttons {
	width: 926px;
	height: 95px;
	display: block;
	margin: 0px auto;
	}
	
	ul#buttons li {
		float: left;
		text-shadow: #a6adb4 0 -1px 0;
		}
	
	ul#buttons li a {
		text-shadow: #ffffff 0 1px 0;
		height: 65px;
		font-size: 14px;
		text-transform: uppercase;
		text-decoration: none;
		text-align: left;
		line-height: 18px;
		color: #000;
		padding: 30px 10px 0px 100px;
		display: block;
		float: left;
		}
		
		ul#buttons li#btn1 a {
			width: 200px;
			background: transparent url("style/images/buttons.jpg") 0 0 no-repeat;
		}
			
		ul#buttons li#btn2 a {
			width: 193px;
			background: transparent url("style/images/buttons.jpg") -310px 0 no-repeat;
		}
		
		ul#buttons li#btn3 a {
			width: 183px;
			padding: 30px 10px 0px 120px;
			background: transparent url("style/images/buttons.jpg") -613px 0 no-repeat;
		}
		
		ul#buttons li#btn1 a:hover {
			background-position: 0 -95px;
		}
		
		ul#buttons li#btn2 a:hover {
			background-position: -310px -95px;
		}
		
		ul#buttons li#btn3 a:hover {
			background-position: -613px -95px;
		}

/*
	Content
*/
div#content {
	background: transparent url("style/images/content-back.png") repeat;
	padding: 30px 0px 30px 0px;
	text-align: left;
	}
	
	div#content p {
		margin: 10px 0px;
	}
	
	div#content div#services p {
		width: 450px;
	}
	
	div#content div#contentWrap {
		width: 920px;
		margin: 0 auto;
		display: block;
		overflow: hidden;
	}
	
	div#content div#contentWrap div.threeSections {
		width: 290px;
		padding: 0 6px;
		float: left;
	}
	
	div#content div.middle {
		background: transparent url("style/images/home-content-back.png") top center repeat-y;
	}
	
	div#content div.leftSection ul, div#content div#services ul {
		padding-left: 20px;
		list-style: none outside url("style/images/list-ok.png");
		line-height: 20px;
		margin-bottom: 15px;
	}
	
	div#content div.middleSection {
		margin-left: 10px;
	}
		
	div#content div.middleSection ul li {
		margin-bottom: 15px;
		text-shadow: #a6adb4 0 -1px 0;
		}
	
		div#content div.middleSection ul a {
			text-shadow: #ffffff 0 1px 0;
			font-size: 14px;
			text-transform: uppercase;
			line-height: 20px;
			padding-left: 30px;
			background: transparent url("style/images/list-arrow.png") no-repeat;
			color: #314672;
			text-decoration: none;
			display: block;
			}
		
			div#content div.middleSection ul a:hover {
				text-decoration: underline;
			}
	
	/*\*/ * html div#content div#contentWrap {
		width: 930px;
	} /**/
	
/*
	Site Inquery Form
*/

#cformsform label, .cf-box-title {
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

#cformsform label.cf-group-after {
	font-size: 12px;
	font-weight: normal;
	display: inline;
}

#cf_field_1, #cf_field_2, #cf_field_3, #cf_field_4, #cf_field_6, .cf-box-group {
	margin-bottom: 20px;
}

#cformsform input.single, #cformsform #cf_field_7 {
	width: 400px;
	padding: 5px;
	font-size: 12px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Tahoma, Arial, Sans-Serif;
	border: 1px solid #999;
}

.reqtxt, .emailreqtxt {
	margin-left: 15px;
	color: #a22;
}
	
/*
	Sidebar
*/
.postWrapper { position: relative; }

.postWrapper .postTitle, .postWrapper .postTitle a {
	color: #314672;
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 20px;
}

.postWrapper .navigation { position: absolute; right: 0; top: 4px; }
	.postWrapper .navigation a { background: transparent url(style/images/projects_nav.png) no-repeat scroll 0 0; }
		.postWrapper .navigation .rightBtn a { margin-left: 15px; padding-right: 15px; background-position: top right }
		.postWrapper .navigation .leftBtn a { padding-left: 15px; background-position: bottom left; }
			
.postWrapper small {
	color: #333;
	font-size: 11px;
	margin-bottom: 5px;
	display: block;
}

.postWrapper .post {
	margin: 20px 0px;
}

.postWrapper .post p {
	font-size: 12px;
	line-height: 1.5em;
}


/*
	Sidebar
*/
div#sideBar {
	width: 250px;
	display: block;
	float: left;
	}
	
	div#sideBar h4 {
		color: #474848;
		font-size: 18px;
		margin: 0px 0px 20px 0px;
	}
	
	div#sideBar ul li {
		margin-bottom: 30px;
	}
	
	div#sideBar ul ul li {
			width: 230px;
			margin-top: 5px;
			margin-bottom: 0px;
			padding: 2px 0px;
			display: block;
			overflow: hidden;
			border-bottom: 1px solid #bebdc3;
		}
				
		div#sideBar ul ul li a span.cat-name {
			float: left;
		}
		
		div#sideBar ul ul li a span.cat-count {
			float: right;
		}
		
	div#sideBar a {
		display: block;
		text-decoration: none;
		padding: 1px;
		overflow: hidden;
		}
		
		div#sideBar a:hover {
			color: #fff;
		}

		div#sideBar a span.cat-name {
			color: #000;
			font-size: 14px;
		}
		
		div#sideBar a:hover span.cat-name {
			color: #555;
		}
		
		div#sideBar a span.cat-count {
			color: #353535;
			font-size: 12px;
		}
		
		div#sideBar a:hover span.cat-count {
			color: #555;
		}

/*
	Right Side
*/
div#rightSide {
	width: 645px;
	background: transparent url("style/images/list-side-line.png") repeat-y;
	padding: 0px 0px 5px 20px;
	display: block;
	float: right;
	}
	
	div#rightSide .project-list {
		position: relative;
		width: 594px;
		height: 112px;
		padding: 5px 20px 7px 6px;
		margin-bottom: 15px;
		background: transparent url("style/images/list-back.jpg") no-repeat;
		display: block;
		overflow: hidden;
		}
		
		div#rightSide .project-list .list-image {
			width: 188px;
			height: 108px;
			background-color: #fff;
			padding: 3px 0px 0px 3px;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			margin-right: 20px;
			display: block;
			float: left;
		}
		
		div#rightSide .project-list p {
			font-size: 11px;
			line-height: 1.2em;
		}
		
		div#rightSide .project-list h3 {
			margin: 10px 0px 10px 0px;
			}
			
			div#rightSide .project-list h3 a {
				color: #314672;
				font-size: 14px;
				text-decoration: none;
				}
				
				div#rightSide .project-list h3 a:hover {
					text-decoration: underline;
				}
			
		div#rightSide .project-list .postmetadata {
			position: absolute;
			left: 220px;
			bottom: 15px;
			color: #474848;
			}
			
			div#rightSide .project-list .postmetadata a {
				font-size: 10px;
				color: #474848;
				text-decoration: none;
				}
				
				div#rightSide .project-list .postmetadata a:hover {
					text-decoration: underline;
				}
		
		div#rightSide .project-list .list-more {
			position: absolute;
			right: 15px;
			bottom: 10px;
		}
		

/*
	Contacts
*/
div#contacts {
	width: 100%;
	padding: 20px 0px 20px 0px;
	background: transparent;
	border-top: 1px solid #444;
	border-bottom: 1px solid #fff;
	display: none;
	overflow: hidden;
	}
	
	div#contacts #contactWrap {
		width: 900px;
		text-align: left;
		margin: 0 auto;
		display: block;
		}
	
		div#contacts #contactWrap ul.address {
			margin-right: 30px;
			float: left;
			}
			
			div#contacts #contactWrap ul.address a {
				text-decoration: none;
			}

ul.address li {
	font-size: 16px;
	color: #c3c3c3;
	height: 28px;
	margin: 0px;
	padding: 7px 0px 0px 45px;
	display: block;
	overflow: hidden;
	}

	ul.address li a {
		font-size: 15px;
		color: #c3c3c3;
	}
	
	ul.address li a:hover {
		color: #fff;
	}

	ul.address li.phone-icon {
		background: transparent url("style/images/phone-icon.png") no-repeat;
	}
	
	ul.address li.email-icon {
		background: transparent url("style/images/mail-icon.png") no-repeat;
	}
	
	ul.address li.skype-icon {
		background: transparent url("style/images/skype-icon.png") no-repeat;
	}

legend, .linklove, .cf_hidden {
	display: none;
}

#cforms2form label {
	color: #bbb;
	margin-bottom: 5px;
	display: block;
}

#cforms2form input, #cforms2form textarea {
	border: none;
	font-size: 12px;
	background-color: #444;
	margin-bottom: 13px;
	color: #fff;
	padding: 3px;
	width: 200px;
}

#cforms2form textarea {
	overflow: auto;
}

#cforms2form .cf-fs1 {
	margin-right: 25px;
	float: left;
}

#cforms2form .cf-fs2 {
	float: left;
}

#cforms2form #sendbutton2 {
	width: 100px;
	margin-right: 15px;
	float: right;
	display: block;
	clear: both;
}

#cforms2form .reqtxt, #cforms2form .emailreqtxt {
	color: red;
	margin-left: 5px;
}

/*
	Footer
*/
#footer {
	background: transparent url("style/images/footer-top.png") repeat-x;
	padding: 45px 0px 35px 0px;
	text-align: left;
	clear: both;
	overflow: hidden;
	}
	
	div#footer div#footerWrap {
		width: 960px;
		background: transparent url("style/images/footer-back.png") repeat;
		margin: 0 auto;
		display: block;
	}
	
	/*\*/ * html div#footer div#footerWrap {
		width: 985px;
	} /**/
	
	div#footer h2 {
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		text-transform: uppercase;
		margin-bottom: 27px;
		margin-top: 10px;
	}
	
	div#footer ul#footer-cols {
		overflow: hidden;
		}
		
		div#footer ul#footer-cols li {
			margin: 0px 20px;
		}
		
		div#footer ul#footer-cols li li {
			margin: 0px;
		}
		
		div#footer ul#footer-cols ul.li-line li, div#footer ul#footer-cols .widget_links li {
			width: 200px;
			margin-top: 5px;
			padding: 2px 0px;
			display: block;
			overflow: hidden;
		}
		
		div#footer ul#footer-cols .widget_links li {
			width: 200px;
			line-height: 0.9em;
		}
		
		div#footer ul#footer-cols .widget_links {
			float: left;
		}
		
		div#footer ul#footer-cols ul.li-line li, div#footer ul#footer-cols .widget_links li {
			border-bottom: 1px solid #5c5c5c;
		}
				
		div#footer ul ul li a span.cat-name {
			float: left;
		}
		
		div#footer ul ul li a span.cat-count {
			float: right;
		}

	div#footer a {
		display: block;
		text-decoration: none;
		padding: 1px;
		overflow: hidden;
		}
		
		div#footer a:hover {
			color: #fff;
		}
		
		div#footer a span.cat-name, div#footer ul#footer-cols .widget_links li a {
			color: #c3c3c3;
			font-size: 12px;
		}
		
		div#footer a:hover span.cat-name, div#footer ul#footer-cols .widget_links li a:hover {
			color: #fff;
		}
		
		div#footer a span.cat-count {
			color: #353535;
			font-size: 11px;
		}
		
		div#footer a:hover span.cat-count {
			color: #999;
		}
		
/** normally hidden but will appear when css disabled */
.skip,
.noCss {
  position: absolute;
  left: -9999px;
}

/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}