/********
 CSS layout by MIR: ramir@flairemedia.com
 ********
 */

/*** standard site definitions ***/

body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(../images/bg_maroon.jpg) repeat-y;
	background-color: #FFE8DD;
	
}

a {
	color: #990000;
	text-decoration: underline;
} 
a:visited {
	color: #990000;
	text-decoration: underline;
} 
a:hover {
	color: #FF0000;
	text-decoration: none;
}


/* load logo and nav */
#pagewrapper {
	width: 1000px;
	height: 200px;
	background: url(../beta/images/bg_wrapper.jpg) no-repeat;
}

#logoheader {
	position: absolute;
	z-index: 1;
	overflow: visible;
	width: 1060px;
	height: 150px;
	display: inline;
	left: 0px;
}

#leftnav {
	position: absolute;
	top: 165px;
	z-index: 1;
	font-size: 10px;
	font-weight: normal;
	width: 200px;
	height: 215px;
	background-color: #660000;
	left: 0px;
	
}

/* load banner photo */
#banner {
	position: absolute;
	left: 50%;
	z-index: 1;
	overflow: visible;
	top: 86px;
	width: 751px;
	height: 279px;
	margin-left: -405px;
}
#mainnav {
	position: absolute;
	left: 50%;
	z-index: 1;
	overflow: visible;
	top: 5px;
	width: 180px;
	height: 269px;
	margin-left: 180px;
}
#mainnav img {
	border-width: 0px;
	border-style: none;
	padding-top: 5px;
}

#about 		#banner { background: url(../images/banner_abt.jpg) no-repeat; }
#products	#banner { background: url(../images/banner_tpl.jpg) no-repeat; }
#contacts	#banner { background: url(../images/banner_con.jpg) no-repeat; }
#news 		#banner { background: url(../images/banner_home.jpg) no-repeat; }
#misc 		#banner { background: url(../images/banner_home.jpg) no-repeat; }
#page7 		#banner { background: url(../images/banner_home.jpg) no-repeat; }

#home #banner {
	top: 86px;
	width: 751px;
	height: 279px;
	margin-left: -405px;
	background: url(../images/banner_home.jpg) no-repeat;
}

/* colors */
body, input, textarea, select {
	color: #575546;
}



/* site navigation */
#topnav {
	position: absolute;
	top: 63px;
	z-index: 1;
	right: 149px;
	font-size: 10px;
	font-weight: normal;
	width: 372px;
	height: 20px;
	left: 47%;
}
#topnav span {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
#topnav a:link {
	color:#CCCCCC;
	text-decoration: underline;
}
#topnav a:hover {
	color:#FF0000;
	text-decoration: none;
}
#leftnavfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	margin-right: 10px;
	color:#FFF;
}

#leftnavfont a{
	color:#FFF;
	text-decoration: none;
}
#leftnavfont a:hover{
	color: #FFCC00;
	text-decoration: underline;
}

/* wrappers */
#wrapper {
	width: 1060px;
	margin: 0px auto;
	min-height: 100%;
}

#content {
	position: absolute;
	z-index: 1;
	overflow: visible;
	top: 150px;
	width: 840px;
	min-height: 500px;
	left: 214px;
	background-color: #FFE8DD;
}
* html #wrapper {
	height: 100%;
}

* html #content {
	height: 100%;
	overflow: visible;
}
/* fix 100% height in firefox */
/* clear all useless padding and margins */
* {
	margin: 0px;
	padding: 0px;
}

img {
	border-width: 0px;
	border-style: none;
}
/* float bug fix */
/* taken from http://positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}




/* HTML tags*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #333333;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #333333;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	padding-bottom: 10px;
}
h4 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
}
ol{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-left: 25px;
}
ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-left: 25px;
}
hr {
	margin-top: 25px;
	margin-bottom: 25px;
}
	
/* body content */

#leftnav img{
	padding-bottom: 3px;
}

#lead {
	width: 550px;
	margin-left: 10px;
	padding-bottom: 30px;
}
#lead p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 5px;
}
#lead img{
	padding-right: 8px;
}

#sublead {
	width: 510px;
	margin-left: 10px;
	margin-bottom: 20px;
	min-height: 200px;
}
#sublead p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 5px;
}
#sublead img{
	padding-right: 20px;
}
#sublead ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-left: 25px;
}

#sublead2 {
	width: 510px;
	margin-left: 10px;
	margin-top: 10px;
}
#sublead2 p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 5px;
}
#sublead2 img{
	padding-right: 20px;
}
#sublead2 ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-left: 25px;
}

#rightbar{
	position: absolute;
	left: 600px;
	z-index: 1;
	overflow: visible;
	top: 3px;
 	display: block;
	width: 190px;
	background: #FFE8DD;
	
}
#rightbar img{
	padding-right: 0px;
}
#rightbar p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin-top: 5px;
}
#rightbar ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-left: 25px;
}

.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.tabledata {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
}
.tabledata td{
	padding-top: 3px;
}
.bread {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	color:#333;
}
.bread a:hover {
	color: #FF0000;
	text-decoration: none;
}

/* footer */

#footer {
	width: 90%;
	height: 20px;
	position: relative;
	margin-left: 5px;
	float: left;
	bottom: 10px;
	/*background: url(../images/bg_footer.jpg) repeat-x;*/
	
}

#footer span {
	margin-bottom: 1px;
	/*margin: auto 0;*/
	position: relative;
	display: inline;
	top: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: right;
	
}
#footer a:link, a:visited, a:active {
	color: #333333;
	text-decoration: underline;
} 
#footer a:hover {
	color:#FF0000;
	text-decoration: none;
}


/* contact form classes*/

#fcf2 {
font-family:arial;
font-size:11px;
margin:5px;
border:1px solid #48771B;
background-color:#ECDBA7;
width:450px;
}
#fcf2 h3 {
font-size:1.5em;
background-color:#3D5686;
color:#FFFFFF;
font-weight:bold;
padding:4px;
margin:0px;
}
#fcf2 p {
text-align:center;
padding:8px;
}
#fcf2 em {
color:#F00;
}
#fcf2 div.r {
clear: both;
padding-top: 5px;
background-color:#ECDBA7;
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
}
#fcf2 span.f {
float: right;
width: 335px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:bold;
}
#fcf2 input, #fcf2 textarea {
background: #FFF;
border:1px solid #000;
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid #3D5686;
}