/*###################
##### CSS RESET #####
###################*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/*####################
##### HTML, BODY #####
#####################*/ 

*
{
    margin                  : 0;
    padding                 : 0;
    text-align              : left;
}
html,body 
{
	margin					: 0;
	padding 				: 0;			
	font-family				: "RobotoCondensed", "OpenSans", Arial, Helvetica, sans-serif;
	background              : #000 url('/content/images/bkgrnd.jpg') top center no-repeat;
	font-size				: 16px;
	color					: #333;	
	height                  : 100%;
	background-color    	: #000
	
}



/*###################
##### CONTAINER #####
###################*/ 

#container
{
	margin					: 20px auto 5px auto;
	padding					: 0px 30px 0px 30px;
	display					: block;
	width					: 1060px;
	height                  : auto;
	text-align				: left;
	position                : relative;
	
}
#containerInner
{
	margin					: 0;
	padding					: 20px;
	display					: block;
	width					: 1020px;
	height                  : auto;
	text-align				: left;
	background-color    	: #FFF;
	position                : relative;
	box-shadow              : 0px 1px 2px rgba(0,0,0,0.2);
}



/*###############
##### FONTS #####
###############*/ 

.opensans
{
    font-family				: "OpenSans"; 
}
.opensansbold
{
    font-family				: "OpenSansSemiBold"; 
}
.roboto
{
    font-family				: "Roboto"; 
}
.robotocondensed
{
    font-family				: "RobotoCondensed"; 
}


p
{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 8px 0px;
	line-height				: 1.4em;
}
h1, h2, h3
{
	margin					: 0px 0px 10px 0px;
	padding		 			: 0px 0px 0px 0px;
	line-height				: 1.2em;	
	font-size 				: 24px;
	font-weight             : normal;
	color                   : #333;
	font-family				: "RobotoCondensed"; 
}
h1
{
	margin					: 0px 0px 0px 0px;
	padding		 			: 10px 0px 10px 0px;
}
h1.underline
{
	margin					: 0px 0px 10px 0px;
	padding		 			: 0px 0px 4px 0px;
	border-bottom           : 1px solid #CCC
}
h1 span
{
	margin					: -4px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	font-size 				: 22px;
	display                 : block;
	color                   : #777;
}
h2
{
	font-size 				: 22px;
	color                   : #555;
	padding		 			: 5px 0px 5px 0px;
}
h3
{
	font-size 				: 20px;
	color                   : #555;
	padding		 			: 15px 0px 5px 0px;
}


.noborder
{
	border-bottom           : none;
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 5px 0px;
}

.breadcrumb
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 15px 0px;
	height                  : auto;
	font-size               : 13px;
}


/* LISTS */
.section ul,
.section ol
{
	display					: block;
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
}
.section ul li,
.section ol li
{
	line-height				: 1.3em;
	margin					: 0px 0px 0px 20px;
	padding					: 0px 0px 5px 5px;
}

/* HYPERLINKS */
a
{
	color					: #68689B;
	text-decoration			: none;
}
a:hover 
{
	color					: #68689B;
	text-decoration			: underline;
}




/*################
##### HEADER #####
################*/ 

#header
{
	margin					: 0 0 10px 0;
	padding					: 0px;
	display                 : block;
	width                   : 1020px;
	height					: 140px;	
	position                : relative;
	background-color        : #444466;
	border-bottom           : 4px solid #000;
}

/* LOGO */
.logo
{
	margin					: 12px 0px 0px 20px;
	padding					: 0;
	position                : absolute;
	top                     : 0;
	left                    : 0;
}

/* HEADER CONTACT */
.header-contact
{
	margin					: 0;
	padding					: 20px 20px 0px 0px;
	position                : absolute;
	top                     : 0;
	right                   : 0;
	font-size               : 26px;
	text-align              : right;
	color                   : #FFF
}
.header-contact span
{
	margin					: 0;
	padding                 : 10px 0 0 0;
	display                 : block;
	font-size               : 20px;
	text-align              : right;
	color                   : #B4B4C2
}
.header-contact span a
{
	color                   : #B4B4C2
}



/*###############
#### CONTENT ####
###############*/ 

#content
{
	margin                  : 0 0 10px 0;
	padding                 : 0 0 20px 0;
	width                   : 100%;		
	min-height              : 300px;
	position                : relative;
	border-bottom           : 1px solid #DADADA;
}



/*################
##### FOOTER #####
################*/ 

#footer
{
	margin					: 0px auto 0px auto;
	padding					: 0px 0px 0px 0px;	
	position				: relative;
	display					: block;
	line-height				: 1.4em;
	font-size				: 12px;
	text-align				: left;
	width                   : 1060px;
	height  		    	: auto;
}


/* COPYRIGHT */
.footer-copyright
{
	margin					: 0px 0px 20px 0px;	
	padding                 : 20px 0px 0px 0px;
	line-height             : 1.3em;
	font-size               : 14px;
	color                   : #FFF;
	display                 : block;
	height                  : 62px;
	text-align              : center;
	background				: url('/content/images/bkgrnd-footer.png') 0px 0px no-repeat;
}
.footer-copyright span
{
	font-size               : 12px;
	color                   : #CCC;
	display                 : block;
	padding                 : 8px 0px 0px 0px;
	text-align              : center;
}
.footer-copyright a
{
	color					: #FFF;
	text-decoration			: none;
}
.footer-copyright a:hover
{
	color					: #FFF;
	text-decoration			: underline;
}




/*################
### NAVIGATION ###
################*/ 

/* SEE NAV.CSS */




/*#############
### DETAILS ###
#############*/ 

/* SEE DETAILS.CSS */