/*** RedSprocket colors ***/
#wrapper 
{
	width: 1000px;
	margin: 0 auto;
	background: transparent url('../imgs/bg_shadow.gif') repeat-y center top;}
	
body { background:#000; background-image: url('../imgs/bg_tl.gif'); }
	
a { color:#ab0b0b; text-decoration:none;}
a:hover { color:#390707;}

#navigation { border-bottom:1px solid #390707; }
#navigation a:hover { background:#390707; color:#fff;}

.sf-menu ul { border:1px solid #390707; background-color:#000;}
.sf-menu a { border-left:1px solid #750704; border-right:1px solid #390707;}
.sf-menu ul a { border-bottom:none;}
.sf-menu ul a.top { border-top:none;}
.sf-menu ul a.bottom { border-bottom:none;}
.sf-menu ul a:hover { background:#000 !important; color:#390707 !important; }

/* visited pseudo selector so IE6 applies text colour*/
.sf-menu a,
.sf-menu a:visited  { color:#fff;}
.sf-menu li li { background:#390707;}
.sf-menu li li li { background:#390707;}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active { background:#390707;}

.sf-menu ul li:hover,
.sf-menu ul li.sfHover a.item,
.sf-menu ul a:focus,
.sf-menu ul a:hover,
.sf-menu ul a:active { background:#710707; color:#ab0b0b !important; border-bottom-color:#710707; border-top-color:#710707;}

#slider-content { position:relative; z-index:100; overflow:hidden; clear:both;}

.red-block { color:#fff; border-top:1px solid #000; overflow:hidden; clear:both;}
.red-block a { color:#CC0000; text-decoration: none;}
.red-block a:hover { color:#CC0000;}

#main-content { background:#eee; border:1px solid #ddd;}

.jFlowSelected { color:#b4b4b4 !important;}

.gallery-block { background:#000; border:1px solid #e3e3e3;}
.gallery-block li a { border:1px solid #b4b4b4;}
.gallery-block li a:hover { border:1px solid #550a0a;}

#main-content .left { background:#fff; border-right:1px solid #999;}
#main-content .right { background:#eee;}
	
#main-content ul { color:#333;}
#main-content .right ul { color:#6c0c0c !important;}

#main-content h2 { color:#6c0c0c; border-bottom:1px dotted #999;}
#main-content h3 { color:#390707;}

#main-content p { color:#666;}
#main-content .right p { color:#666 !important;}
#main-content p.intro-text { color:#333;}

#main-content a { color:#6c0c0c;}
.portfolio-entry { border-top:1px dotted #999;}

.textbox { border:1px solid #C7B998; color:#888;}
.textarea { border:1px solid #C7B998; color:#888;}
.button { background:#336A93; color:#FFF; border:1px solid #0E3B65;}

#footer { border-left:1px solid #370707; border-right:1px solid #370707; color:#FFF; border-top:1px solid #000; background:#390707;}
#footer a { color:#FFF;}
#footer a:hover { color:#FFF;}

/*** ----------------------------------------- ***/
/*** END COLORS ------------------------------ ***/

/* --------------------------------------------- */
/* Main Styles --------------------------------- */

body { font-size:11px; text-decoration:none; font-family:Verdana, "Helvetica", arial, sans-serif; margin:0; padding:0;}
a:active, a:focus { outline:none;}
a { text-decoration:none;}
a:hover { color:#570400; text-decoration:underline;}
#content { width:980px; margin:0 auto; background:#fff;}
.clear { clear:both; display:block;}
img { border:none;}	
.img-left { float:left; margin:0 20px 5px 0;; position:relative; top:5px;}
.img-right { float:right; margin:0 0 5px 20px; position:relative; top:3px;}
	
	
/* --------------------------------------------- */
/* Header/Logo --------------------------------- */
	
#header { position:relative; width:980px; height:126px; background:#000 url('../imgs/header_bg.jpg') no-repeat;}
#header h1 { width:336px; height:126px; margin:0; padding:0; position:absolute; top:0px; left:12px;}
#header h1 a { text-indent:-2000px; display:block; background:url('../imgs/logo.gif') no-repeat; width:350px; height:126px;}
#header .contact-info {color:#fff; text-align:right; font-size:12px; width:500px; height:50px; position:absolute; right:23px; bottom:26px;}
#header .contact-info em { color:#fff; font-family:Tahoma, Helvetica, arial, sans-serif;}
#header .contact-info small { color:#ab0b0b; display:block; margin:0; padding:0; font-size:12px;  line-height:18px;}
#header .contact-info a { text-decoration:none;color:#cc0000;}
#header .contact-info a:hover { text-decoration:none;color:#cc0000;}

/* --------------------------------------------- */
/* Navigation ---------------------------------- */

#navigation {
	font-family: Arial, sans-serif, Tahoma;
	font-size: 17px;
	font-weight:bold;
	position:relative;
	z-index:2000;
	width:980px;
	height:43px;
	background:url('../imgs/nav_bg.gif') repeat-x;
	background-color:#3E0505;}

#navigation a.first { border-left:none;}
#navigation a.last { border-right:none;}
#navigation a:hover { text-decoration:none;}
	
	/* RedSprocket STYLESHEET ---------------------------------- */
	.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none;}
	.sf-menu { line-height:1.0;}
	.sf-menu ul { position:absolute; top:-999em; width:12em;}
	.sf-menu ul li { width:100%;}
	
	/* fixes IE7 'sticky bug' */
	.sf-menu li:hover { visibility:inherit;}
	
	.sf-menu li { float:left; position:relative;}
	.sf-menu a { display:block; position:relative;}
	
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul { left:0; top:2.4em; /* match top ul list item height */ z-index:99;}
	
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul { top:-999em;}
	
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul { left:12em; top:-0.1em;}
	
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul { top:-999em;}
	
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul { left:12em; top:-0.1em;}
	/*** ---------------------------------------------------------------------------------- ***/
	
	/* Dropdown styles */
	.sf-menu {margin: 0;font: 500 12px arial, san-serif, Tahoma;}
	.sf-menu a { text-transform:none;font-size:12px; padding:11px 20px 11px 20px; text-decoration:none;}
	.sf-menu ul a { background:none; cursor:pointer; text-transform:none; border-left:none; border-right:none; padding:10px 10px 10px 10px; text-decoration:none;}
	
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0;}

	.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */;}
	.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../imgs/arrows.gif') no-repeat -10px -100px;} 
	
	.sf-sub-indicator {  /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/;}
	
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px;}
	
	.sf-menu ul .sf-sub-indicator { background-position: -10px 0;}
	.sf-menu ul a > .sf-sub-indicator { background-position: 0 0;}
	
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0;}


/* --------------------------------------------- */
/* Slider Area (JFLOW) ------------------------- */	

#slider-content {
	width:980px;
	height:357px;
	position:relative; 
	z-index:100;
}

#myController { display:none;}
#mySlides img { display:block; margin:0; background:#000;}

.red-block {display:block !important;text-align:center;  padding:15px 0 0 0; font-size:12px; font-family:Verdana; width:980px; height:45px; background-color:#fff; background:url('../imgs/mainHeader_bg.gif'); }
.red-block a { text-decoration:none !important;}
.red-block a:hover { text-decoration:underline !important;}
.red-block.small { font-size:12px !important; height:48px !important;}

.jFlowPrev, .jFlowNext { cursor:pointer; display:block !important; width:73px; height:43px; text-indent:-5000px; position:absolute; overflow:hidden;}

.jFlowPrev {bottom:0 !important; left:0 !important; background:url('../imgs/button_left.gif') no-repeat;}
.jFlowNext {bottom:0 !important; right:0 !important; background:url('../imgs/button_right.gif') no-repeat;}

.jFlowControl { cursor:pointer;}
.jFlowSelected { text-decoration:underline !important;}

.gallery .jFlowPrev { top:0 !important; left:0; }
.gallery .jFlowNext { top:0 !important; right:0; }
.gallery { border-bottom:none; height:510px !important;}

.gallery-block {
	width:948px;
	height:468px;
	padding: 10px;
	background-color:#fff;
	overflow:hidden; 
	}
	
.gallery-block ul { list-style:none; margin:0 0 10px 0; padding:0; width:950px; height:133px; display:block;}
.gallery-block ul.bottom { margin:0;}
.gallery-block li { display:block; margin:0 12px 0 0; padding:0; width:178px; height:133px; float:left;}
.gallery-block li.last { margin:0;}
.gallery-block li a { display:block; width:178px; height:133px;}
.gallery-block li img { display:block; width:178px; height:133px; margin:0;}


/* --------------------------------------------- */
/* Main Homepage Content ----------------------- */

#main-content {
	width:936px;
	padding:20px;
	border-bottom:none;}
	
#main-content.subpage { border-top:none;}
	
#main-content .left {
	width:655px;
	margin:0;
	padding:15px;
	float:left;}
	
#main-content .right {
	width:219px;
	margin:0;
	padding:15px;
	float:left;
	background:#ddd;
	height: 100%;
	}
	
#main-content ul { margin:0 0 0 15px; padding:0 0 0 10px; line-height:18px; font-size:12px; list-style-image: url('../imgs/li_bullet.gif'); list-style-position: outside;}
#main-content li {list-style:none; margin-bottom: 10px;}
#main-content h2 { color:#222; font-size:18px; font-weight:500; margin:0; padding:0 0 5px 0; font-family:Tahoma,Verdana, "Helvetica", arial, sans-serif;}
#main-content h2 strong, #main-content h2 b { font-weight:600;}
#main-content h3 { font-size:16px; font-weight:normal; margin:0; padding:5px 0 0 0; font-family:Tahoma,Verdana, "Helvetica", arial, sans-serif;}
#main-content p {color:#666666; padding:0; margin:15px 0; font-size:11px; line-height:18px;}
#main-content p.intro-text { color:#666666; margin:15px 0 20px 0; font-size:14px; font-weight:bold; line-height:20px;}

/* --------------------------------------------- */
/* Portfolio Page ------------------------------ */

.portfolio-entry { clear:both; padding:5px 0 0 0; margin:8px 0 0 0;}


/* --------------------------------------------- */
/* Contact Form -------------------------------- */

form { margin:0; padding:0;}
label { display:block; float:left; width:250px; margin:0 0 10px 0;}
.textbox { display:block; padding:5px; float:left; width:200px; margin:0 0 10px 0; font-family:Verdana, "Helvetica", arial, sans-serif; font-size:12px;}
.textarea { display:block; float:left; width:250px; height:100px; padding:8px; font-family:Verdana, "Helvetica", arial, sans-serif; font-size:12px; margin:0 0 10px 0;}
.button { background: #390707; color:#fff; font-weight:bold; padding:5px 8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; width:180px; display:block; clear:both; margin:10px 0 0 0; position:relative; left:250px;}


/* --------------------------------------------- */
/* Footer ----------------------- */

#footer { position:relative; font-size:11px; width:938px; margin:0 auto; padding:20px; color:#ee0f0f;}
#footer a { color:#ee0f0f; text-decoration:underline;}
#footer a:hover { color:#fff; text-decoration:none;}
#footer span { position: absolute; right:10px; top:20px; color:#ee0f0f;}