/* Global Selectors
-------------------------------------------------------------- */

body { background: url(../images/bg.jpg) #1e1e1e top center no-repeat; margin: 0px; padding: 0px; text-align: left; }
p {color:#ccc;margin: 0px;padding:0px;margin-bottom: 8px;line-height: 16px;}
p.margin_bottom {margin-bottom: 15px;}
h2 {color:#fff;margin: 0px;padding:0px;font-size: 30px;letter-spacing: 1px;}
h3 {color:#6da6d2;margin: 0px;padding:0px;font-size: 24px; margin-bottom:10px;font-weight: 100;letter-spacing: 2px;}
h4 {color:#6da6d2;margin: 0px;padding:0px;font-size: 16px; margin-bottom:5px;font-weight: 100;letter-spacing: 2px;}
h3.big {font-size: 30px;}
a {text-decoration: none;color: #fff;margin: 0px;padding:0px;cursor:pointer;}
a:hover {text-decoration: underline;color: #fff;}
ul { color:#ccc; margin-left: 25px;margin-bottom: 15px;list-style: none;}
div.half {width:50%;float:left; margin-bottom: 15px; }
div.half p, div.half h1, div.half h2, div.half h3, div.half img, div.half ul, div.half iframe { padding:0px 15px; }
div.margin_left p, div.margin_left h1, div.margin_left h2, div.margin_left h3, div.margin_left img, div.margin_left ul, div.margin_left table  { padding-left:30px; }
ul.disc { list-style: disc; }
h3.margin_top { margin-top: 10px; }
.left { float:left; margin-right: 12px;}
.margin_none { margin: 0px; }
div.separator_left { border-bottom:1px solid #444; margin:15px 25px 15px 15px; background:transparent; }
div.separator_right { border-bottom:1px solid #444; margin:15px 15px 15px 25px; background:transparent; }
small a { color:#ccc;margin-left:15px; }
strong { color:#fff; }
iframe { background: transparent; }

/*border*/
div.left_border { border-left: 1px #151515 solid; }
div.right_border { border-right: 1px #484848 solid; }
div.top_border { background-color: white; height: 1px; width: 309px; z-index: 3; left: 530px; top: 113px; position: absolute; }
div.left_divider { background: url(../images/border.jpg) left repeat-y; }
div.right_divider { background: url(../images/border.jpg) right repeat-y; }
div.top_divider { background: url(../images/top_divider.jpg) top repeat-x; }

hr.top_border { margin-top: 0px; border-top-width: thin; border-top-color: #666666; border-top-style: inset; }

/* Page
-------------------------------------------------------------- */

div#page {
	width:858px;
	margin: 0px auto;
	min-height: 600px;
	position: relative;
}

/* Logo and Branding
-------------------------------------------------------------- */

h1 {
	width:182px;
	height:101px;
	text-indent: -9999px;
	background-image: url(../images/logo.png);
	position: absolute;
	left:0px;
	top:55px;
	cursor: pointer;
}

/* Navigation
-------------------------------------------------------------- */

ul#navigation {
	width:311px;
	height:50px;
	position:absolute;
	right:0px;
	top:112px;
	border-top: solid 1px #0b0b0b;
}

ul#navigation li a {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	font-weight:  bold;
}

ul#navigation li.about a, ul#navigation li.services a, ul#navigation li.contact a {
	width:92px;
	height:44px;
	position: absolute;
	top:0px;
	padding-top: 10px;
	text-align: center;
	background-repeat: no-repeat;
}

/* positions of links in nav bar */
ul#navigation li.about a { left:10px; }
ul#navigation li.services a { left:110px; }
ul#navigation li.contact a { right:10px; }

/* rollovers for Nav bar */
ul#navigation li a:hover { text-decoration: none; }
ul#navigation li.about a:hover { background-image: url(../images/about_rollover.png); color:#000; }
ul#navigation li.services a:hover { background-image: url(../images/services_rollover.png); }
ul#navigation li.contact a:hover { background-image: url(../images/contact_rollover.png); }

/* current page id's */
ul#navigation li#about a { background-image: url(../images/about_rollover.png); color:#000; }
ul#navigation li#services a { background-image: url(../images/services_rollover.png); }
ul#navigation li#contact a { background-image: url(../images/contact_rollover.png); }

/* flash header
-------------------------------------------------------------- */

img#flash {
	margin-top: 155px;
}

object#header1 {
	position:absolute;
	left:200px;
	top:168px;
}

object#header2 {
	position:absolute;
	left:3px;
	top:170px;
}

/* Content
-------------------------------------------------------------- */

ul#pages {
	width:858px;
	position: relative;
	margin-top: 5px;
	margin-left: 0px;
}

ul#pages li {
	position: absolute;
	top:0px;
	width:286px;
}

/* li's for pages ul */

ul#pages li#about {
	left:0px;
	border-right: 1px #151515 solid;
	border-left: 1px #484848 solid;
}

ul#pages li#services {
	left:286px;
	width:284px;
	border-right: 1px #151515 solid;
	border-left: 1px #484848 solid;
}

ul#pages li#contact {
	right:0px;
	border-left: 1px #484848 solid;
	border-right: 1px #151515 solid;
}


/* h2's for the pages */

ul#pages li#about h2, ul#pages li#services h2, ul#pages li#contact h2 {
	text-indent: -9999px;
	margin-left:20px;
	margin-bottom: 10px;
} 

ul#pages li#about h2 {
	background: url(../images/about_us.png) no-repeat;
	width:124px;
	height:26px;
}
	
ul#pages li#services h2 { 
	background: url(../images/services.png) no-repeat;
	width:124px;
	height:26px;
}

ul#pages li#contact h2 {
	background: url(../images/contact.png) no-repeat;
	width:124px;
	height:26px;
}

/* p and afor the ul#pages */

ul#pages li p { 
	padding:0px 20px 5px 20px;; 
	font-size: 11px; 
	line-height: 18px; 
	margin-bottom: 0px; 
}

ul#pages li a { margin-left:20px; }

/* read more buttons */

ul#pages li a div.about_btn, ul#pages li a div.services_btn, ul#pages li a div.contact_btn   {
	width:66px;
	height:26px;
	text-indent: -9999px;
	margin-left:17px;
	margin-top: 5px;
	background-repeat: no-repeat;
}

ul#pages li a div.about_btn{ background-image: url(../images/about_more.png); }
ul#pages li a div.services_btn { background-image: url(../images/services_more.png); }
ul#pages li a div.contact_btn { background-image: url(../images/contact_more.png); }

ul#pages li a div.about_btn:hover { background-position: right; }
ul#pages li a div.services_btn:hover { background-position: right; }
ul#pages li a div.contact_btn:hover { background-position: right; }

/* about us
-------------------------------------------------------------- */

img#about_us_header { margin-top: 155px; }
img#about_img { margin-bottom: 100px; border: 3px solid white; padding:0px; margin-left: 15px; margin-right: 30px; }

/* services
-------------------------------------------------------------- */

img#services_header { margin-top: 155px; }

div.image_placeholder { width:300px; height:160px; background: black; border: 4px solid white; margin-left: 25px; }
div.image_placeholder p { color:#666; margin:10px 10px; }
.float_right { float:right; }
.float_left { float:left; }

div.image_placeholder_big { width:375px; height:250px; background: black; border: 4px solid white; margin-left: 25px; }
div.image_placeholder_big p { color:#666; margin:10px 10px; }

img.services {
	border: 4px solid white;
	margin-left: 25px;
}

div.margin_top { margin-top:20px; padding-top:20px;}


ul.small { font-size: 11px; line-height: 15px; }

.clear { clear:both;}

ul.services {
	text-indent: 0px;
	margin-left: 0px;
	list-style: disc;
	float: left;
	margin-right: 30px;
}

ul.services li {
	margin-left: 15px;
}

/* contact
-------------------------------------------------------------- */

img#contact_header { margin-top: 155px; }

/* form (inquiries) */
form { margin-left: 20px; margin-top: 20px; margin-bottom: 30px;}
form#inq p, div#content form input { margin: 0px;padding: 0px;}
form#inq p { padding-bottom: 12px;}
form#inq h2{ padding-bottom:25px; }
form#inq p label { width:100px; text-align:right; margin-right:10px; display: block; float:left; }
form#inq textarea { width:250px; height: 100px; margin-bottom: 0px;}
form#inq #send { float:right; margin-right: 40px; width:5em;}
form#inq input { width: 125px; }
em#form_disclaimer { position:absolute; right:30px; top:108px; width:250px; }
form#inq span.errors { color:red; }
form#inq strong { color:green; }

/* company directory */
table { border-top: 1px solid #444; border-left:solid 1px #444; width:390px; margin-left: 15px; color:#ccc; margin-bottom: 30px;}
tr, td { padding:6px; border-bottom: solid 1px #444; }
td { border-right:solid 1px #444; }
tr { background-color: #292929; }
tr.odd { background-color: #323232;}