/* /////////////  RESET ALL THE DEFAULT BROWSER CSS VALUES TO '0'  ////////////////*/
body{
	font-size:0.75em;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	padding:0;
	margin:0;
	background-image:url(images/bg_body1.jpg);
	background-repeat:repeat-x;
	background-color:#000;
	color:#333;
}

.spacer {
	clear: both; 
}

.spacer2 {
	clear: both; 
	height:1px;
	line-height:1em;
}

ul{
	list-style:none;
	margin:0;
	padding:0;
}

p{
	margin:0;
	padding:0;
}

img{
	border:0;
	vertical-align:top;
}

a img{
	border:none;
}

form{
	padding:0;
	margin:0;
}

/* /////////////  ###########################################  ////////////////*/
/* /////////////   MANAGE WEBSITE CENTERING AND BACKGROUNDS    ////////////////*/
/* /////////////  ###########################################  ////////////////*/


#global{
	position: relative;
	margin-left: auto;
    margin-right: auto;
	text-align: left;
	width:980px;
	padding:0;
}



#logo{
	float:left;
	margin:0 0 0 19px;
}

/* /////////////  TOP MENU  ////////////////*/

#header{
	float:left;
	height:60px;
	background-image:url(images/bg_header.gif);
	background-repeat:repeat-y;
	margin:0 0 65px 0;
	width:980px;
}

#header ul{
	float:left;
	margin:0 0 0 70px;
}

#header ul li{
	height:22px;
	float:left;
	background-image:url(images/bg_header.gif);
	background-repeat:repeat-y;
	padding:38px 40px 0 15px;
	display:inline;
}

#header ul li a{
	float:left;
	text-transform:uppercase;
	font-family:"Trade Gothic Condensed No. 18",Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	font-size:11px;
}

/* /////////////  LOGIN BOX  ////////////////*/
#header ul li a:hover{
	text-decoration:underline;
}

#header .login_button{
	float:right;
	width:80px;
	height:20px;
	color:#fff;
	background-image:url(images/login.png);
	background-repeat:no-repeat;
	font-size:12px;
	padding:5px 0 0 0;
	text-align:center;
	position: relative;
	cursor: pointer;

}

#header .login_button a{
	color:#fff;
	text-decoration:none;
}

#topnav {
	padding:0px 0px 12px;
	font-size:11px;
	line-height:23px;
	text-align:right;
}
#topnav a.signin {
	float:right;
	width:80px;
	height:25px;
	color:#fff;
	background-image:url(images/login.png);
	background-repeat:no-repeat;
	font-size:12px;
	padding:0 0 0 0;
	text-align:center;
	text-decoration:none;
}
#topnav a.signin:hover {
}

a.signin {
	position:relative;
}
a.signin span {
	background-image:url("images/toggle_down_light.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:7px 22px 6px 0;
}
#topnav a.menu-open {
	background:#CD8411!important;
	color:#fff!important;
	outline:none;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.signin.menu-open span {
	background-image:url("images/toggle_up_dark.png");
	color:#fff;
}

#signin_menu {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	display:none;
	background-color:#CD8411;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:18px 12px 12px 12px;
	top: 16.5px; 
	right: 0px; 
	margin-top:5px;
	margin-right: 0px;
	*margin-right: -1px;
	color:#fff;
	font-size:12px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:4px 0 7px 0;
	padding:5px;
	width:203px;
}
#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#cd8413;
}
#signin_menu label {
	font-weight:bold;
}
#signin_menu p.remember {
	padding:5px 0 5px 0;
}






/* /////////////  ##################################  ////////////////*/
/* /////////////              HOME PAGE               ////////////////*/
/* /////////////  ##################################  ////////////////*/

p#home1{
	color:#fff;
	font-size:21px;
	margin:0 0 0 50px;
}

#home_box_right{
	margin-left:80px;
}

.home_box{
	float:left;
	width:420px;
	margin:100px 0 0 50px;
}

.home_box h1{
	color:#fff;
	font-size:72px;
	margin:0;
	padding:0;
	height:72px;
}

.home_box h2{
	color:#cd8413;
	font-size:90%;
	margin:-5px 0 20px 5px;
	padding:0;
	font-variant:small-caps;
}

.home_box p{
	color:#000;
	font-size:22px;
	margin:0;
	padding:0;
	line-height:1.4em;
}

p#footer_home{
	clear:both;
	float:right;
	text-align:right;
	color:#666;
	font-size:90%;
	margin:70px 0 0 0;
	padding:0;
}

p#footer_home a{
	color:#666;
	text-decoration:none;
}

p#footer_home a:hover{
	text-decoration:underline;
}

p#footer_home span{
	margin-left:20px;
}

/* /////////////  ##################################  ////////////////*/
/* /////////////             ABOUT PAGE               ////////////////*/
/* /////////////  ##################################  ////////////////*/

body#level2{
	background-image:url(images/bg_body_level2.png);
	background-repeat:repeat-x;
	background-color:#fff;
}

#about_img{
	float:right;
	width:470px;
}

#about_img p{
	margin:10px 0 0 0;
	font-size:90%;
	font-weight:bold;
}

#about{
	float:left;
	width:470px;
	margin-bottom:50px;
}

#left_about{
	float:left;
	width:480px;
}

#left_about h1, h1.generic{
	color:#333;
	font-size:21px;
	padding:0;
	margin:0 0 10px 0;
	font-weight:normal;
}

#left_about p, #full_width p{
	float:left;
	font-size:110%;
	line-height:1.5em;
	margin:0 0 20px 0;
}


body#level2 #header{
	margin-bottom:40px;
}

#footer_sub{
	width:100%;
	border-top:1px solid #dbdbdb;
	color:#9f9f9f;
	text-align:center;
	padding:18px 0 0 0;
	margin:0 0 30px 0;
}

#footer_sub p{
	margin:0 0 8px 0;
	padding:0;
}

#footer_sub p span, #footer_sub p strong{
	margin-left:16px;
}

#footer_sub p a{
	color:#9f9f9f;
	text-decoration:none;
}

#footer_sub p a:hover{
	text-decoration:underline;
}


/* /////////////  LEVEL 2 MENU  ////////////////*/

ul#sub_menu{
	margin:20px 0 30px 0;
}

ul#sub_menu li{
	display:inline;
}

ul#sub_menu li a{
	color:#CF8313;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	background-image:url(images/bullet_sub_menu.png);
	background-repeat:no-repeat;
	background-position:0 1px;
	padding:0 0 0 20px;
	margin:0 24px 0 0;
}

ul#sub_menu li a:hover, ul#sub_menu li a.active{
	text-decoration:underline;
}

/* /////////////  ##################################  ////////////////*/
/* /////////////              STAFF PAGE              ////////////////*/
/* /////////////  ##################################  ////////////////*/

.staff, .staff_last{
	float:left;
	width:226px;
	margin:0 25px 25px 0;
}
.staff_last{
	margin-right:0;
}

.staff h2, .staff_last h2{
	color:#CF8313;
	font-size:15px;
	margin:16px 0 4px 0;
	padding:0;
}

.staff h2 a, .staff_last h2 a{
	color:#CF8313;
	text-decoration:none;
}
.staff h2 a:hover, .staff_last h2 a:hover{
	text-decoration:underline;
}

.staff p, .staff_last p{
	margin:0;
	padding:0;
}

p.staff_intro{
	float:left;
	font-size:110%;
	line-height:1.5em;
	margin:0 0 20px 0;
}

#left_staff{
	float:left;
	width:458px;
	margin:0 0 40px 0;
}

#right_staff{
	float:right;
	width:500px;
	margin:0 0 40px 0;
}

#right_staff h2{
	color:#CF8313;
	font-size:16px;
	margin:0 0 2px 0;
	padding:0;
}

#right_staff p#position{
	margin:0 0 20px 0;
	padding:0;
	color:#264595;
	font-size:100%;
}

#right_staff p{
	font-size:110%;
	line-height:1.5em;
	margin:0 0 20px 0;
}

/* /////////////  ##################################  ////////////////*/
/* /////////////            PRODUCT PAGE              ////////////////*/
/* /////////////  ##################################  ////////////////*/

body#product{
	background-image:url(images/bg_product.png);
	background-repeat:repeat-x;
	background-color:#fff;
}

body#product #header{
	margin-bottom:39px;
}

#right_product{
	float:right;
}

#left_product{
	float:left;
	width:455px;
	margin:55px 0 50px 15px;
}

#left_product h1{
	color:#333;
	font-size:32px;
	padding:0;
	margin:0 0 15px 0;
}

#left_product h2{
	color:#263c8e;
	font-size:21px;
	font-weight:normal;
	padding:0;
	margin:0 0 15px 0;
}

#left_product p{
	float:left;
	font-size:14px;
	color:#333;
	line-height:1.5em;
	margin:0;
}

.product_details{
	float:left;
	width:100%;
	margin:10px 0 50px 0;
}

.product_details h3{
	font-size:21px;
	color:#333;
	font-weight:normal;
	margin:0 0 15px 0;
}

.product_details p{
	font-size:110%;
	line-height:1.5em;
	float:left;
	width:460px;
}

.product_details p#leftp{
	margin-right:50px;
}

#create_map{
	margin:0 0 30px 0;
}

.orchestrate_column{
	float:left;
	width:280px;
	margin:0 55px 60px 0;
	font-size:110%;
}

.orchestrate_column h3{
	font-size:15px;
	color:#333;
	margin:10px 0 10px 0;
	padding:0;
}

.orchestrate_column p{
	line-height:1.5em;
}

#last_column{
	margin-right:0;
}

#last_column p{
	padding-top:37px;
}

.generic h1{
	color:#333;
	font-size:21px;
	font-weight:normal;
	padding:0;
	margin:0 0 20px 0;
}


/* /////////////  ##################################  ////////////////*/
/* /////////////            CONTACT PAGE              ////////////////*/
/* /////////////  ##################################  ////////////////*/

#map {
	float:right;
	width:470px;
	height:500px;
	margin:0 0 20px 0;
}

#left_contact{
	float:left;
	width:980px;
	margin:0 0 50px 15px;
}

.contact_location{
	float:left;
	width:445px;
	margin-bottom:10px;
}

.contact_location h1 a{
	color:#333;
	text-decoration:none;
}
.contact_location h1 a:hover{
	text-decoration:underline;
}


#left_contact h1{
	color:#333;
	font-size:14px;
	padding:0;
	margin:0 0 5px 0;
}

h1#contactFormh{
	font-size:16px;
	padding-top:20px;
}


#left_contact p{
	font-size:13px;
	color:#333;
	line-height:1.5em;
	margin:0 0 25px 0;
}

#left_contact p a{
	color:#d08614;
}
#left_contact p a:hover{
	text-decoration:none;
}

#contactForm table{
	border-collapse:collapse;
	margin:10px 0 0 0;
	width:100%;
}

#contactForm table td{
	padding:4px;
	vertical-align:top;
}

#contactForm table td.label{
	width:100px;
	padding-top:10px;
}

tr#confirmation-field{
	display:none;
}

input.field1{
	border:1px solid #b8b8b8;
	padding:4px;
}

textarea.area1{
	border:1px solid #b8b8b8;
	padding:4px;
}

p#answer{
	color:#F00;
}

/* /////////////  ##################################  ////////////////*/
/* /////////////             ERROR PAGE               ////////////////*/
/* /////////////  ##################################  ////////////////*/

#full_width{
	float:left;
	width:100%;
	margin:0 0 100px 0;
}


/* /////////////  ###############################################  ////////////////*/
/* /////////////           SIFR (Text Image Replacement)           ////////////////*/
/* /////////////  ###############################################  ////////////////*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash p#home1{
	visibility: hidden;
	font-size:21px;
}

.sIFR-hasFlash .home_box h1{
	visibility: hidden;
	font-size:72px;
}

.sIFR-hasFlash .home_box p{
	visibility: hidden;
	font-size:20px;
}

/* /////////////  ###############################################  ////////////////*/
/* /////////////          JQUERY FORM VALIDATION                   ////////////////*/
/* /////////////  ###############################################  ////////////////*/

label.error, label.error {
	clear:both;
	color:#333;
	float:left;
	font-size:90%;
	font-weight:bold;
	margin:0 0 10px 0;
	width:200px;
}

input.error { color:#000; font-weight:normal; border:1px dotted #F00; }

