/* CSS Document */
* { margin:0; padding: 0;}

html, body {
	height: 100%;
}

body { 
	background-color:#000000; 
	color:#b7b7b7;
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	margin:0px; 
	padding:0px;
	line-height:160%;
}

a, img { border:0; overflow:hidden; color:#fff; text-decoration:none}
a:hover { color:#CCC; text-decoration:none}

h1 { color:#095774; font-size:24px; padding-bottom:10px; }
h2 {}
h3 { color:#095774; font-family:"myriad Pro"; /*font-family:"Arial Black", Gadget, sans-serif; font-size:15px; */ font-size:20px; font-weight:normal; margin-bottom:10px; line-height:22px;  text-shadow:#000 2px 2px 3px;}

#container-top {
	background:url(../images/bg_top.jpg) right top no-repeat;
	margin:0 auto;
	text-align:left;
	width:100%;
	min-height:500px;

}
#container-bottom { 
	background:url(../images/bg_bottom.jpg) left top no-repeat ;
	padding:0;
	text-align:left;
	width:100%;
	
}

#header { 
	width:960px;
	margin:0 auto;

}
#logo { height:200px; float:left; width:335px;}
#logo img { width:270px;}
#search { float:left; height:40px; width:615px; margin-top:40px}
#search ul { list-style:none; float:right}
#search ul li { list-style-type:none; display:inline; padding-left:15px}

#menu { float:left; width:625px; text-align:right; font-size:16px; }
#menu ul { list-style:none; float:right}
#menu ul li { list-style-type:none; display:inline; padding-left:15px; padding:3px 10px}
#menu ul li:hover { background-color:#095774}
#menu a { text-decoration:none; font-family:Verdana, Geneva, sans-serif }
#menu a:link { color:#ffffff;}
#menu a:visited { color:#ffffff;}
#menu a:active { color:#7c7a7a;}
#menu a { color:#ffffff;}
.selected { color:#1f70c3 !important}


#welcome { width:335px; text-align:justify; float:left; }

#slides { width:625px; float:left; text-align:center; overflow:hidden} 
.MooFlowieze { overflow:hidden; height:300px}
.MooFlowieze img { height:0px}

#main {
	width:960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
	
/*	color:#7e7d7d;*/

	padding:0;
}

#main ul { margin-left:50px;}
#main hr { color:#141414; margin:40px 0 20px 0; border: 1;}
#footer {
	color:#7d7d7d;
	text-align:right;
	padding-bottom:20px !important;
}

#footer, #push {
	height: 50px; /* .push must be the same height as .footer */
}

.clr { clear:both}
.get_quote_btn {
	margin:0 auto; 
	margin-top:30px;
	width:230px
}
.slideshow { margin-bottom:20px}
.slideshow img { padding-right:23px }
.last { padding-right:0px !important; margin-right:0px !important}

.col {}
.col p, .col_2 p, .col_3 p { padding:5 0 10px; text-align:justify}
.col p span { color:#FFF}
.col_2 { width:465px; margin-right:28px; float:left; }
.col_3 { width:285px; margin-right:45px; float:left}
.col_4 { width:611px; margin-right:45px; float:left; margin-bottom:30px}
.col_5 { }
.col_5 p { padding:5px 0 10px 0 }
.col_5 p span { color:#FFF; text-transform:uppercase; font-weight:bold; }

.block{ height:450px}

/* contact us */
fieldset {
	border:medium none !important;
	margin:0 !important;
	padding:0 !important;
	width:400px;
	margin:0 auto;
}

label { text-align:left}

#content_center  {  }

#content_center .input, #content_center select, #content_center textarea   {
	background-color:#4D4D4D !important;
	border:1px solid #4E4E4E;
	color:#FFFFFF;
	font-family:arial,verdana,sans-serif;
	
	height:1.3em;
	margin-bottom:10px !important;
	padding:1px 7px 1px 10px;
	position:relative;
	width:210px !important;
	text-align:left;
}

#content_center .input_checkbox {
	margin-bottom:10px;
	margin-top:3px;
}

#content_center label {
	clear:both;
	display:block;
	float:left;
	margin-right:5px !important;
	padding-top:2px;
	width:160px;
}
 
#content_center .label_checkbox {
	width:370px;
}

#content_center select {
	height:1.6em;
	width:228px !important;
	padding-right:0;
}
#content_center textarea {
height:100px !important;
}
#log {

	padding: 0.5em;
	margin-left: 5px;
	width: 500px;
	margin-top: 5px;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(http://demos111.mootools.net/demos/Group/spinner.gif) no-repeat center;
}

#form { margin:0; padding:0; width:400px}
.error { color:#FF0000}

/* ---------- GRID PORTFOLIO ---------- */
#filter {
	
	font-size: 10px;
	font-weight: 700;
	overflow: hidden;
	margin: 40px 0 0;
	text-transform: uppercase;	
	
}

#portfolio {
	
	clear: both;
	margin: 40px 0 0px 0px !important;
	
	
	
}

	#portfolio li {
		background: none;
		display: inline;
		float: left;
		padding: 0;
		position: relative;
		width: 225px;
		margin-right:18px;
		margin-bottom:20px		
	}
	
	
	#portfolio li:hover { z-index: 99; }
		
		#portfolio img {
			
			position: relative;
		
		}
		
		#portfolio img:hover {
					
		}
		
		#portfolio .info {
			
			background-color: #FFF;
			display: none;
			height: 241px;
			left: -18px;
			padding: 15px;
			position: absolute;
			top: -18px;
			width: 241px;
			
			-moz-box-shadow: 0 2px 12px #000;
			-webkit-box-shadow: 0 2px 12px #000;
			box-shadow: 0 2px 12px #000;
			
		}
		
		#portfolio li:hover .info { display: block; }
.more-link {
	
	float: right;
	font-family:"myriad Pro";
	font-weight:bold;
	font-size: 16px;
	text-transform: uppercase;
}
			.info h1 {
			
				color: #111;
				font-size: 16px;
				text-shadow: none;
			
			}
			
			.info p {
				
				color: #111;
				
			}
			
			.info .more-link {
			
				bottom: 20px;
				color: #095774;
				position: absolute;
				right: 20px;
			
			}
			
			.info .more-link:hover {
			
				color: #666;
			
			}
			
/* ---------- CLEAR FIX ---------- */

.clearfix:after {

	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	
}

	.clearfix {	display: inline-block; }

	html[xmlns] .clearfix { display: block; }

	* html .clearfix { height: 1%; }



/* PROJECTS STYLES
----------------------------------------------------------------------------------------------------*/
.projects-panel{padding:20px 0;}
.projects-panel-top{padding:0 0 20px 0; }
.projects-inner{display:inline;float:left;position:relative;width:300px;}
#slider-full h3{padding:0 0 5px 15px;}
#slider-full p{padding:0 20px 10px 20px;}
.pro-left{margin-right:5px;}
.pro-middle{margin:0 5px;}
.pro-right{margin-left:5px}
/* PORTFOLIO SLIDER */
#projects-slider-container{width:920px; margin-left:20px}
#slider-full ul, #slider-full li{margin:0;padding:0;}
#slider-full li{width:920px;overflow:hidden;}
/* PORTFOLIO NUMERIC CONTROLS */	
ol#controls{margin:0 20px;padding:0;height:28px;}
ol#controls li{margin:0 10px 0 0;padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol#controls li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;color:#165d91;padding:0 10px;font-weight:bold;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px; background-color:#FFF}
ol#controls li a:hover{color:#222;}
ol#controls li.current a{background:#8dc0fe;border:1px solid #8dc0fe;color:#fff;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* PROJECTS */
.project-preview{background: url("../images/projects/projects-thumb-bg.png") no-repeat 0 0;width:300px;height:220px;}
.project-preview img{margin:9px 0 0 20px;}
.project-hover{background:url("../images/spacer.gif") repeat scroll 0 0 transparent;display:block;height:189px;position:absolute;width:257px;z-index:10;}
.project-hover:hover{background:transparent url("../images/portfolio-hover.png") no-repeat;width:257px;height:189px;display:block;margin:9px 0 0 20px;}