/* 
	CSS Documents 
	Description: Red maroon Gold Secret Weapon Template
	Author: Edwin A. Lopez
	URI: http://www.elopez.co.cc
	
*/



body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }


/* ------------------- PAGE LAYOUT ------------------- */

#wrapper {
	margin: 0 auto 10px;
	overflow: hidden;
	padding-bottom: 36px;
	width: 960px;
}

#header {
	float: left;
	height: 140px;
	width: 960px;
}
#header .left { width: 545px; height: 125px; margin:0; padding: 0; float: left; background: url(images/headerleftbg.jpg) no-repeat right center; }
#header .right { background: #a30909 url(./images/press.jpg) no-repeat bottom left; width: 382px; height: 118px; margin: 15px 0 0 0; padding: 0; float: right; /*border: 2px dashed  #c79b1e; */}

#footer { 
 	clear: both;
 	position: relative;
 	z-index: 10;
 	height: 40px;
 	margin: -40px auto 0 auto;
	width: 100%; 
}
.bottom {width: 960px; margin: 0 auto; }
.bottom .l  {float: left; width: 220px; }
.bottom .r  { text-align: right; float: right; width: 545px; }
.bottom .r a{ font-size: 90%;  color: #6b0000; text-decoration: none;}
.bottom .r a:hover {text-decoration: underline;}
/* MARGINS 
 * 
 *  Use for example <div class="margin-20">Content...</div>
 *  
 *  */

.inner-10 { margin: 10px; }
.inner-20 { margin: 20px; }
#topColumn { float: left; width: 960px; height: 240px; background: url(images/topbg.jpg) no-repeat center; border: 0px solid #fff;}
#mainColumn { float: left; width: 670px; }
#rightColumn { float: left;	width: 290px; }
#rightColumn .fb {width: 272px; height: 290px; margin: 0 0 15px 0; padding: 0; background: #fff;}
#box { background-image: url(images/box_bg.jpg); background-repeat: no-repeat; width: 960px; clear: both;  margin: 1px 0 0 0; padding: 6px 0 0 0; float: left; height: 142px;  color: #fefefe; border-top: 1px dashed  #c79b1e; border-bottom: 1px dashed  #c79b1e; }
#box a, #box a:link { 
	color: #fff; 
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none; 
}
#box a:hover { color: #ffc; text-decoration: underline; }

/*	Contacts	*/
.contact_wrap{
	float: left;
	margin: 2px 0 10px 0; padding: 5px 0 5px 0;
	width: 999px;
	
	background: transparent; /* url(images/contactbg.jpg) no-repeat top;*/
}		
.contact_more{
	float: left;
	margin: 0; padding: 2px 0 8px 0;
	width: 480px;
	background: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}	
.contact_more p { padding-top: 8px; margin: 0; font-size: 11px; }
.contact_more b { padding-top: 8px; margin: 0; font-size: 0.9em; color: #444; font-weight: bold; }
.contact_more a{ margin: 0; padding: 0; color: #cd5c5c; font-size: 0.8em; font-weight: bold; background: #f5f5f5;}

.news { float: left; width: 200px; margin: 0; padding: 0;  }
.news strong{
	color: #ffd600;
	background: url(images/newsicon.gif) no-repeat left 50%;
	margin: 0;
	padding: 5px 0 0 48px;
}	
.news img { margin: 5px 0 0 15px; }
.contact { 
	float: left; 
	width: 300px; 
	background: none; 
	margin: 0 2px 0 0px;  
}
.c { 
	color: #444; 
	padding: 1px 0 10px 10px; 
}
.c a{ 
	color: #333;
	text-decoration: underline;
}	
.c a:hover{ 
	color: #000;
	text-decoration: none;
}
.c p { padding-top: 8px; margin: 0; font-size: 12px; color: #fff; }
.c em{
	margin: 2px;
	padding: 0;
	color: #069;
	font-size: 1.1em;
	font-weight: bold;
	background: none;
}
.c strong{
	color: #ffd600;
	background: url(images/office.gif) no-repeat left 50%;
	margin: 0;
	padding: 5px 0 0 20px;
}	
/*	End Contacts	*/

#scroller{ margin: 95px 10px 0 30px; padding: 0; width: 360px; height: 22px; }

#scroller a{padding: 0 0 0 15px; text-decoration: none; color: #F9C32B; font-size: 12px; font-weight: bolder; background: url(images/bullet.jpg) no-repeat left;}
#scroller a:hover{ color: #fff; font-weight: bolder; text-decoration: none;}
.someclass{ }


#photogallery {float: left; width: 670px; }
#photogallery  p {font-size: 11px; text-align: center;}
#photogallery .one {float: left; width: 210px; border: 1px solid #6b0000;}

/* ------------------- NAVIGATION ------------------- */

/* NAVIGATION TOP */

#navTop { float: left; width: 100%; height: auto; font: normal 100%/1.35em georgia,serif;}

#navTop ul { margin: 0;	padding: 0 0 0 10px; }

#navTop li {
	display: inline;
	float: left;
	list-style: none;
	line-height: 3em;
	
}

#navTop li a { display: block; padding: 0 12px; text-decoration: none; }

/* NAVIGATION RIGHT */

#navRight {	margin: 0 0 16px 0; }
#navRight ul { margin: 0; padding: 0; }
#navRight li { list-style: none; }

#navRight li a {
	
}

#navRight li a:hover {
	
}

/* ------------------- BACKGOUNDS AND COLORS ------------------- */

body { background: #6B0000 url(images/bg.jpg)repeat-x 0% 200px; color: #fff;}

#wrapper { background-color: #6B0000; }

#header { background-color: #6B0000; }

#navTop { background: url(images/nav_bg.jpg) no-repeat left bottom; }
#navTop li a { color: #fff;	font-weight: bold; }
#navTop li a:hover { background-color: #E6E6E6; color: #000; }
#navTop li a.active {background-color: #fff; color: #000;}

#navRight li a { color: #000; font-weight: bold; }
#navRight li a:hover {color: #666; }

#mainColumn { background-color: #A30909; }
#rightColumn { background: #26446D; }
#rightColumn p{ color: #F5CE2F; font-size: 12px; }
#footer { background: url(images/footer.jpg)repeat-x bottom; color: #fff; }

blockquote { border-left: 8px solid #808080; color: #00e; }

a { color: #999; }
a:hover {  }

/* ------------------- SITE STYLES ------------------- */

body { 	font: normal 95%/1.3em Arial, Helvetica, Sans-Serif; }

#footer { font-size: 0.8em; line-height: 3em; text-align: center; }

h1, h2, h3, h4, h5, h6 { line-height: 1.1em; margin: 0 0 16px 0; }
h1 { font-size: 5em; font-style: italic; letter-spacing: -3px; }
h2 { font-size: 2.3em; letter-spacing: -2px; text-transform: uppercase; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

p, ol, ul, table, form { font-size: 0.9em; margin: 0 0 16px 0; }

blockquote {
	color: #00e;
	font-size: 1.3em;
	letter-spacing: 1px;
	line-height: 1em;
	margin: 0 16px;
	padding-left: 8px;
}

ol { margin-left: 38px; }
ul { margin-left: 32px; }

hr { 
	width: 100%; 
	height: 1px; 
	color: #fff; 
	border: none;
}

html>body hr { 
	margin: 16px 0;
	width: 100%; 
	height: 1px;
	background-color: #fff; 
	border: none; 
}

a { color: #F5CE2F; text-decoration: none; }
a:hover { text-decoration: none; }

/* ------------------- CLASSES ------------------- */

/* Carousel ---*/
.stepcarousel{
	float: left;
	position: relative; 
	overflow: auto; 
	width: 958px; 
	height: 240px; 
	margin: 0 auto;
}

.stepcarousel .belt{
	position: absolute; 
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; 
	overflow: hidden; 
	margin: 0px; 
	width: 958px; 
	color: #fff;
	
}
.stepcarousel .panel ul{ margin-top: -4px;  list-style: square; }
.stepcarousel .panel li a{ color: #fff; margin: 0; padding: 2px 0 0 2px; font-size: 0.9em; text-decoration: none;}
.stepcarousel .panel li a:hover{color: #ffc; text-decoration: none;}

.floatLeft { float: left; }
.floatRight { float: right; }

.margin-t8{margin-top: 8px;}
.margin-8{margin-left: 8px;}

img.floatLeft { float: left; margin: 5px 10px 0 0; }
img.floatRight { float: right; margin: 5px 0 0 10px; }
img.border { border: 1px solid #000; padding: 4px; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }