/*==================================*/
/*    Author: Lane Roberts          */
/*    Company: Corporate 3 Design   */
/*    Date: February 17, 2009       */
/*==================================*/

/*==================================*/
/*---------- PAGE/GENERAL ----------*/
/*==================================*/

* {
	margin: 0;
	padding: 0;
}
html {
	width: 100%;
	height: 100%;
	overflow-y:scroll;
}
body {
	width: 100%;
	height: 100%;
	font-family:"VegurRegular","Myriad Pro","Arial", Helvetica, sans-serif;
	font-size: 95%;
	line-height: 100%;
	background:#d9d9d9 url(/images/main/bg_body.png) no-repeat top center;
	position:relative;
}
font {color: inherit !important;margin: inherit !important;padding: inherit !important;font: inherit !important;text-decoration: inherit !important;border: inherit !important;/*background: inherit !important;*/bottom: inherit !important;top: inherit !important;left: inherit !important;right: inherit !important;position: inherit !important;clear: inherit !important;float: inherit !important;height: inherit !important;width: inherit !important;letter-spacing: inherit !important;text-transform: inherit !important;outline: inherit !important;overflow: inherit !important;display: inherit !important;visibility: inherit !important;text-indent: inherit !important;white-space: inherit !important;word-spacing: inherit !important;z-index: inherit !important;text-align: inherit !important;max-height: inherit !important;max-width: inherit !important;min-height: inherit !important;min-width: inherit !important;cursor: inherit !important;}

.clear {
	clear:both !important;
	height:auto !important;
	width:auto !important;
	float:none !important;
}
.nomargin {
	margin:0;
	padding:0;
}
/* Change colors and options for your default on links */
a:link {
	color: #9a1f02;
	text-decoration: underline;
}
a:visited {
	color: #5c1f10;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #ce2700;
}
a:active {
	text-decoration: none;
	outline:none;
}
a:focus {
	outline:none
}
img {
	border: 0;
}
img[align=left] {
	float:left;
	margin: 0 1em .5em 0;
}
img[align=right] {
	float:right;
	margin: 0 0 .5em 1em;
}
img:-moz-broken{
    -moz-force-broken-image-icon:1;
    width:24px;
    height:24px;
  }

h1, h2, h3, h4, h5, h6 {
	
	font-weight:normal;
	color:#b50304;
	padding:5px 0 0 0;
	line-height:130%;
	position: relative;
}
h2 {
	padding-top:15px;
	font-size:1.6em;
}
h3 {
	font-size:1.6em;
}
h4 {
	font-size:1.4em;
}
h5 {
	font-size:1.1em;
}
h6 {
	font-size:1.05em;
}
.right {
	float:right;
}
.left {
	float:left;
}
p, li, td, div.pagination {
	color:#333;
	line-height:140%;
	font-size:1em;
}
li p,
li li,
td p {
	font-size:1em;
}
p + p {
	padding-top:2ex;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
ul {
	margin: 1ex 0 0 2em;
}

table * {
	font-size:1em;
}

hr {
	float:none;
	clear:both;
	width:95%;
	margin:1em auto;
	color:#555;
	border:none;
	border-bottom:1px solid #313131;
	border-top:1px solid #555555;
	
}
hr.light {
	color:#eee;
	border-color:#e1e1e1;
}
div {
	position:relative;
}
#wrapper {
	/* Wraps around the content */
	width:870px;
	background: #231C14 url(/images/main/bg_content.jpg) no-repeat top center;
	margin: 0 auto;
	padding:0 15px 15px;
	position:relative;
	
	min-height:500px;
	
	/* Shadows for modern browsers */
	
	-moz-box-shadow: 0 0 10px #333; /* For shadow effect to work in supported versions of Mozilla */
	-webkit-box-shadow: 0 0 10px #333; /* For shadow effect to work in supported versions of Safari */
	box-shadow: 0 0 10px #333;
}
* html #wrapper {
	height:auto;
}
#fonttest {
	display:none;
}
.border {
	border: 7px solid #ffffff;

}
.error {
	color:#900;
}

/*==================================*/
/*---------- HEADER ----------*/
/*==================================*/
#HeaderStrip {
	width:100%;
	height:5px;
	background-color:#9a1f02;
}
#Header {
	display:block;
	position:relative;
	height:100px;
}

#Logo {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:230px;
	height:90px;
	text-indent:-3000em;
	overflow:hidden;
}
#Nav {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:-15px;
	display:block;
	background:url(/images/main/sprite_header.png) no-repeat 0 0;
	height:90px;
	width:900px;
	list-style:none;
}
#Nav li {
	position:absolute;
	list-style:none;
	top:0;
	left:0;
	height:0;
	width:0;
}
#Nav li ul {
	display:none;
}
#Nav li ul a { display:none; }
#Nav li  a {
	display:block;
	position:absolute;
	height:90px;
	width:80px;
	top:10px;
	left:0;
	text-indent:-3000em;
	overflow:hidden;
	background:url(/images/main/sprite_header.png) no-repeat 0 -300px;
}
#Nav .home a {
	width:360px;
	left:10px;
}
#Nav .home a:hover,
.home #Nav .home a {
	background-position: -10px -110px;
}

#Nav .about a {
	width:85px;
	left:375px;
}
#Nav .about a:hover,
.about #Nav .about a {
	background-position: -375px -110px;
}

#Nav .gallery a {
	width:90px;
	left:465px;
}
#Nav .gallery a:hover,
.gallery #Nav .gallery a {
	background-position: -465px -110px;
}

#Nav .services a {
	width:105px;
	left:555px;
}
#Nav .services a:hover,
.services #Nav .services a {
	background-position: -555px -110px;
}

#Nav .contact a {
	width:95px;
	left:665px;
}
#Nav .contact a:hover,
.contact #Nav .contact a {
	background-position: -665px -110px;
}

#Nav .testimonials a {
	width:125px;
	left:760px;
}
#Nav .testimonials a:hover,
.testimonials #Nav .testimonials a {
	background-position: -760px -110px;
}



/*==================================*/
/*---------- HOME ----------*/
/*==================================*/
#Splash {
	width: 844px;
	margin:0 auto;
	height:364px;
	overflow:hidden;
}
.wide,
.narrow {
	float:left;
	width:317px;
	overflow:hidden;
}
.wide {
	width:520px;
}
#Splash .wide {
	border-right:7px solid #ffffff;
}

.home .callout {
	width:858px;
	margin:18px auto 0;
}
.callout .narrow {
	height:98px;
}

.callout p {
	padding-left:1em;
	color:#ffffff;
	font-size:1.2em;
	font-family:"VegurExtraLight", "VegurRegular", "Myriad Pro", "Arial", sans-serif;
	line-height:150%;
}

/*==================================*/
/*---------- CONTENT ----------*/
/*==================================*/

#sideGraphic {
	position:absolute;
	top:7px;
	left:7px;
}

#copy {
	width:550px;
	height:auto !important;
	height:350px; /* For stupid IE6 */
	min-height:350px;
	background:#ffffff;
	padding:20px 20px 10px 300px;
	
}
#copy .border {
	border-color:#241D15;
	border-width:5px;
}
#calloutAds {
	width:890px;
	margin:0 auto;
	padding:15px 0;
	text-align:left;
}
#calloutAds img {
	margin-right:14px;
}

#newsList {
	position:absolute;
	width:230px;
	top:7px;
	left:7px;
	padding:1.6em 15px;
	min-height:300px;
	background:#A58A60;
}
#newsList ul, #newsList li {
	list-style:none;
	margin:0;
	padding:0;
}
#newsList li {
	padding-bottom:.5em;
}
#newsList a {
	color:#ffffff;
}
#newsList a:hover {
	color:#eee;
}
#newsList .active a {
	color:#9a1f02;
	text-decoration:none;
}

/*==================================*/
/*---------- FORMS ----------*/
/*==================================*/

form b {
	display:block;
	font-weight:normal;
	margin:1em 0;
	
}
form b.clear {
	padding-top:1em;
}
form b span {
	margin-left:-.6em;
	color:#900;
}
form label {
	display:block;
}
form label.error {
	margin:3px 0;
	border:1px solid #900;
	padding:2px 3px;
	width:298px;
}
form b input[type=text],
form b input[type=phone],
form b input[type=email],
form b textarea {
	padding:0 2px;
	border:1px solid #555;
	font-family:"VegurRegular","Myriad Pro", Arial, sans-serif;
	font-size:12px;
	width:300px;
}


form b textarea {
	height:150px;
}



/*==================================*/
/*---------- GALLERY ----------*/
/*==================================*/



/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 510px; 
    height:135px;
	margin:0 auto;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute;
	clear:both;
} 
 
/* single scrollable item */
.scrollable img {
	float:left;
	margin:0;
	background-color:#fff;
	padding:0;
	border:none;
	cursor:pointer;
	width:113px;
	

}

/* active item */
/* active item */ 
.scrollable .active { 
    background-color:#ffffff;
    /* these two settings makes it visible over the mask */ 
    z-index:9999; 
    position:relative; 
}


/* remove margins from the image */ 
.items img { 
    margin:0; 
} 
 
/* make A tags our floating scrollable items */ 
.items a { 
    display:block; 
    float:left; 
    margin:2px 5px;
	padding:2px;
	width:113px;
	height:129px;
	overflow:hidden;
	background-color:#ffffff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}  
 /* scrollable should not disable gallery navigation */ 
#gallery .disabled { 
    visibility:visible !important; 
} 
 
#gallery .inactive { 
    visibility:hidden !important; 
}

 
#galleryWrap {
	position:relative;
	margin-right:-10px;
}
#galleryWrap .nextPage, #galleryWrap .prevPage {
	position:absolute;
	display:block;
	width:25px;
	height:100px;
	top:0;	
	cursor:pointer;
	display:block;
	padding:0;
	margin:0;
	color:#333;
	background:url(/images/main/btn_arrows.png) no-repeat 0 0;
	text-indent:-3000em;
	overflow:hidden;
	z-index:8000;
}

#galleryWrap .prevPage {
	left:0;
}

#galleryWrap .nextPage {
	right:0;
	background-position:0 -100px;
}

/*==================================*/
/*---------- OVERLAY ----------*/
/*==================================*/


/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:10px solid #fff;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	box-shadow: 0 0 90px #000;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	
}




/* the large image. we use a gray border around it */
#img {
	border:none;
	

}

/* "next image" and "prev image" links */
#gallery .next, #gallery .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#333;
	font-size:11px;
	text-transform:uppercase;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#gallery .prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-top-left-radius:0;
}

#gallery .next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
	border-bottom-right-radius:0;
	border-top-right-radius:0;
}

#gallery .next:hover, #gallery .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#333;
	font-size:11px;
	border:none;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
#gallery .next, #gallery .prev, .info, #gallery .close {
	background:#fff !important;
	background:rgba(1, 1, 1, 0.6);		
}

#gallery .close {
	position:absolute;
	display:block;
	cursor:pointer;
	top:0;
	right:0;
	text-decoration:none;
	color:#333;
	padding:5px;
	padding-left:25px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	border:1px solid #666;
	border-width:0 0 1px 1px;
	background:#ffffff url(/images/main/sprite_gallery_button.png) no-repeat -20px -19px !important;
	opacity:0.8;
}



/*==================================*/
/*---------- News Scroller ----------*/
/*==================================*/
.newsBox {
	height:30px;
	width:844px;
	margin:15px auto;
	overflow:hidden;
}
#spotlight {
	display:block;
	height:30px;
	width:168px;
	position:absolute;
	top:0;
	left:0;
	background:#cdcdcd url(/images/main/spotlight.png) no-repeat 0 0;
	text-indent:-3000em;
	overflow:hidden;
}

/* container for slides */
.newsitems {
	position:absolute;
	top:0;
	left:167px;
	height:30px;
	overflow:hidden;
	width:800px;
	margin:0;
	background:#cdcdcd;
	
}

/* single slide */
.newsitems div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:0;
	padding:7px 0 0 15px;
	height:30px;
	width:660px;
	font-size:.8em;
}
.newsitems .readmore {
	float:right;
	padding-right:10px;
}


/* tabs (those little circles below slides) */
.tabs {
	display:none;
}



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

#FootStrip {
	width:100%;
	height:5px;
	background-color:#9a1f02;
}

#Footer {
	width:100%;
	height:150px;
	padding:20px 0;
	background:url(/images/main/bg_footer.jpg) repeat-x left center;
	border-top:1px solid #69726a;
	text-align:center;
	

}

#Footer a, #Footer p {
	font-size:.9em;
	color:#403526;
}
#Footer div {
	margin:10px auto;
	text-align:left;
	width:320px;
	font-size:.9em;
}

#Footer div img {
	
	float:left;
}
.powered {
	color:#403526;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size:.65em;
}