* /*Sets border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
}
body, html {
color: #000;
font-family: Arial, Helvetica, sans-serif;
background: #FFFFFF url(../IMG/bkg_imageking.gif) top center repeat-x;
text-align: center;
height: 100%;
}
body {
font-size: 10px;
line-height:16px;
}
p {padding: 5px 0 5px 0;}

a {
color: #8e0e1b;
text-decoration: underline;
}
a:hover{
color: #999;
text-decoration: none;
}

.photo a {
text-decoration: none;
}
.photo a:hover{
text-decoration: none;
}

.redEmphasis {
color: #8e0e1b;
font-weight: bold;
}

.hidden { visibility: hidden;}

h1, h2, h3, h4 {
font-weight: normal;
}
h1 {
font-size: 1.5em;
}

h2 {
font-size: 1.3em;
color: #8e0e1b;
width: 571px; height: 45px; padding: 0px;
text-indent: -10000px;
font-size: 9px;
}

#HomePage h2 {background: url(../IMG/H2_DesignInnov.jpg) top left no-repeat;}
#AboutPage h2 {
	background: url(../IMG/H2_About.jpg) top left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
#PortfolioPage h2 {background: url(../IMG/H2_RecentWork.jpg) top left no-repeat;}
#ContactPage h2 {background: url(../IMG/H2_Contact.jpg) top left no-repeat;}
#SPECSPage h2 {background: url(../IMG/H2_Specs.jpg) top left no-repeat;}
#testimonialsPage h2 {background: url(../IMG/H2_testimonials.jpg) top left no-repeat;}
#awardsPage h2 {background: url(../IMG/H2_awards.jpg) top left no-repeat;}

h3 {
	font-size: 14px;
	color: #818285;
	font-weight: bold;
	text-decoration: none;
	margin: 15px 0 0 0;
}

h4 {
	font-size: 12px;
	color: #8e0e1b;
	font-weight: bold;
	text-decoration: none;
	margin: 5px 0 0 0;
}

.clear { clear: both; }

#mainContainer {
width: 800px;
margin: 0 auto;
background-color: #ffffff;
min-height: 100%;
text-align: left;
}
* html #mainContainer {
height: auto;
}

.style1 {
font-family: Tahoma, Arial, sans-serif;
	font-size: 10pt;
	line-height: 11pt;
	font-weight: bold;
}
.style2 {
font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	line-height: 8pt;
	font-weight: normal;
}

/**************************
HEADER
**************************/
#header {
height: 115px;
width: 800px;
margin: 0 auto;
position: relative;
}

#HomePage #header{background: url(../IMG/Header_bkg.jpg);}
#AboutPage #header{background: url(../IMG/Header_bkg6.jpg);}
#PortfolioPage #header{background: url(../IMG/Header_bkg8.jpg);}
#ContactPage #header{background: url(../IMG/Header_bkg7.jpg);}
#SPECSPage #header{background: url(../IMG/Header_bkg9.jpg);}
#testimonialsPage #header{background: url(../IMG/Header_bkg6.jpg);}
#awardsPage #header{background: url(../IMG/Header_bkg6.jpg);}


#header h1 {
	width: 223px;
	height: 115px;
	padding: 0px;
	background: transparent url(../IMG/logo.gif) top left no-repeat;
	text-indent: -10000px;
	font-size: 9px;
	float: left;
}
#header h1 a {
	width: 223px; height: 115px; display: block;
}




#menubox {
position: absolute;
width:800px;
height: 115px;
bottom: 0;
left: 0;
background-color:#8e0e1b;
}

/**************************
CONTENT AND COLUMNS
**************************/
.outer {
width: 800px;
margin: 0 auto;
padding:0;
background-color: #ffffff;
border-top: 4px solid #ffffff;
}
* html .outer {
padding-right: 0px;
}
.inner {
width: 800px;
margin: 0 auto;
padding-bottom: 46px;
}
* html .inner {
width: 800px;
}
.float-wrap {
float: left;
width: 800px;
margin-left: -0px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}

#content {
	float: right;
	width: 571px;
	height:100%;
	font-size: 13px;
}

* html #content {
position: relative;  /*** IE needs this  ***/
}

.contentWrap {
padding: 0 0 10px 10px;
}


.float_left {
	float: left;
	padding-right: 5px;
	}
	
.photo_right {
	float: right;
	clear: right;
	padding: 5px 5px 10px 5px;
	}
	
.photo_left {
	float: left;
	padding: 5px 20px 5px 0px;
	}
	
	
#slideshow{
	width:571;
	height: 401px;
	background-color:#8e0e1b;
	border-right: 4px solid #FFF;
}

/**************************
LEFT COLUMN
**************************/
#left {
float: left;
width: 225px;
height:401px;
min-height:401;
background: #8e0e1b;
border-right: 2px #FFF solid;
color: #fff;
}
* html #left {
position: relative;  /*** IE needs this  ***/
}
#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
}

#left em {
color: #d8cf8a;
font-weight:bold;
font-style:normal;
}

.leftcontent {
min-height:500px;
padding: 0;
}

.leftcontent a{
color: #d8cf8a;
}

.leftcontent h2{
margin: 2px 0 12px 0;
color: #fff;
font-size:16px;
line-height:15px;
}

form {
margin: 0;
padding:0;
}

form label {
font-weight:bold;
}

form label.required {
color:#154b7c;
font-weight:bold;
}
	
/*************************
RIGHT COLUMN
**************************/
#right {
float: right;
width: 1px;
height: auto;
}
* html #right {
position: relative;  /*** IE needs this  ***/
margin-right: 0px; /*** IE gets this margin. ***/
}
#right ul {
list-style: none;
padding-bottom: 0px;
}
#right li {
padding-bottom: 0px;
}


/**************************
FOOTER
**************************/
#footer {
width: 800px;
height: 25px;
margin: 0 auto;
margin-top: -30px;
padding:9px 0 5px 0;
text-align: right;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:14px;
border-top: 4px solid #8e0e1b;
}

#footer a:link, #footer a:active, #footer a:visited, #footer a:hover { 
	color: #8e0e1b;
	text-decoration: none;
}

#footer a:hover { 
	color: #630a13;
	text-decoration: none;
}