/* Pretty Stuff
================================== */

/* control margins
and padding in IE */

*
{
	margin: 0;
	padding: 0;
}

* html .gainlayout { height: 1%; }



a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Attribute selector hack - this lets IE choose the hacked wrapper ID so the PNG background shows up properly */

#wrapper
{
	width: 760px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 6px;
	background-position: center top;
	margin-left: auto;
	background-color: #222;
	padding: 0px;
}





img
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
img a:link
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}



body
{
	text-align: center;
	background-color: #424242;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 0.5em;
	 
}


p, li { 
    font-size: 1.4em; 
}


h1 {
	margin-top: 0em;
	margin-right: 0;
	margin-left: 0;
	color: #c4752b;
	font-size: 2.5em.em;
	font-size: 2em;
}


h2 {
	margin-top: 12px;
	margin-right: 0;
	color: #993300;
	font-size: 2.5em.em;
	font-size: 2.6em;
	padding-left: 16px;
	margin-bottom: 10px;
}

h3 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.5em;


}


#mastheadsplash
{
	height: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 6px;
	margin-left: auto;
	padding: 0px;
}

#mastheadcontent
{
	height: 114px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 6px;
	margin-left: auto;
	background-image: url(images/mast_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0px;
}




#nav
{
	width: 742px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}

#nav ul
{
	padding-left: 0;
	color: #fff;
	float: right;
	width: 100%;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	background-color: #000000;
}

#nav li { display: inline; }

#nav li a {
	float: right;
	padding: 0.5em 1.22em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #555;

}


#nav li.end a {
	float: right;
	padding: 0.5em 2em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}

#nav li a:link, #nav li a:visited
{
	color: #fff;
	text-decoration: none;

}

#nav li.current a:link, #nav li.current a:visited, #nav li.current a
{
	color: #fff;
	background-color: #993300;
}

#nav li a:hover {
	color: #fff;
	background-color: #c4752b;
}

/* The Core
Technique
================================= */

body { text-align: center; }

#content

{
	width: 390px;
	float: right;
	margin-left: 20px;
	margin-top: 12px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 0px;
	display: inline;
	text-align: right;
	color: #FFFFFF;
	padding-bottom: 24px;
	margin-bottom: 10px;
	padding-top: 36px;
	padding-right: 30px;
}

#content-contact

{
	width: 390px;
	float: right;
	margin-left: 20px;
	margin-top: 12px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 0px;
	display: inline;
	text-align: left;
	color: #FFFFFF;
	padding-bottom: 200px;
	margin-bottom: 10px;
	padding-top: 9px;
	padding-right: 30px;
	font-size: 2em;
}

#content-contact a, #content-contact a:link, #content-contact a:visited, #content-contact a:hover {
	color: #FFFFFF;
	text-decoration: none;
}



#content-reel

{
	width: 740px;
	float: left;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	display: inline;
	color: #FFFFFF;
	padding-bottom: 24px;
	margin-bottom: 10px;
	padding-top: 0px;
	margin-left: 10px;
	padding-right: 0px;
	text-align: left;
	background-color: #111;
}


#content h1
{
	font-size: 2.5em;
}






#sidebar
{
	display: inline;
	width: 260px;
	float: left;
	margin-top: 16px;
	margin-left: 10px;
	text-align: left;
	padding-left: 16px;
	font-size: 1.2em;
	margin-bottom: 20px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #444;
	padding-right: 20px;
}


#sidebar p {
	color: #FFFFFF;
	
}

#sidebar p a {
	color: #FFFFFF;
	
}

#sidebar ul, #sidebar li a {
	list-style-type: none;
	text-decoration: underline;
    color: #993300;
}

#sidebar li a:visited {
    color: #993300;

}

#footer
{
	background-color: #000;
	clear: both;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	color: #FFFFFF;
	line-height: 16px;
	height: 20px;
	font-size: 1.2em;
}

#footer p {
	color: #FFFFFF;
	font-size: 1.1em;
	letter-spacing: 0.3em;
	line-height: 16px;
	padding: 2px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}
  


#footer ul a:hover {
	color: #fff;
	text-decoration: underline;
}

#content * { padding-right: 10px; }
#content * * { padding-right: 0px; }


.video {
	padding-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	height: auto;
	vertical-align: middle;
	overflow: hidden;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;


}

.video-copy {
	float: left;
	width: 210px;
	text-align: left;
	vertical-align: top;
	padding-left: 16px;
	padding-top: 0px;
}

.video-box {
	float: right;
	width: 500px;
	vertical-align: middle;
	font-size: 1em;
}

.video-box p {
	margin-top: 0px;
}

.video-box ul {
	list-style-position: outside;
	list-style-type: square;
	font-size: 1em;

}

.video-box span {
	font-weight: bold;
	color: #333333;
}

.video-copy a, .video-copy a:link, .video-copy a:visited, .video-copy a:hover {
	color: #3333FF;
	text-decoration: underline;
	font-size: 1.3em;
	margin: 0px;
	padding: 0px;
}


.pullquote {
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	padding: 14px 20px 16px;
	color: #222;
	margin-top: 20px;
	background-color: #f9f9f9;
	clear: both;
	height: auto;
	overflow: hidden;
	text-align: left;
	background-image: url(images/pullquote_corner.gif);
	background-position: right bottom;
	background-repeat: no-repeat;


}

.pullquote span {
	font-weight: bold;
	float: right;
	margin-top: 10px;
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
}


.areas {
	background-image: url(images/areas_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: auto;
	overflow: hidden;
	clear: both;
	margin: 0px 0px 20px;

}

.areas h3 {
	font-size: 2em;
	color: #333333;
	width: 100%;
	display: block;


}


.areas h4 {
	font-size: 1.5em;
	font-weight: bold;
	color: #852b08;


}

.areas-contact {
	float: right;
	width: 350px;
	text-align: left;

}

.areas-address {
	float: left;

}


.areas h5 {
	font-size: 1.6em;
	font-weight: bold;
	margin: 0px;
	color: #444;


}

.areas p {
	margin: 0px;
	padding: 0px;
}


.contactus {
	padding-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	height: auto;
	vertical-align: top;
	overflow: hidden;
	clear: both;
	background-image: url(images/contact_bg.gif);
	background-position: right top;
	background-repeat: repeat-y;
	float: left;
	width: 600px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;

}

.contactus p {

}