/*
>>> base styles
*/

body {
	font:12px/1.5 Arial, Helvetica, sans-serif;
	color:#333;
	background:transparent url('../images/styles/body-background-tile.jpg') repeat top center;
}

:focus {
	outline: 1px dotted #999;
}

a {
	text-decoration:none;
	color: #c71012;
}

a:hover {
	text-decoration:underline;
}

a:visited {
}

a:hover img {
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}

#content h1,
#content h3 {
	font:bold 1.6em/1.35 Arial, Helvetica, sans-serif;
	color:#c71012;
	border-bottom:1px solid #999;
	display:inline-block;
	margin-bottom:10px;
}

#content h3 {
	font:1.6em "Trebuchet MS";
}

#content p {
	margin:0 20px 10px 20px;
}

strong {
	font-weight:bold;
}

/*
<<< base styles
*/

/******************************************************************************************/

/*
>>> base extensions

#mast a,
#footer a {
	color:#fff;
}


/*
<<< base extensions
*/

/******************************************************************************************/

/*
>>> page
*/

#mast,
#main-nav,
#container,
#footer-nav,
#subfooter {
	width:1000px;
	margin:auto;
	position:relative;
}

#footer a {
	color:#fff;
}



li.bullet {
	list-style:circle inside url('../images/styles/red-bullet-point.png');
	margin:0 0 0 30px;
	padding:0;
}

/*
<<< page
*/

/******************************************************************************************/

/*
>>> mast
*/

#mast-nav-wrapper {
	background:transparent url('../images/styles/mast-background.png') repeat-x 0 0;
	height:175px;
	position:relative;
	z-index:1000;
}

#mast {
	height:122px;
}

#branding {
	position:absolute;
	width:900px;
}

#logo {
	width:132px;
	height:152px;
	position:absolute;
	left:-30px;
	background:transparent url('../images/styles/mast-logo.png') no-repeat 0 11px;
}

#logo a {
	width:100%;
	height:100%;
	display: block;
}

#logo a:focus {
	outline: none;
}

#company-name {
	color:#fff;
	position:absolute;
	top:40px;
	left:130px;
	font:bold 32px "Trebuchet MS", verdana, serif;
}

#tagline {
	color:#fff;
	position:absolute;
	top:85px;
	left:130px;
	font:14px Arial, Helvetica, sans-serif;
}

#logo {
	text-indent:-999em;
	text-shadow:2px 2px #999;
}

#quick-links {
	width:238px;
	height:31px;
	position:absolute;
	right:8px;
	background:transparent url('../images/styles/quick-links-background.png') no-repeat 0 0;
	list-style:none;
	color:#fff;
	padding:5px 0 0 5px;
}

#quick-links li {
	display:inline;
	margin:auto 0;
}

#quick-links li:after {
	content: " | ";
}

#quick-links li:last-child:after {
	content: "";
}

#quick-links li.last:after {
	content: "";
}

#quick-links a {
	color:#fff;
	padding:0 5px;
}

#help-link {
	position:absolute;
	right:15px;
	top:70px;
	text-align:right;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
}

#help-link a {
	color:#fff;
	text-decoration:underline;
}

#help-link a:hover {
	color:#000;
	text-decoration:none;
}

#search {
	position:absolute;
	right:15px;
	bottom:5px;
	width:226px;
}

#search label {
	color:#fff;
	font-size:1.1em;
}

#search-input {
	background:transparent url('../images/styles/mast-search-input-background.jpg') no-repeat 0 0;
	width:180px;
	height:17px;
	border:0;
	position:absolute;
	top:0;
	right:0;
}

#search-submit {
	background:transparent url('../images/styles/mast-search-submit-background.jpg') no-repeat 0 0;
	width:17px;
	height:17px;
	border:0px solid #555;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}


/*
<<< mast
*/

/******************************************************************************************/

/*
>>> main-nav
*/


#main-nav {
	list-style:none;
	width:910px;
	height:40px;
	padding-left:90px;
}

#main-nav li {
	float:left;
	margin-right:10px;
	padding:0 15px 0 10px;
}

#main-nav li:hover {
	background:transparent url('../images/styles/main-nav-hover.png') repeat-x left center;
}

#main-nav li a {
	display:block;
	width:100%;
	line-height:40px;
	color:#fff;
	font-size:1.2em;
	background:transparent url('../images/styles/main-nav-arrows.png') no-repeat left center;
	padding-left:12px;
}

#main-nav li a:hover {
	text-decoration:underline;
}

#main-nav li ul {
	background:none repeat scroll 0 0 #EEEEEE;
	border:1px solid #666;
	left:-999em;
	position:absolute;
	width:200px;
	z-index:10000;
	color:#333;
	margin-left:-11px;
}

#main-nav li ul li {
	background:none repeat scroll 0 0 transparent;
	float:none;
	width:100%;
	padding:0;
}

#main-nav li ul li a {
	display:block;
	line-height:25px;
	color:#333;
	width:auto;
	background:none;
}

#main-nav li ul li a:hover {
	background:none repeat scroll 0 0 #a30303;
	color:#FFFFFF;
	text-decoration:none;
}

#main-nav li:hover ul {
	left:auto;
}

#main-nav li:hover ul, #main-nav li.sfhover ul {
	left:auto;
}



/*
<<< main-nav
*/

/******************************************************************************************/

/*
>>> container
*/


#container {
	clear:both;
	padding:0 20px 10px;
	width:960px;
	background:#f4f4f4;
	margin-top:-15px;
}


/*
<<< container
*/

/******************************************************************************************/

/*
>>> content
*/


#content {
	font-size:1.1em;
	min-height:500px;
	padding:10px 20px;
}


/*
<<< content
*/

/******************************************************************************************/

/*
>>> footer
*/


#footer {
	clear:both;
	background:#333 url('../images/styles/footer-background.jpg') repeat-x 0 0;
	padding-bottom: 30px;
}

#footer-nav {
	width:920px;
	min-height:150px;
	margin-bottom:20px;
	padding:25px 5px 0 75px;
	color:#fff;
	font-size:0.9em;
}

#footer-nav ul {
	list-style:none;
	float:left;
	width:19%;
	line-height:12px;
}

#footer-nav li.label {
	font-weight:bold;
	margin-bottom:3px;
}

#subfooter {
	clear:both;
	color:#fff;
	text-align:center;
}

#copyright {
	margin-bottom:10px;
}

ul.subfooter-nav {
	font-size:0.9em;
}

ul.subfooter-nav li {
	display:inline;
}

ul.subfooter-nav li:after {
	content: " | ";
}

ul.subfooter-nav li:last-child:after {
	content: "";
}

ul.subfooter-nav li a {
	padding:0 5px;
}


/*
<<< footer
*/

/******************************************************************************************/

/* Righside IMG Hover -------------------------------------------- */

.gallerycontainer {position: relative;}
/*Add a height attribute and set to largest image's height to prevent overlaying*/

.gallerycontainer a {text-decoration: none; border: none;}

.thumbnail img {margin: 0;}
.thumbnail:hover {background-color: transparent;}
.thumbnail:hover img {border: none;}

/*CSS for enlarged image*/
.thumbnail span {position: absolute; width: 399px; background-color: #E8EAEE; padding: 4px; right: -0px; border: 1px solid #6e6e6e; visibility: hidden; font-size: 14px; color: #8A050C; text-decoration: none; font-weight: bold; }

/*CSS for enlarged image*/
.thumbnail span img {border-width: 0; padding: 2px;}

/*CSS for enlarged image*/
.thumbnail:hover span {visibility: visible; top: 0px; right: 260px; z-index: 50; }