/* Reset & Body 
--------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}


:focus {
	outline: 0;
}


ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


* {
margin:0;
padding:0;
}

body {
background:#fff;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}

p {
margin:0 0 12px 0;
}
h1 {
font-size: 1.5em;
margin:0 0 15px 0;
line-height:1.1em;
}

h2 {
font-size: 1.1em;
margin:0 0 8px 0;
line-height:1.1em;
}

h3 {
font-size: 1em;
margin:0 0 8px 0;
line-height:1.1em;
}

/* Container 
--------------------------------------------------------------------*/
#container {
margin:0 auto;
width:750px;

}
/* Header 
--------------------------------------------------------------------*/
#header {
background:#fff ;
margin:20px 0 1px 0;

}
#header img {
display:block;
}
/* Navigation 
--------------------------------------------------------------------*/
#nav {
float:left;
width:110px;
background:#FF7400;
padding:10px ;
line-height:1.2em;
}

#nav ul {
list-style:none;
}

#nav ul li {
margin:0 0 5px 0;
background: url(images/bg/button.gif) no-repeat;
}

#nav ul li a {
background: url(images/bg/button.gif) no-repeat;
display:block;
width:105px;
height:20px;
padding:5px 0 0 5px;
color:#fff;
text-decoration: none;
}

#nav ul li a:hover, #nav ul li a.on {
background: url(images/bg/button_o.gif) no-repeat;
}


/* Content 
--------------------------------------------------------------------*/
#content {
width:750px;
float:left;
padding:3px 0 4px 0;
margin:0 0 1px 0;
background:#FFF9BE url(images/bg/page_bg.gif) repeat-y;
}

#mainContent {
width:290px;
padding:10px 10px 10px 20px;
float:left;
line-height:1.1em;

}


#mainContent ul{
list-style: disc;
padding:0 0 0 50px;
margin:0 0 10px 0;
}

#secContent {
width:270px;
padding:10px 0 0 15px;
float:left;
line-height:1.1em;

}

.subNav {
margin:0 0 5px 0;

}

.subNavTop {
height:10px;
width:300px;	
background:#FFF9BE url(images/bg/subnav_top.gif) no-repeat;
}

.subNavContent {
background: #fff;
border-left:1px solid #FF7400;
border-right:1px solid #FF7400;
padding:0 10px;
width:278px;
}

.subNavBot {
height:10px;
width:300px;	
background:#FFF9BE url(images/bg/subnav_bot.gif) no-repeat;
}

a.txtLink {
width:180px;
display:block;
float:left;
color: #000;
text-decoration: none;
}

a.txtLink:hover {
text-decoration: underline;
}

.imgLink {
width:90px;
height:70px;
float:right;
}

.subLinkContainer {
position: relative;
background:#FFF9BE url(images/bg/subnav_small.jpg) no-repeat;
}

.subLinkContainer:hover {
background:#FFF9BE url(images/bg/subnav_small_o.jpg) no-repeat;
}

.subLinkContainer:hover a {
color: #000;
}

a.subLink {

display:block;
height:70px;
width:150px;
margin:0 0 10px 0;
padding:10px 10px 10px 10px;
z-index: 10;
text-decoration: none;
color: #000;

}

a.subLink:hover {
color: #000;
}

.slideshow {
width:90px;
height:70px;
position:absolute;
top:10px;
right:10px;
z-index: 1;
overflow:hidden;
}


/* Second and third Level Content 
-----------------------*/

#second #mainContent, #third #mainContent {
width:596px;
padding:10px 10px 10px 14px;
float:right;
line-height:1.1em;
}

#second #secContent {
width:606px;
padding:10px 0 0 14px;
margin:10px 0 0 130px;
line-height:1.1em;
display:inline;

}

#second .subLinkContainer {
margin:0 12px 0 0;
float:left;
display:inline;
width:290px;
background:#FFF9BE url(images/bg/subnav_med.jpg) no-repeat;

}



#second .subLinkContainer:hover {
background:#FFF9BE url(images/bg/subnav_med_o.jpg) no-repeat;
}


#second .subLinkContainerlast {
margin:0 0 5px 0;

}

#second a.subLink {


margin:0 0 3px 0;


}


/* Third Level Content 
-----------------------*/

#images {
padding:10px 0 10px 10px;
float:left;
}

#third #mainContent h1{
text-align: center;
}


/* client list 
-----------------------*/


#mainContent ul.clientList {
list-style: none;
padding:10px 0 0 0;
margin:0;
}
#mainContent ul.clientList li{
float:left;
text-align: center;
width:189px;
padding:0 4px 20px ;
margin:0;
}
#mainContent ul.clientList li img{
padding:0 0 5px 0;
margin:0;
}

#mainContent ul.clientList li a{
text-decoration: none;
color: #000;
}






/* Contact form 2
-----------------------*/
.ddfmwrap {
padding:20px 0;
}
.ddfmwrap label {
width:130px;
float:left;
padding:3px 0 0 0;
}

.ddfmwrap input {
width:200px;
height:20px;
border:1px solid #FFCE00;
padding:3px 5px 0;
}

.ddfmwrap textarea {
width:318px;
height:100px;
border:1px solid #FFCE00;
font-family: Arial;
font-size:0.95em;
padding:5px;
}

.ddfmwrap .submit input{
cursor: pointer;
color: #fff;
background: url(images/bg/button2.png) 0 2px no-repeat;
display:block;
width:110px;
height:27px;
padding:0 0 0px 0;
color:#fff;
text-decoration: none;
border:none;
margin:0 0 0 130px;
font-size: 1em;
}

.ddfmwrap .submit input:hover {
background: url(images/bg/button2_o.png) 0 2px no-repeat;
}

span.tel {
width:130px;
float:left;
}

p.thanks {
border:1px solid white;
padding:20px;
color:#000;
font-size:1.2em;
background:#fff;
}

p.thanks a{
color:#FFCE00;
}

.ddfmerrors, .errorlist {
font-size:1.2em;
color:red;
}
p.small {
font-size:0.8em;
margin:0 0 0 0;
}
/* Footer 
--------------------------------------------------------------------*/
#footer {
padding:10px;
clear:both;
background:#FF7400;
}

#footerNav {

}
#footerNav li{
float:left;
padding:0 10px 3px 0;
}
#footerNav li a{
color:#000;
}
p.copy {
color:#000;
clear:both;
padding:7px 0 0 0;
margin:0;
font-size: 0.8em;
}

/* Float clearing
--------------------------------------------------------------------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */