/*font embeded*/	
@font-face {
			font-family: 'Calibri';
			src: url('../fonts/calibri.eot');
			src: url('../fonts/calibri.eot?#iefix') format('embedded-opentype'),
					 url('../fonts/calibri.woff') format('woff'),
					 url('../fonts/calibri.ttf') format('truetype'),
					 url('../fonts/calibri.svg#calibri') format('svg');
			font-weight: normal;
			font-style: normal;
		}			
@font-face {
		font-family: 'Calibri-Bold';
		src: url('../fonts/calibrib.eot');
		src: url('../fonts/calibrib.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/calibrib.woff') format('woff'),
				 url('../fonts/calibrib.ttf') format('truetype'),
				 url('../fonts/calibrib.svg#calibrib') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-BoldCond';
    src: url('../fonts/myriadpro-boldcond.eot');
    src: url('../fonts/myriadpro-boldcond.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-boldcond.woff') format('woff'),
         url('../fonts/myriadpro-boldcond.ttf') format('truetype'),
         url('../fonts/myriadpro-boldcond.svg#myriadpro-boldcond') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Cond';
	src: url('../fonts/myriadpro-cond.eot');
	src: url('../fonts/myriadpro-cond.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/myriadpro-cond.woff') format('woff'),
			 url('../fonts/myriadpro-cond.ttf') format('truetype'),
			 url('../fonts/myriadpro-cond.svg#myriadpro-cond') format('svg');
	font-weight: normal;
	font-style: normal;
		}
/*font embeded end*/

body
{
	line-height:normal;
	font-family: 'Calibri';
	background:url(../images/bg.jpg);
}
a
{
	text-decoration:none;
}
*{outline:none;}
.page-wraper
{
	width:960px;
	margin:0 auto;
}
/*header*/
.header
{
	background: url(../images/header-bg.jpg) repeat-x;
	height:144px;
	width:100%;
}
	.header-wrap
	{
		margin:0 auto;
		width:960px;
		height:144px;
	}
.logo
{

	float:left;
	margin:60px 0 0 0px;
}
/*header*/

/*navigation*/
.nav
{
background:url(../images/nav-bg.png) no-repeat;
margin:0 auto;
width:960px;
height:50px;
}
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;

}

#nav a{
display:block;
padding:16px 37px;
color:#fff;
text-decoration:none;
background:url(../images/nav-seperator.png) no-repeat right;
}

#nav a:hover{
background:url(../images/hover-bg.png) repeat-x 0 1px;
color:#f1f1f1 !important;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:225px;
top:51px;
z-index:102;
border-radius:5px;
background:#383c3e;
}

#nav li ul a{
width:149px;
background:none;
height:auto;
float:left;
}
#nav li ul a:hover
{
	border:1px solid #383c3e;
	background:#ed9c19 !important;
	color:#383c3e !important;
	
	
}
#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}/*navigation end*/

/*slider*/
.slider
{
	width:1102px;
	height:514px;
	margin:0 auto;
	background:url(../images/slider-bg.png) no-repeat;
}

/*slider end*/


/*content-area*/
.content-area
{
	width:960px;
	margin:0 auto;
}
	/*content area left*/
	.content-area-left
	{
		float:left;
		width:675px;
	}
	.content-top
	{
		background:url(../images/content-top.png) no-repeat;
		width:675px;
		height:10px;
	}
	.content-bottom
	{
		background:url(../images/content-bottom.png) no-repeat;
		width:675px;
		height:10px;
	}
	.content-mid
	{
		height:auto !important;
		height:365px;
		min-height:365px;
		background:url(../images/content-mid.jpg) repeat-x #e9e9e9;
		border-left: 1px solid #C8C8C8;
		border-right: 1px solid #C8C8C8;
		margin: -1px 0 0 3px;
		width: 666px;
		
	}
	.content-mid p
	{
	color:#7d7d7d;
	padding:0 33px 8px 33px;
	font-size:15px;
	line-height:1.2;
	letter-spacing:-0.1px;
	}
	
	.bullet
	{
	background:url(../images/bullet.gif) no-repeat;
	margin-top:5px;
	margin-left:33px;
	padding:0 33px 8px 15px;
	color:#7d7d7d;
	font-size:15px;
	line-height:1.2;
	letter-spacing:-0.1px;
	}
	
	.img
	{
	border:1px solid #cccccc;
	margin-left:4px;
	float: left;
	}
	
	.gallery1  {
	width:230px;
	height:180px;
	margin:0px 0px 12px 0px;
	float:left;
	border:0px solid #ffffff;
	font-size:15px;
	padding:0px;
	text-align:center;
    }
	.gallery2  {
	width:230px;
	height:180px;
	margin:0px 0px 12px 12px;
	float:left;
	border:0px solid #ffffff;
	font-size:15px;
	padding:0px;
	text-align:center;
    }
	.gallery-right  {
	width:230px;
	height:180px;
	margin:0px 0px 12px 12px;
	float:left;
	border:0px solid #ffffff;
	font-size:15px;
	padding:0px;
	text-align:center;
    }
	.gallery-left  {
	width:230px;
	height:170px;
	margin:0px 0px 12px 0px;
	float:left;
	border:0px solid #ffffff;
	font-size:15px;
	padding:0px;
	text-align:center;
    }
	.current-projects {
	width:960px;
	height:180px;
	margin:0 auto;
	border:#ffffff;
	}
	.past-projects {
	width:960px;
	height:360px;
	margin:0 auto;
	border:#ffffff;
	}
	.projects-right {
	width:490px;
	height:500px;
	margin:0px 0px 5px 0px;
	float:right;
	color:#7d7d7d;
	background:none;
	font-size:15px;
	}
		.heading
		{
			height:91px;
			margin:0 0 0 15px;
		}
			.head-start
			{
				background:url(../images/head-start.png) no-repeat;
				height:91px;
				width:10px;
				float:left;
			}
			.head-end
			{
				background:url(../images/head-end.png) no-repeat;
				height:91px;
				width:10px;
				float:left;
			}
			.head-mid
			{
				background:#cb8515;
				float: left;
		height: 37px;
		margin: 23px -1px 0 -1px;
		font-size:25px;
		padding:7px 15px 0 15px;
		color:#f1f1f1;
			}
		/*content area left end*/
	/*content area right*/
	.content-area-right
	{
		float:right;
		width:314px;
		margin:0 -30px 0 0;
	}
	.request-quote
	{
		padding:43px 0 0 45px;
		font-family: 'MyriadPro-BoldCond';
		font-size:30px;
		color:#000;
		background:url(../images/request-quote-bg.png) no-repeat;
		width:314px;
		height:140px;
	}
	.request-quote a{color:#000;}
	.contact-us
	{
		padding:70px 0 0 45px;
		font-family: 'MyriadPro-BoldCond';
		font-size:30px;
		color:#000;
		background:url(../images/contact-us-bg.png) no-repeat;
		width:314px;
		height:113px;
	}
	.contact-us a{color:#000}
	/*content area right end*/		
			
/*content-area end*/
/*-----contact-right-col------*/

.contact-right-col{
	width:250px; 
	float:right;
	margin-top:30px; 
	font-size:15px;
	color:#7d7d7d;
	line-height:18px;
}
/*----- end contact-right-col------*/
/*-----contact form------*/

form-style
{
	margin:0 0;
}
.textbox
{
	width:200px;
	height:24px;
	font-size:12px;
	color:#7d7d7d;
	border:1px solid #a7a9ac;
	padding:0 0 0 5px;
	margin:0 0;
	}

.textarea
{
	width:200px;
	height:70px;
	font-size:12px;
	color:#7d7d7d;
	border:1px solid #a7a9ac;
	padding:0 0 0 5px;
	resize:none;
	margin-bottom:0px
}
.submit-btn
{
	background:url(../images/submit.gif) no-repeat;
	width:89px;
	height:45px;
	border:0;
	float:left;
	cursor:pointer;
	margin:25px 0 0 10px; 
}
.feedback-error { height:20px; padding:2px;}
.quote-error { height:20px; padding:2px;}

/*----- end contact form------*/
/*footer*/
.footer
{
	background:url(../images/footer-bg.jpg) repeat-x;
	width:100%;
	height:80px;
}
.footer-wrap
{
	padding:40px 0 0 0;
	background: url(../images/footer-shade.png) no-repeat top center;
	width:960px;
	height:40px;
	font-size:13px;
	margin:0 auto;
	color:#fff;
}
.footer-wrap a
{
	color:#fff;
}
.footer-left{float:left;}
.footer-right{float:right;}
/*footer*/



/* ========================================= Fonts Classes ========================================= */
.f09 { font-size:9px; }
.f10 { font-size:10px; }
.f11 { font-size:11px; }
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f15 { font-size:15px; }
.f16 { font-size:16px; }
.f17 { font-size:17px; }
.f18 { font-size:18px; }
.f19 { font-size:19px; }
.f20 { font-size:20px; }
.f21 { font-size:21px; }
.f22 { font-size:22px; }
.f23 { font-size:23px; }
.f24 { font-size:24px; }
.f25 { font-size:25px; }
.f26 { font-size:26px; }
.f27 { font-size:27px; }
.f28 { font-size:28px; }
.f29 { font-size:29px; }
.f30 { font-size:30px; }
.f31 { font-size:31px; }
.f32 { font-size:32px; }
.f33 { font-size:33px; }
.f34 { font-size:34px; }
.f35 { font-size:35px; }
.f36 { font-size:36px; }
.f37 { font-size:37px; }
.f38 { font-size:38px; }
.f39 { font-size:39px; }
.f40 { font-size:40px; }
.f41 { font-size:41px; }
.f42 { font-size:42px; }
.f43 { font-size:43px; }
.f44 { font-size:44px; }
.f45 { font-size:45px; }
.f46 { font-size:46px; }
.f47 { font-size:47px; }
.f48 { font-size:48px; }
.f49 { font-size:49px; }
.f50 { font-size:50px; }
.f68 { font-size:68px; }

.fa{ font-family:Arial, Helvetica, sans-serif;}
.fv{ font-family:Verdana, Geneva, sans-serif;}
.fg{ font-family:Georgia, "Times New Roman", Times, serif;}
.fc{font-family:'Calibri';}
.fc-bold{font-family:'Calibri-Bold';}
.fcond{font-family: 'MyriadPro-Cond';}
.fcond-bold{font-family: 'MyriadPro-BoldCond';}
.italic{ font-style:italic}
.bold{ font-weight:bold}
.underline{text-decoration:underline;}
.upper{text-transform:uppercase;}
/* ========================================= Colors ========================================= */
.white{ color:#FFF;}
.black{ color:#000;}


.clear
{clear:both;}
/*====================================================reset.css===============================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
strong
{
	font-weight:bold;
}
/*====================================================reset.css end===============================================*/