﻿body 
{
	background:#000000;
	margin:0px;
}
a{text-decoration:none; color:#fe8800;}
a:hover{text-decoration:underline;  color:#ffffff;}
h1
{
	font-family:Trebuchet MS;
	font-size:28px;
font-weight:500;
	margin:0px 0px 30px 0px;
	color:#FFFFFF;
}


p.contentmain{
display:block;
padding-left:20px;
}
.contentmain{

padding-left:20px;

}
h1.welcome{

font-family:Trebuchet MS;
	font-size:28px;
font-weight:500;
margin:0px 0px 0px 0px;
color:#FFFFFF;
}

.contentheading{


font-family:Trebuchet MS;
	font-size:28px;
font-weight:500;
margin:0px 0px 10px 35px;
color:#FFFFFF;

}


h2
{
	font-family:Trebuchet MS;
	font-size:21px;
font-weight:500;
	margin:0px 0px 10px 0px;
	color:#FFFFFF;
}
h4
{
	font-family:Trebuchet MS;
	font-size:18px;
font-weight:500;
	margin:0px 0px 10px 0px;
	color:#FFFFFF;
}
.page
{
	width:1024px;
margin-left:-512px;
position:absolute;
left:50%;
	
}

/*Header*/
.header
{
	background-color:#bdc4cd;
	width:100%;
	height:278px;
}
.logo
{
	height:105px;
	margin-left:43px;
}
/*/Header*/

/*Menu*/
.menu
{
	height:34px;
	background:url(images/menuBg.gif) repeat-x 0% 0%;
	line-height:34px;
	padding-left:10px;
}
.menu ul
{
	list-style:none;
	padding:0px;
	margin:0px;	
}
.menu ul li
{
	padding:0px 40px 0px 40px;
	margin:0px;	
	float:left;
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
}
.menu ul li a
{
	color:#ffffff;
}
.menu ul li a:hover, .menu ul li a.selected
{
	color:#c21818;	
	text-decoration:none;
}
/*/Menu*/

/*Content*/
.contentWelcome
{
	background:#000000 url(images/contentBg.gif) repeat-x 0% 0%;
	padding:0px 0px 5px 5px;	
	min-height:400px;
}

.contentWelcomeHome
{
	background:#000000 url(images/contentBg.gif) repeat-x 0% 0%;
	padding:0px 0px 0px 0px;	
	min-height:400px;


font-family:Tahoma;
	font-size:11px;
color:#ffffff;
}
.content
{
	background:#000000 url(images/contentBg.gif) repeat-x 0% 0%;
	padding:20px 50px 5px 50px;	
	min-height:400px;
}
.width830
{
	width:830px;	
}
.width110
{
	width:110px !important;	
}
.welcome
{
	width:400px;

	padding-right:47px;
	color:#ffffff;
	
}

.offerTable1 {

font-family:Tahoma;
	font-size:11px;
color:#ffffff;
}
.offerTable1 table td div{

color:#ffffff;
}
.offerTable1{

background:#000000 url(images/boxbg1.jpg) repeat-x 0% 0%;
width:533px;
height:214px;
}

.offerTable2{

background:#000000 url(images/boxbg2.jpg) repeat-x 0% 0%;
width:533px;
height:214px;
}
.offerTable
{
	width:498px;
	background-color:#5b636b;
	
}

.offerTableTeam
{
	
	background-color:#5b636b;
	
}
.offerTable td
{font-size:11px;
	vertical-align:top;	
}
.offerTable img
{
	
}
.offerTable div{height:140px;}
/*/Content*/

/*Footer*/
.footer
{
	background:#000000;
	height:40px;
	line-height:40px;
	padding-left:50px;
	font-family:Tahoma;
	color:#f5f5f5;
	font-size:11px;	
}
.footer a
{
	color:#f5f5f5;
}
/*/Footer*/

/*Navigation*/
.left{float:left;}
.right{float:right;}
.clear{float:none;clear:both;height:0px;font-size:0px;}
/*/Navigation*/

/*Input Button*/
.buttonDark, .buttonLight
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:12px;
	color:#ffffff;
	height:24px;
	line-height:24px;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
	display:block;
	text-align:center;
	width:92px;

background:#000000 url(images/buttonbg.gif) no-repeat 0% 0%;

}

.buttonOrange
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:12px;
	color:#ffffff;
	height:28px;
	line-height:28px;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
	display:block;
	text-align:center;
	width:96px;

background:#000000 url(images/buttonbgorange.jpg) no-repeat 0% 0%;

}
.buttonDark
{
	
}
.buttonDark:hover, .buttonLight:hover, .buttonOrange:hover{text-decoration:none;}
.buttonLight
{
	
	width:92px;
}
/*Input Button*/

/*Formatting*/
.textcontentwelcome
{
	color:#cdcfd0;
	font-family:Tahoma;
	font-size:11px;
	margin-left:5px;
}
.textcontent
{
	color:#cdcfd0;
	font-family:Tahoma;
	font-size:11px;
}
/*/Formatting*/



#nav, #nav ul, #nav li ul li ul{
	list-style: none;

margin:0px; padding:0px;
}

#nav a {
	display: block;
}

#nav li {
	text-align: left;
	float: left;
margin:0px;
	
	padding:0px;
}

#nav li a {
	color: #FFFFFF;
	
	text-decoration: none;
	text-align: left;
	margin: 0;
	width:auto;
	padding-left: 16px;
	padding-right: 16px;
	font:  500 12px/32px arial, helvetica, sans-serif; 
text-transform:uppercase;

background-image: url(images/menuseparator.gif);
	background-repeat: no-repeat;
background-position: 100% 0;
	
}


.toplevel {
	color: #FFFFFF;
	
	text-decoration: none;
	text-align: left;
	margin: 0;
	width:auto;
	padding-left: 16px;
	padding-right: 16px;
	font:  500 12px/32px arial, helvetica, sans-serif; 
text-transform:uppercase;

background-image: url(images/menuseparator.gif);
	background-repeat: no-repeat;
background-position: 100% 0;
	
}

#nav li a.toplevel {
	color: #FFFFFF;
	
	text-decoration: none;
	text-align: left;
	margin: 0;
	width:auto;
	padding-left: 16px;
	padding-right: 16px;
	font:  500 12px/32px arial, helvetica, sans-serif; 
text-transform:uppercase;

background-image: url(images/menuseparator.gif);
	background-repeat: no-repeat;
background-position: 100% 0;
	
}

#nav li a.last {
	color: #FFFFFF;
	
	text-decoration: none;
	text-align: left;
	margin: 0;
	width:auto;
	padding-left: 16px;
	padding-right: 16px;
	font:  500 12px/32px arial, helvetica, sans-serif; 
text-transform:uppercase;

background-image: none;
	background-repeat: no-repeat;
background-position: 100% 0;
	
}

#nav li a.current {
	color: #fff;
	background-color: #91dc56;
	

}

#nav li a:hover {
	color: #ff5114;
	
	margin: 0;
font:  500 12px/32px arial, helvetica, sans-serif; 
text-transform:uppercase;

padding-left: 16px;
	padding-right: 16px;
background-image: url(images/menuseparator.gif);
	background-repeat: no-repeat;
background-position: 100% 0;
}

#nav li a.toplevel:hover {
	color: #ff5114;
	
	margin: 0;
font:  500 12px/32px arial, helvetica, sans-serif; 
text-transform:uppercase;

padding-left: 16px;
	padding-right: 16px;
background-image: url(images/menuseparator.gif);
	background-repeat: no-repeat;
background-position: 100% 0;
}


.toplevel:hover {
	color: #ff5114;
	
	margin: 0;
font:  500 12px/32px arial, helvetica, sans-serif; 
text-transform:uppercase;

padding-left: 16px;
	padding-right: 16px;
background-image: url(images/menuseparator.gif);
	background-repeat: no-repeat;
background-position: 100% 0;
}


#nav li a.last:hover {
	color: #e2ffc0;
	
	margin: 0;
font:  500 11px/32px arial, helvetica, sans-serif; 
text-transform:uppercase;

padding-left: 16px;
	padding-right: 16px;
background-image: none;
	background-repeat: no-repeat;
background-position: 100% 0;
}

#nav li ul li ul{
	background-color: #000000;
	position: absolute;
	left: -999em;
	width:8em;
	margin: 0px;
	z-index:11;
}

#nav li ul {
	background-color: #000000;
	position: absolute;
	left: -999em;
	width:8em;
	margin: 0px;
padding:0px;

}

#nav li:hover ul li ul{
	background-color: #000000;
	position: absolute;
	left: -999em;
	width:8em;
	margin: 0px;
	padding:0px;
	z-index:12;
}

#nav li.sfhover ul li ul{
	background-color: #000000;
	position: absolute;
	left: -999em;
	width:11em;
	margin: 0px;
		padding:0px;
		z-index:13;
}

#nav li ul a, #nav li ul li ul a{
	color: #ff5114;
	background-color:#000000 ;
	background-image: none;
	width: 22em;
text-transform:uppercase;
padding-left: 2px;


font:  500 11px/28px arial, helvetica, sans-serif; 
display:block;
height:28px;
border-bottom:solid 1px #505862;
text-indent:12px;
}

#nav li ul a:hover, #nav li ul li ul a:hover {
	color: #ffffff;
	background-color: #000000;
	background-image: none;
	width: 22em;
padding-left: 2px;
display:block;
height:28px;
border-bottom:solid 1px #505862;
font:  500 11px/28px arial, helvetica, sans-serif; 
text-indent:12px;
text-transform:uppercase;

}




#nav li ul a.first {
	
}

#nav li ul a.last {
	
}


#nav li:hover ul {
	left: auto;
	z-index:15;
}




#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	z-index:16;
}

#nav li:hover ul li{
background-color:#ffffff;
}

#nav li:hover ul li:hover ul{
	left: auto;
	margin-left:9.2em;
		margin-top:-24px;
		z-index:17;
}

#nav li.sfhover ul li:hover ul{
	left: auto;
	margin-left:10em;
	margin-top:-24px;
	z-index:18;
}

#flashslideshow{
margin-left:5px;
position:relative;
left:0;
}

div.offerTable{
padding:10px;
margin-top:10px;

width:370px;
}
div.offerTablePost{
padding:10px;
margin-top:10px;
background-color:#36383b;
width:80%;
}

div.offerTableLocations{
padding-left:10px;
padding-top:10px;
margin-top:10px;
width:99%;
background-color:#36383b;
}
div.offerTableClients{
padding-left:40px;
padding-top:10px;
margin-top:10px;
width:99%;
background-color:#36383b;
}
.offerTable ul li{
color:#ff9003;
line-height:18px;
font-weight:600;


}
div.offerTableClients a img{
float:left;
margin-right:7px;
border:none;
}
div.offerTableLocations img{
float:left;
margin-right:7px;
border:none;
}
div.offerTableClients img{
float:left;
margin-right:42px;
border:none;
}
.clearBoth{

clear:both;
}
.production{
background-color:#36383b;
}
.production td{
border-bottom:solid 1px #ffffff;
color:#ffffff;
height:28px;
font-size:11px;
padding:5px;
}


.logoholder{
	position:absolute;
	z-index:5;
	width:1024px;
margin-left:-512px;
position:absolute;
left:50%;
	
}


/*
	Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 
*/

* {
	margin: 0;
	padding: 0;
}


.page-body {
	margin: 0 auto 0 auto;	
	width: 600px;
	padding: 30px 0 20px 0;
	text-align: left;
font:  500 12px/32px arial, helvetica, sans-serif; 
}

	.page-footer {
		margin: 0 10% 0 315px;	
		width: 600px;
		padding: 0 0 50px 0;
		text-align: left;
	}

	.page-body ul, .page-body ol { 
		color: #ffffff;
		margin: 10px 0 30px 25px; 
	}

	.page-body ul li, 
	.page-body ol li { 
		padding: 0; 
		margin: 0 0 5px 0; 
		color: #cccccc;
		line-height: 140%;
		font-size: 100%;		
	}

	.page-footer p {
		margin: 0;
	}
	
	.page-footer {
		padding: 20px;
	}

	.page-title h1 span {
		text-align: left;
		font-weight: normal;
		font-size: 100%;
		color: #ffffff;
		margin: 5px 0 15px 0;
	}
	


.notice {
	border: 3px solid #ffffbe;
	padding: 10px;
	color: #ffffff;
	background-color: #09f;
	margin: 0 0 20px 0;
}
	
	.notice p, 
	.notice p a, 
	li a {
		color: #ffffff;
		text-decoration: none;
	}

a.page-options {
	color: #ffffff; 
	text-decoration: none; 
	display: block; 
	text-align: left; 
	padding: 5px; 
	background: #23272b;
	margin: 3px 0 0 0;
font:  500 12px/32px arial, helvetica, sans-serif; 
	
}

a.page-options:hover, 
a.page-options:focus {
	color: #fff; 
	background: #8393a1;
font:  500 12px/32px arial, helvetica, sans-serif; 
}		


	p small, 
	li small {
		color: #8393a1;
		font-size: 100%;
font:  500 12px/32px arial, helvetica, sans-serif; 
	}
	
	p em, 
	em {
		color: #ffffff;
	}

.hidden {
	display : none;
}
