/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Headings
  Content Styles
  Forms
  Clear
  Footer



/* ---------- @ HTML Elements -----------*/

* { 
	margin: 0;
	padding: 0;
	} 

body, html {
	min-height:101%;
	}
	
body {	
	color:#FFF;
	background: #FFF url(/images/bg.gif);
	padding-bottom:30px;
	}

	
body, select, textarea, input {	
	font: 100% Arial,Verdana;
	}

p {	
	margin: 15px 0;
	line-height:165%;
	}
		
a, a:visited {	
	color: #3788FE;
	text-decoration:none 
	}

a:hover, a:active {	
	color:#FFF;
	text-decoration:underline
	}

*:focus { 
	outline: none;
	}

ol {
	margin: 15px 15px 15px 35px;
	}

img {
	padding:3px;
	border:1px solid #424242;
}
	
	

/* ---------- @ Page Structure -----------*/

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

#topstripe {
	background:url(/images/bg_topstripe.png) repeat-x;
	height:142px;
}

#wrapper {
	background: url(/images/bg_wrapper.png);
	margin: 0 auto;
	font-size: 0.8em;
	width: 912px;
	padding:50px 24px 34px 24px;
	margin-top:-128px;
	}

#home #wrapper {
	height:730px;
}

#masthead {
	color:#6d6d6d;
	margin: 0 auto;
	font: 0.7em Georgia, "Times New Roman", Times, serif;
	width: 930px;
	text-transform:uppercase;
	padding:10px 0;
	text-align:right;
	letter-spacing:.09em;
	}

.left {	
	float:left;
	}

.right {	
	float:right
	}
	
#content {
	width:500px;
	float:left
	}
	
#sidebar {
	width:200px;
	float:right
	}


	
		
/* ---------- @ Headings -----------*/

		   
h1 a {
	width: 146px;
	height: 233px;
	background: url(/images/logo.png);
	text-indent:-9000px;
	display:block;
	position:absolute;
	top:0;
	}

#home h1 a {
	margin:14px 0 0 390px;
}

#interior h1 a {
	margin:14px 0 0 0;
	width:121px;
	height:194px;
	background: url(/images/logo2.png);
}

h2 {	
	font: 2.4em Georgia, "Times New Roman", Times, serif;
	color:#adadad;
	border-bottom:4px double #2e2e2e;
	padding-bottom:14px;
	letter-spacing:.1em;
	margin-bottom:25px;
	}

h2#tagline {
	width:830px;
	height:29px;
	background:url(/images/tagline.png);
	text-indent:-999em;
	margin:0 auto;
	padding:0;
	border:0
}

h3 {	
	font: 1.7em Georgia, "Times New Roman", Times, serif;
	margin-bottom:-12px;
	}

h3#leadin {
	margin-bottom:28px;
	font-style:italic;
	line-height:145%;
}

.project h3 {
	margin-top:37px;
}

h4 {
	font:italic 1.3em Georgia, "Times New Roman", Times, serif;
	margin:29px 0 -12px !important;
	color:#606060;
}

.project h4 {
	margin:14px 0 6px !important;
}



/* ---------- @ Nav -----------*/

#nav {
	overflow:hidden;
	border-bottom:4px double #2e2e2e;
}

#home #nav {
	margin-bottom:130px;
}

#interior #nav {
	margin:0 0 80px 150px;
}

#nav li {
	float:left;
	list-style:none;
	margin:0 50px;
}

#interior #nav li {
	margin:0 30px;
}

#home #nav li#nav-about {
	margin-left:228px;
}

#nav li#nav-contact {
	margin-right:0;
}

#nav a, #nav a:visited {
	color:#3788fe;
	padding:17px 0;
	display:block;
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.09em;
}

#home #nav-gallery {
	display:none;
}



/* ---------- @ Content Styles -----------*/

/*Home*/

#intro {
	margin:0 auto;
	width:830px;
	margin-top:22px;
}

#home #service-list {
	overflow:hidden;
	margin-top:50px;
}

#home #service-list li {
	float:left;
	list-style:none;
	margin:0 9px;
	text-align:center;
	font:1.3em Georgia, "Times New Roman", Times, serif;
}

li#logistics {
	margin-right:0;
}

#home #service-list img {
	display:block;
	margin-bottom:18px;
}

img:hover {
	border-color:#FFF;
}

#home #service-list span {
	font:0.8em Arial, Helvetica, sans-serif
}




/*Interior*/

#interior #service-list img {
	float:left;
	margin-right:25px;
}

#interior #service-list li {
	padding:0 0 50px;
	list-style:none;
	overflow:hidden
}

#interior #service-list li .service-content {
	float: left;
	width: 600px;
}

.gallery-listing {
	overflow:hidden;
	clear: both;
	margin:26px 0 50px;
}

.gallery-slideshow {
	height: 328px;
	width: 523px;
	overflow: hidden;
	float:left;
	margin-right:84px;
}

.gallery-slideshow img {
	height: 319px;
	width: 500px;
	background: none;
}

.carousel-wrapper {
	width: 300px;
	display: inline;
}

ul.gallery-carousel {
	width:200px;
	height: 270px;
	overflow:auto;	
}

ul.gallery-carousel li {
	float:left !important;
	margin: 0;
	width:90px !important;
	height: 90px;
	list-style:none
}

.gallery-carousel img {
	margin: 0 !important;
}


.project {
	overflow:hidden;
	margin-bottom:38px;
	border-bottom:1px solid #2e2e2e;
	padding-bottom:28px;
}

.project-thumbs {
	float:left;
	overflow:hidden;
	list-style:none;
	width:200px;
}

.project-thumbs img {
	float:left;
	margin:0 10px 10px 0;
}

.project-info {
	float:right;
	width:680px;
}

.picright {
	float:right;
	margin:7px 0 15px 18px
	}
	
strong.hilite {
	color:#858585;
}


	
	

/* ---------- @ Forms -----------*/

#name, #from, #subject {
	background:#FFF !important;
	padding:4px;
	border:none
}

#column_contact {
	float:left;
	width:300px;
	padding-right:35px;
	text-align:right
}

#contact_form {
	float:left;
	width:460px;
	background:url(/images/brace.png) no-repeat 0 14px;
	padding-left:90px
}

#contact_form p {
	float:left;
	width:200px;
}

#contact_form div {
	clear:both;
}

#contact_form textarea {
	height:180px;
	width:400px;
}







/* ---------- @ Footer -----------*/

#footer {
	padding: 25px 4px 0 6px;
	color:#515151;
	border-top:4px double #2e2e2e;
	margin-top:60px;
	text-align:center
	}

a#cat4 {
	display:block;
	width:30px;
	height:24px;
	float:right;
	background-image:url(/images/cat4.gif);
	text-indent:-9000px;
	margin: 8px 15px 0 0;
	}