
body 
{
	font-family: Arial, Helvetica, sans-serif;
	background: #000 url('/images/bg_v2.gif') no-repeat center top;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #c1c1c1;
	height:100%;
}

img
{
	border:0;
}

p
{
	line-height:1.5em;
	margin-bottom:16px;
}

h1
{
	color:#f8a430;
	margin-bottom:10px;
	font-size:16pt;
}

span.grey
{
	color:#333333;	
}

span.darkgrey
{
	color:#666666;	
}

span.white
{
	color:#ffffff;	
}

span.org
{
	color:#f8a430;
}

span.orange
{
	color:#F8A430;	
	font-size:18px;
	float:left;
	margin-right:8px;
}

#container 
{
	width: 780px; 
	height:474px;
	margin: 0 auto; 
	text-align: left; 
	padding:2px;
}

#header
{
	height:148px;
	width:776px;
	float:left;
	display:block;
}

#menu
{
	width:776px;
	float:left;
	height:116px;
}

#submenu
{
	width:700px;
	margin-left:20px;
	height:15px;
	float:left;
}

#mainContent 
{
	float:left;
	height:275px;
	padding:10px;
	width:756px;
}


/********** HEADER **********/

#client_login
{
	float:right;
	position:relative;
	top:0;
}

#client_login a, #client_login a:visited
{
	color:#f8a430;
	text-transform:uppercase;
	background: url('/images/client_tab.jpg') no-repeat top left;
	width:85px;
	height:20px;
	font-size: 8px;
	display:block;
	padding:10px 0 0 30px;
	text-decoration:none;
}

#client_login a:hover
{
	color:#f8a430;
	text-transform:uppercase;
	background: url('/images/client_tab.jpg') no-repeat bottom left;
	width:85px;
	height:20px;
	font-size: 8px;
	display:block;
	padding:10px 0 0 30px;
	text-decoration:none;
}

.menu_bar
{
	width:700px;
	margin:75px 0px 0px 20px;
}

.menu_item, .submenu_item
{
	display:inline-block;
	float:left;
}

.menu_bar a, .menu_bar a:visited
{
	text-transform:uppercase;
	text-decoration:none;
	font:normal 10px Arial, Helvetica, sans-serif;
	margin:0px 3px;
	color:#333;
	padding:0;
}

.menu_bar a:hover
{
	text-transform:uppercase;
	text-decoration:none;
	font:normal 10px Arial, Helvetica, sans-serif;
	margin:0px 3px;
	color:#fff;
	padding:0;
}

#submenu a
{
	text-transform:uppercase;
	text-decoration:none;
	font:normal 16px Arial, Helvetica, sans-serif;
	margin:0px 3px;
	color:#f8a430;
	padding:0;
}

a.highlight
{
	color:#fff;
}

.submenu
{
    height:26px;	
    font-size:14px;
}
/********** SLIDER **********/


.portfolio
{
	float:left;
	height:280px;
	margin:0 auto;
}

.port_text
{
	padding:10px;
	float:left;
	width:235px;
	margin-left:50px;
}

.port_text h3
{
	margin:30px 0px 10px;
	color:#f8a430;
	text-transform:uppercase;
	font-weight:bold;
}

.port_text p
{
	font: normal 9pt Arial, Helvetica, sans-serif;
	color:#fff;
}

.port-text a
{
	color:#333;
	text-decoration:none;
}

.port_image
{
	float:right;
}

.port_image img
{
	margin-top:10px;
	margin-left:20px;
}

a:focus 
{
	outline: none;
}

#panel 
{
	background: #754c24;
	height: 100%;
	display: none;
	width:750px;
}

.slide 
{
	margin: 0;
	padding: 0;
	border-top: solid 4px #422410;
	background: url(images/btn-slide.gif) no-repeat center top;
}

.btn-slide 
{
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

.active 
{
	background-position: right 12px;
}


/********** ABOUT **********/

.copy
{
	width:250px;
	height:200px;
	float:left;
	font-size:12px;
	margin:40px 0px 0px 40px;
}

#about
{
	font-size:12px;
	margin:0px auto;
	width:600px;
	padding:40px 20px 20px;
}

.about_copy
{
	width:300px;
	height:200px;
	float:left;
	font-size:12px;
}

.about_img
{
	float:right;
}

.home_img
{
	float:right;
	margin-top:10px;
}
/********** FORM **********/

#cform_container
{
	/*width:600px;*/
	height:285px;
	margin-left:140px;
}

.cform
{
	margin-top:25px;
}

.port_text a, .port_text a:visited, .copy span a, .copy span a:visited
{
	color:#C1C1C1;
	text-decoration:none;
	font-size:12px;
}

.port_text a:hover, .copy span a:hover
{
	color:#F8A430;
	text-decoration:none;
	font-size:12px;
}

.port_text a, .copy span a
{
  background:url('/images/bullet_go.png') no-repeat left;
  padding-left:16px;	
}

.label
{
 	text-align:right;
 	width:80px;
    padding-right:10px;
	vertical-align:middle;
	font-size:12px;
}

input, textarea
{
	color:#fff;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}

input.long
{
	width:225px;
	border:1px solid #fff;
	background:#5e5e5e;
	padding:4px;
	margin:4px;
	opacity:0.75;
	filter:alpha(opacity=75);
}

input.short
{
	width:100px;
	border:1px solid #fff;
	background:#5e5e5e;
	padding:4px;
	margin:4px;
	opacity:0.75;
	filter:alpha(opacity=75);
}

textarea
{
	border:1px solid #fff;
	background:#5e5e5e;
	padding:4px;
	margin:4px;
	opacity:0.75;
	width:225px;
}

input.send_button
{
	background:url('/images/send_button.gif') no-repeat;
	border:0;
	cursor:pointer;
	width:80px;
	height:29px;
	margin-top:10px;
}

input.send_button:hover
{
	background:url('/images/send_button_over.gif') no-repeat;
}


#form_header
{
	color:#fff;
	margin:0px 0px 20px 92px;
	font-size:18px;
}

#mask { 
    background:#678 url('/images/mask_gradient_1000.png') no-repeat; 
    background-position:13% 160px; 
}

/*-------- VALIDATION --------*/

.error
{
	padding-left:24px;
	font-size:12px;
	background:url('/images/warning_16.png') no-repeat left;
	margin-left:4px;
}


/*-------- FOOTER --------*/


#footer
{
	width:776px;
	float:left;
}

.logo
{
	font-size: 16pt;
	float:right;
	margin-top:30px;
}

.phone_num, .email_link
{
	float:left;
	font-size:10px;
	color:#666;
	margin:30px 4px;
}

.phone_num
{
	margin-left:23px;
}

.email_link a, .email_link a:visited
{
	text-decoration:none;
	color:#666;
}

.email_link a:hover
{
	text-decoration:none;
	color:#F8A430;
}

#social
{
	margin-left:40px;
}

#twitter-link
{
	background:url('/images/twitter.png') no-repeat left;
	padding: 4px 0px 0px 25px;
	height:16px;
	display:block;
	text-decoration:none;
	color:#666;
}