body {
font-family: Arial, Helvetica, sans-serif;
background : white url(images/page-bg.jpg) repeat-x top center;
}
* {
padding : 0;
margin : 0;
border :  0px solid green;
outline : none;
}
.clear {
clear : both;
}
#wrapper {
padding-top: 25px;
margin: auto;
width : 960px;
}
#header {
width : 960px;
height : 99px;
}
div#location {
color: #E4F5FD;
padding-left: 30px;
font-size: 12px;
height: 40px;
}
div#location a {
font-weight: bold;
text-decoration: none;
line-height: 40px;
font-size: 11px;
color: white;
}
div#sidebar {
padding: 30px;
background: url(images/sidebar-bg.png) repeat-x top left;
width: 300px;
height: auto;
float: right;
display: block;
}
#navigation {
float: right;
}
h1 {
float: left;
display : block;
width : 300px;
 
height : 99px;
background : url(images/logo.jpg) no-repeat center left;
}
h1 a {
display : block;
width : 300px;
height : 99px;
}
h1 a span { display: none; }

h1 a:hover {
}
ul#nav {
list-style : none;
width : 636px;
height : 99px;
}
ul#nav li {
float: left;
height : 88px;
display : inline;
}
ul#nav li a {
width: 102px;
float: left;
font-size : 0.84em;
font-weight : bold;
text-decoration : none;
line-height : 99px;
display: inline;
text-align : center;
color : #264501;
 
}
ul#nav li a:hover {;
color : white;
background: url(images/nav-normal.jpg)  center center no-repeat;
}
ul#nav li a.current {
background: url(images/nav-normal.jpg)  center center no-repeat;
color : white;
}
#contholder {
display: block;
width : 960px;
margin-top: 25px;
margin-bottom: 30px;
float: left;
background: url(images/cont-bg.png) no-repeat top center;
}
#content {
float: left;
display : block;
width : 578px;
padding-left: 10px;
}
h2 {
width : 560px;
height: 70px;
display : block;
line-height: 80px;
padding-left: 28px;
font-weight: normal;
color: #cc1914;
font-size: 2em;
}
h2.portfolio {
width : 910px;
height: 90px;
background: transparent url(images/h2-portfolio.png) no-repeat top left;
display : block;
line-height: 80px;
padding-left: 28px;
font-weight: normal;
color: #cc1914;
font-size: 2em;
}

h3 {
width : 250px;
height: 60px;
display : block;
line-height: 80px;
font-weight: bold;
color: #cc1914;
font-size: 1em;
}
h4 {
padding-left: 17px;
display : inline;
font-weight: normal;
color: #cc1914;
font-size: 14px;
}
h5 {
font-size: 13px;
width: 310px; 
padding-left: 10px;
height: 30px;
line-height: 30px;
display: block;
background: url(images/sideul.jpg) no-repeat center center;
}
ul.mininav {
display: block;
width: 320px;
list-style: none;
font-size: 11px;
line-height: 25px;
float: left;
}
.subnav {
display: block;
float: left;
width: 350px;
}
ul.mininav a{
padding-left: 10px;
height: 40px;
font-size: 13px;
display: block;
line-height: 40px;
text-decoration: none;
width: 300px; 
color: #333;
background: url(images/filter-li.jpg) no-repeat bottom center;
}
ul.mininav a:hover{
 background: url(images/mininavli-bg.jpg) no-repeat bottom center;
 color: #B40200;
 padding-left: 25px;
}
.sidetext {
color: black;
line-height: 1.6em;
font-size: 0.7em;
}
 
.smallbutton {
padding-left: 15px;
text-transform: uppercase;
text-align: left;
line-height: 40px;
display: block;
background: url(images/smallbutton.jpg) top left no-repeat;
width: 105px;
height: 36px;
font-size: 0.6em;
}
.smallbutton:hover {
padding-left: 15px;
display: block;
background: url(images/smallbutton.jpg) bottom left no-repeat;
width: 105px;
height: 36px;
font-size: 0.6em;
}
.normal {
color : #333;
padding-left: 28px;
padding-right: 32px;
font-family: “Lucida Grande”, sans-serif;
font-size: 11.67px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}
#footer {
text-align: center;
line-height: 60px;
height: 60px;
padding: 20px 0px;
display: block;
margin: auto;
background: url(images/footer-bg.jpg) no-repeat top center;
}
#footer p {
line-height : 60px;
color: #ABABAB;
font-size : 0.73em;
font-weight : bold;
}

#contact {
width : 720px;
}
.inquiry1field {
width : 400px;
}
.inquiry1field label{
width : 200px;
line-height: 40px;
display: block;
font-size: 12px;
font-weight: bold;
}
.inquiry100label{
width : 200px;
line-height: 40px;
display: block;
font-size: 12px;
font-weight: bold;
}
#contact label {
font-size : 12px;
font-weight : bold;
color : #838383;
display : block;
}
.field, .field40, .field100 {
background: url(images/input-bg.jpg) no-repeat top left;
font-family : Tahoma, Arial, Verdana, sans-serif;
font-size : 11px;
color : #000;
display: block;
height: 32px;
width: 280px;
margin-bottom : 2px;
padding-top: 10px;
padding-left: 15px;
}
 .field100 {
	background: url(images/input-bg-big.jpg) no-repeat top left; 
 }
.field:focus, .field40:focus, .field100:focus {
background: url(images/input-bg-focus.jpg) no-repeat top left;
}
.field100:focus {
		background: url(images/input-bg-big-focus.jpg) no-repeat top left; 
}
.fielderror, .field40error, .field100error {
background: url(images/input-bg.jpg) no-repeat top left;
font-family : Tahoma, Arial, Verdana, sans-serif;
font-size : 11px;
color : #000;
display: block;
height: 32px;
width: 280px;
margin-bottom : 2px;
padding-top: 10px;
padding-left: 15px;
}
.fielderror, .field40error {
height : 40px;
background:url(images/input-bg-error.jpg) no-repeat top left;
}
.field100error {
height : 80px;
background:url(images/input-bg-big-error.jpg) no-repeat top left;
}
.buttonholder {
padding-top : 10px;
}
.buttonholder input {
float : left;
}
.buttonholder span {
display : block;
float : left;
font-size : 10px;
padding-left : 10px;
padding-top : 10px;
color : #999;
}
.button {
font-family : Tahoma, Arial, Verdana, sans-serif;
padding-left : 10px;
background : white;
font-size : 0.7em;
font-style : normal;
font-weight : bold;
letter-spacing : 0.2em;
border : 3px solid #a7cadf;
line-height : 2em;
color : gray;
height : 39px;
padding : 6px;
width : 113px;
}
.button:hover {
background : white;
border : 3px solid #2f89bf;
color : #700d0c;
}
span.note {
font-family : Tahoma, Arial, Verdana, sans-serif;
margin-top : 4px;
color : white;
}
p.infos {
line-height : 30px;
padding-left : 30px;
height : 40px;
font-size : 13px;
color: #cc1914;
text-decoration : none;
}
p.infos strong {
font-weight: normal;
color: #4F4F4F;
}
.buttons span {
float : left;
display : block;
width : 80px;
line-height : 25px;
background : white;
font-family : tahoma, verdana, arial;
font-size : 0.6em;
text-transform : uppercase;
text-align : center;
border-left : 1px solid gray;
cursor : pointer;
}
.buttons span:hover {
background : gray;
color : white;
}
#content h4 {
margin-left : 10px;
line-height : 2.5em;
font-size : 1.2em;
letter-spacing : 0.2em;
font-family : arial, tahoma, verdana;
}

.subtitle {
width: 520px;
font-size: 16px;
color: #CC1914;
font-weight: bold;
display: block;
float: left;
padding: 10px 0px;
}
a.head {
	line-height: 70px;
	font-size: 14px;
	font-weight: bold;
	color: #CC1914;
	text-decoration: none;
	padding-left: 70px;
	margin: 4px;
	display: block;
	width: 200px;
	background: url(images/head-bg.png) no-repeat top left;
	height: 70px;
}
.img {
width: 120px;
height: 87px;
display: inline;
}
.acco {
float: right;
margin: 20px 0px;
display: block;
width: 650px;
}
div#contactform {
padding: 30px;
display: block;
width: 500px;
}
span.pdf {
display: block;
width: 308px;
height: 54px;
}
span.pdf a {
color: gray;
padding-left: 60px;
font-weight: bold;
font-size: 12px;
line-height: 53px;
display: block;
text-decoration: none;
width: 308px;
height: 54px;
background: url(images/pdf-bg.jpg) no-repeat top left;
}
span.pdf a:hover {
text-decoration: underline;
color: white;
background: url(images/pdf-bg.jpg) no-repeat bottom left;
}
ul#filter {
text-align: left;
margin: 5px 0px;
width: 284px;
height: 400px;
display: block;
list-style: none;
float: left;
background: url(images/filterbg.jpg) no-repeat top right;
}
ul#filter li a{
font-weight: bold;
padding-left: 50px;
height: 52px;
font-size: 13px;
display: block;
line-height: 50px;
text-decoration: none;
width: 240px; 
color: #333;
background: url(images/filter-li.jpg) no-repeat bottom center;
}
ul#filter li {
width: 285px;
display: block;
}
ul#filter li a:hover {
color: white;
display: block;
background: url(images/filtercurrent.png) no-repeat bottom right;
}
ul#filter li.current{
color: white;
height: 52px;
display: block;
background: url(images/filter-li-a-hover.jpg) no-repeat top right;
}
ul#portfolio {
padding-top: 15px;
display: block;
float: left;
width: 630px;
margin-right: 22px;
list-style: none;
}
ul#portfolio li a{
display: block;
float: left;
padding: 5px;
margin: 5px 10px;
background: #EFEFEF;
border: 1px solid #DFDFDF;
}
ul#portfolio { float: left; }
ul#portfolio li { 
	float: left; 
}
a.readmore {
text-decoration: none;
float: right;
width: 524px;
height: 29px;
display: block;
background: url(images/readmore.jpg) no-repeat top right;
color: white;
text-align: right;
line-height: 25px;
font-family: Helvetica, Arial, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
padding-left: 10px;
padding-top: 10px;
padding-right: 70px;
}
a.readmore:hover {
background: url(images/readmore.jpg) no-repeat bottom right;

}
.imgp{
display: block;
float: left;
padding: 5px 5px 3px 5px;
margin: 5px 10px;
background: #EFEFEF;
border: 1px solid #DFDFDF;
}
.imgp:hover {
display: block;
float: left;
padding: 5px 5px 3px 5px;
margin: 5px 10px;
background: #DFDFDF;
border: 1px solid #666;
}
.icon {
overflow: hidden;
float: left;
padding: 5px;
}
#footerholder {
margin: 0 auto;
width: auto;
display: block;
}
#webdes {
margin-left: 20px;
margin-top: 15px;
display: block;
float: left;
width: 545px;
padding: 8px;
height: 111px;
background: url(images/web-bg.jpg) no-repeat top left;
}
a.weblink {
padding-left: 20px;
font-size: 12px;
color: #9D0200;
float: left;
line-height: 20px;
width: 180px;
text-decoration: none;
}
.webdescription {
padding-top: 5px;
display: block;
width: 180px;
line-height: 10px;
height: 41px;
float: left;
font-size: 0.6em;
padding-left: 21px;
}
#webdes img {
float: left;
}
.webdeslink {
padding-left: 30px;
display: block;
text-decoration: none;
color: white;
font-size: 11px;
}
a.webdeslink:hover {
text-decoration: underline;
color: #DFB5B5;
}
.webinfo {
float: right;
width: 180px;
height: 90px;
}