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

/* common styles */
body, h1, h2, h3, h4, h5, h6, p, img, form, ul, li {
	margin:0;
	padding:0;
	border:0;
}
body {
	font:62.5% Arial, Helvetica, sans-serif;
	color:#000;
	background:#000 url(../images/bg.jpg) no-repeat center top;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
.flft {
	float:left;
}
.frgt {
	float:right;
}
.cb {
	clear:both;
	font-size:0;
	line-height:0;
}
h1 {
	font-size:22px;
	font-weight:normal;
}
h2 {
	color:#0cf;
	font-size:18px;
}

h3 {
}

h4 {
}

p {
	padding:10px 0;
	font-size:16px;
	line-height:25px;
}
.ht_1 {
	color:#fff;
}
.ht_2 {
	color:#0cf;
}
.ht_3 {
	color:#cf3;
}
.ht_4 {

}

.ht_5 {
	color:#0cf;
	font-size:18px;
}


.ht_6 {
	color:#0cf;
	font-size:24px;
}

.ht_7 {
	color:#0cf;
	font-size:20px;
}


.nobdr{
	border:none !important;
}
#main_cnr {
	position:relative;
}
#in_cnr {	
background:#000 url(../images/bg.jpg) no-repeat center top;
}
#m_in{
	position:relative;
	width:1000px;
	margin:0 auto;
}
.in {
	width:1000px;
	margin:0 auto;
}
/* end common styles */


/* header */
#h_top{
	font-size:0;
	height:3px;
	border-bottom:2px #ccc solid;
	background:#06c;
	margin-top:20px;
}

#header_cnr {

}
#header_cnr .in {
		position:relative;
}

#h_in{
	background:url(../images/bg_2.png);
	border:1px solid #202020;
	height:110px;
}
.bl,.br{
	position:absolute;
	bottom:0;
}
.bl{
	left:0;
}
.br{
	right:0;
}
.bdr_1{
	border:5px solid #fff;
}
#h_in{

}
#logo{
	float:left;
}
#nav_cnr {
	float:left;
	font-size:18px;
	margin-top:35px;
}
#nav_cnr li{
	list-style:none;
	float:left;
	position:relative;
	padding:8px 15px;
	border-left:1px solid #09f;
}
#nav_cnr a{	
	display:block;
	position:relative;
	padding:3px;
	color:#fff;
	line-height:17px;
}
#nav_cnr a:hover,#nav_cnr .active{
	color:#cf3;
	border-bottom:3px solid #04516a;
}

.dd{
	width:160px;
	display:block;
}

#nav_cnr .dd a{
	display:block;
	position:relative;
	width:140px;
	border:none;
	font-size:14px;
	font-weight:bold;
	padding:10px;
}
#nav_cnr .dd li{
	border:none;
	background:#000;
	padding:0;
}
#nav_cnr .dd a:hover{
	border:none;
	color:#fff;
	background:#63c9fc url(../images/m_active.png) repeat-x bottom;
}
#menu{
	position:absolute;
	top:0;
	right:0;
}
.m2{
	right:78px !important;
}
#mif{
	overflow:hidden;
	border:0;
	width:540px;
	height:215px;
	margin:0;
	padding:0;
	margin-right:15px;
}


/* end header */

/* Body */

#body_cnr {

}
#b_in{
	background:url(../images/bg_1.png);
	display:inline-block;
	width:98%;
	border:1px solid #333;
	margin-top:50px;
	padding:20px 1%;
}

/* End Body */

/* Home  */
#home #b_in .col_1{
	width:720px;
	height:410px;
	float:left;
}
#home #b_in .col_2{
	width:230px;
	height:380px;
	float:right;
}


/* End Home  */


/* About */

#about #b_in .col_1{
	width:210px;
	float:left;
}

/* End About */


/* commissioning */
#commissioning{
	
}
#commissioning #b_in .col p{
	padding:20px;
}
#commissioning #b_in .col ul{
	font-size:16px;
	line-height:25px;
	margin-left:80px;
}

/* End commissioning */

/*portfolio*/

#portfolio{
	
}
#portfolio #b_in .col img{
	border:3px solid #fff;
	margin:15px 25px;
}

/*End portfolio*/
.galimg{
	display:none;
}
.png_fix{
}


/* Footer */

html,body,* html #main_cnr {
	height:100%;
}

#main_cnr {
	min-height:100%;
}
#in_cnr{
	padding-bottom:120px;
}

#footer_cnr {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:0;
	font-size:12px;
}
#footer_cnr,#footer_cnr a{
	color:#cf3;
}
#f_in{
	background:url(../images/bg_1.png);
	display:inline-block;
	width:100%;
	border:1px solid #333;
	border-bottom:none;
	border-top:none;
	margin-bottom:20px;
}
#f_in div{
	float:left;
}
#f_in .col_1{
	width:30%;
	margin-top:20px;
}
#f_in .col_2{
	width:40%;
	text-align:center;
}
#f_in .col_3{
	width:28%;
	text-align:right;
	margin-top:20px;
}

/* End Footer */

/** Before After Pics **/



.before {
	float: left;
	border: 5px solid #FFF;
	margin-left:15px;
}


.after {
	float: left;
	border: 5px solid #FFF;
	margin-left: 75px;
}

.beforeTitle {
	float: left;
}


.afterTitle {
	float: left;
	margin-left: 275px;
}

.beforeTitle p {
font-size:18px;
	color:#FFF;
}


.afterTitle p {
	font-size:18px;
	color:#FFF;
}

.clear {
	clear:both;
}