﻿html, form{
height:100%;
}

body {
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#ffffff;
height:100%;
background:url(../Images/WhiteContentBackground.jpg);
background-repeat:repeat-y;
}





ol{
margin-bottom: 10px;
margin-left: 35px;
list-style-type: decimal;
list-style-position:outside;
color:#6a747c;
}

ol li{

}

ul{
margin-bottom: 10px;
margin-left: 35px;
 list-style-type:square;
list-style-position:outside;
color:#6a747c;
}

ul li{

}

img {border:none; }

a:visited
{
color: #959ca1;
text-decoration: underline;
}


a {color: #959ca1;
text-decoration: underline;
line-height: 11pt;
}

a:hover {
color: #484848;
text-decoration: underline;
line-height: 11pt;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}


h1 {
font:16px/20px Verdana, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	color:#000;
	margin-top: 0px;
	margin-bottom: 10px;

}

h2 {
	font-size: 13px;
	color:#db0807;
	margin-top: 0px;
	margin-bottom: 4px;
 font-weight:bold;
 line-height:13px;
}


h3 {
	font:16px/20px Verdana, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	color:#000;
	margin-top: 0px;
	margin-bottom: 10px;
border-left: 10px solid #aeaeb6;
border-right: none;
display:block;
height:20px;
padding-left:8px;
}

p {
font:12px/1.5em Verdana, Arial, Helvetica, sans-serif;
color:#6a747c;
margin-bottom: 10px;
}

.body{
font:12px/1.5em Verdana, Arial, Helvetica, sans-serif;
color:#6a747c;
}


.italic{
font-style:italic;
}

.bold{
font-weight:bold;
color:#da3721;
}




.container
{
text-align:left;
vertical-align:top;
width:1028px;
height:100%;
display:block;
margin:0px 0px 0px 0px;
}

.popout1{
position:absolute; 
margin:175px 0px 0px 160px;
padding:0px 0px 0px 0px;
width:340px;
height:170px;  
z-index:1; 
visibility: hidden;
text-align:left;
}








.popoutpadding{
margin:0px 0px 0px 0px;
padding:20px 0px 0px 50px;
width:550px;
height:445px;
}

.popoutpaddingbig{
margin:0px 0px 0px 0px;
padding:20px 0px 0px 50px;
width:550px;
height:576px;
}

.popoutpaddingsmall{
margin:0px 0px 0px 0px;
padding:20px 0px 0px 50px;
width:300px;
height:160px;
}

.popouticonfloat{
float:left;
Padding-right:15px;
}


.productbottomimage{
float:left;
padding-left:10px;
margin-right:10px;
margin-top:0px;
text-align:left;
}

.header
{
 text-align:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:1028px;
height:128px;
vertical-align:top;
background:url(../Images/WhiteHeader.jpg);
background-repeat:no-repeat;
}







.homelink{
position:absolute;
margin:0px 0px 0px 10px;
width:275px;
height:50px;
}


.homelink a{
display:block;
width:275px;
height:50px;
}




/* Two fixes for the float parent container fix. One is used below the :after the next is adding overflow:auto; to the container div */

.contentcontainer
{
text-align:left;
padding:0px 0px 0px 0px;
width:1028px;
margin:0px 0px 0px 0px;
vertical-align:top;

}

.contentcontainer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    width:1028px;
    visibility: hidden;
}


.leftcolumn
{
vertical-align:top;
float:left;
width:300px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.leftcolumncontent{
margin:10px 0px 0px 30px;
width:260px;
}

.leftheader{
width:260px;
}

.leftheader span{
display:block;
margin:2px 0px 10px 25px;
font:14px/1.3em Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}


.leftcontentbox{
width:260px;

}

.leftcontentbox p{
width:260px;
display:block;
margin:2px 5px 0px 15px;
font:10px/1.3em Verdana, Arial, Helvetica, sans-serif;
color:#6a747c;
}

.leftcontentbox p a{
color:#6a747c;
}


.leftcontentbox ul{
width:260px;
margin:2px 0px 0px 10px;
font:10px/1.3em Verdana, Arial, Helvetica, sans-serif;
list-style-type:square;
list-style-position:outside;
color:#6a747c;
}

.leftcontentbox ul li{
margin:0px 0px 0px 20px;
}



.leftbreaker{
width:260px;

}



.rightcolumn
{
vertical-align:top;
float:right;
width:728px;
}



.rightcolumncontent
{
margin:0px 0px 0px 0px;
padding:10px 0px 0px 15px;
width:700px;
}

.largeportfolioimages{
width:100%;
text-align:center;
}

.largeportfolioimages img{
border:solid #CCCCCC thin;
}


.SubColumnleft{
float:left;
width:250px;
padding:0px 10px 0px 0px;
}


.SubColumnright{
float:left;
width:250px;
padding:0px 0px 0px 10px;
}

.portfoliolists h1{
display:block;
margin:45px 0px 10px 38px;
border-bottom:solid #CCCCCC thin;
text-align:center;
width:630px
}

.portfoliolists ul{
list-style-image:none;
list-style:none;
padding:0px 0px 0px 0px;
display:block;
}


.portfoliolists ul li{
float:left;
border:solid #CCCCCC thin;
padding:5px 5px 5px 5px;
list-style-image:none;
list-style:none;
display:block;
}


.lefthandimagenav ul{
list-style-image:none;
list-style:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px -10px;
display:block;
width:250px;
}


.lefthandimagenav ul li{
float:left;
border:solid #CCCCCC thin;
padding:2px 2px 2px 2px;
list-style-image:none;
list-style:none;
display:block;
width:25px;
height:25px;
}

.lefthandimagenav ul li a img{
display:block;
width:25px;
height:25px;
}

.floatleft{
float:left;

}

.floatright{
float:right;
}

.break{
clear:both;
}





.linebreakfull{
height:1px;
background-color:#ffffff;
width:100%;
text-align:center;
margin-bottom:10px;
border-bottom:1px solid #dcd9d9;
 
}










