/*CSS Reset*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
/*END*/


body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-image:url(images/bg-main.gif);
	background-repeat:repeat-x;
	background-color:#b7e8f3;
	color:inherit;
}

/*START TEMPLATE LAYOUT STYLES*/

#wrapper { 
  	width: 930px;
  	padding: 38px 10px 0px 10px;
	margin: auto;
	background-image:url(images/logo-office-team2.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#tel {margin:42px 0px 0px 0px; float:right; width:600px; text-align:right; color:#ff6e00; background-color:inherit; font-size:1.4em; font-weight:bold; text-transform:uppercase;}

#menu {float:right; width:600px; text-align:right;}

#menu ul{float:right; margin:23px 0px 0px 0px; list-style:none;}
#menu li{list-style:none; float:left; border-left:1px solid #4a4a4a; font-size:1.2em; text-transform:uppercase; padding:0px 15px 0px 15px; font-weight:bold;}
#menu li a{color:#909090; text-decoration:none;}
#menu li a:hover{color:#ff6e00; }
#menu li.first {border:0px;}
#menu li.last {padding:0px 0px 0px 15px;}
#menu li a.active{color:#ff6e00; text-decoration:none;}

#headerIndex {clear:both; padding:20px 0px 0px 0px;}

#headerIndexLeft {float:left; width:612px; border-right:1px solid #FFF;}
#headerIndexLeft p{font-size: 1.1em; font-weight: normal; color: #FFF; background-color:inherit; padding:9px;}

#headerIndexRight {float:right; width:317px; background-color:#ffdf9f;}
#headerIndexRight p{font-size: 1.1em; font-weight: normal; color: #666; background-color:inherit; padding:10px 10px 10px 10px;}

#headerRight {float:right; width:612px; border-left:1px solid #FFF;}
#headerRight p{font-size: 1.1em; font-weight: normal; color: #FFF; background-color:inherit; padding:10px;}

#subMenu {float:left; width:317px;}

#subMenu ul{list-style:none; width:317px;}
#subMenu li{list-style:none; width:317px; display:block; font-size:1.4em; margin:0px 0px 5px 0px;}
#subMenu li a{color:#666; background-color:#CCC; text-decoration:none; padding:7px; display:block;}
#subMenu li a:hover{color:#FFF; background-color:#ff6e00;}
#subMenu li a.active{color:#FFF; background-color:#ff6e00;}

#contentIndex {clear:both; float:left; width:572px; background-color:#FFF; padding:20px;}
#content {clear:both; float:right; width:582px; background-color:#FFF; padding:20px 10px 32px 20px;}

#contactBoxIndex {float:right; width:317px; margin:540px 0px 0px 0px;}
#contactBoxIndex p {font-size: 1.1em; font-weight: bold; color: #FFF; background-color:inherit; padding:10px;}

#footerBar {clear:both; width:930px; background-color:#009999; height:55px; margin:0px auto 10px auto;}
#footer {clear:both; width:930px; font-size:1.1em; color:#000; margin:auto; padding-bottom:20px;}

#contentRight {float:right; width:252px; margin:0px 0px 20px 20px;}
#feature {width:252px; background-color:#ffdf9f; color:inherit; border-bottom:1px solid #FFF;}
#feature img {border-bottom:1px solid #FFF;}
#feature h3 {font-size: 1.2em; font-weight: bold; color: #ff6e00; background-color:inherit; padding:10px 10px 0px 10px;}
#content #contentRight #feature ul {margin:10px 0px 10px 10px; list-style:none;}
#content #contentRight #feature li {list-style:none; font-size: 1.1em; font-weight: normal; color: #000; background-color:inherit; padding:5px;}

#contentLeft {float:left; width:310px;}

/*END TEMPLATE LAYOUT STYLES*/

/*##########################################################################################*/

img{border:0px;}
img.border {border: 1px solid #AFADAD; padding: 5px;}

img.logo {float:left;}

.marginT {margin-top:10px;}
.marginR {margin-right:10px}
.marginRR {margin-right:20px}
.marginB {margin-bottom:10px;}
.marginL {margin-left:10px;}
.alignleft {float:left;}
.alignright{float:right;}
.clear {clear:both;}
.clearL {clear:left;}
.clearR {clear:right;}

/*START CONTENT STYLES*/

a:link, a:visited { color: #000; text-decoration: none; background-color:inherit;}
a:active, a:hover { color: #ff6e00; text-decoration: underline; background-color:inherit;}

#contentLeft a:link, #contentLeft a:visited { color: #ff6e00; text-decoration: none; background-color:inherit;}
#contentLeft a:active, #contentLeft a:hover { color: #000; text-decoration: underline; background-color:inherit;}

a:link.grey, a:visited.grey { color: #666; text-decoration: none; background-color:inherit;}
a:active.grey, a:hover.grey { color: #ff6e00; text-decoration: underline; background-color:inherit;}

a:link.readmore, a:visited.readmore { color: #FFF;text-decoration: none; background-color:inherit; text-transform:uppercase;}
a:active.readmore, a:hover.readmore { color: #000; text-decoration: none; background-color:inherit;}

div.boxTitleOrange  a:link, div.boxTitleOrange  a:visited { color: #FFF; text-decoration: none; background-color:inherit;}
div.boxTitleOrange  a:active, div.boxTitleOrange  a:hover { color: #000; text-decoration: underline; background-color:inherit;}

h1 {font-size: 2.8em; font-weight: normal; color: #ff6e00; background-color:inherit; padding:10px 0px 10px 0px;}
h2 {font-size: 1.4em; font-weight: bold; color: #FFF; background-color:inherit; padding:10px; text-transform:uppercase;}
h3 {font-size: 1.4em; font-weight: bold; color: #FFF; background-color:inherit; padding:10px;}
h4 {font-size: 1.2em; font-weight: bold; color: #000; background-color:inherit;}
h5 {font-size: 1.5em; font-weight: bold; color: #ff6e00; background-color:inherit; padding:10px 0px 0px 0px;}
h6 {font-size: 1.0em; font-weight: bold; color: #ff6e00; background-color:inherit;}

hr {
	border: dashed #CCCCCC 0px;
	border-top:dashed #CCCCCC 1px;
	height:0px;
	clear:both;
}
	

form {display:inline;}
textarea, input, select {color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color:#CCC; border:0px; width:180px; padding:4px;}
label {font-size: 1.2em; font-weight: normal; color: #666; background-color:inherit;}
label.checkbox {font-size: 1.1em; font-weight: normal; color: #666; background-color:inherit;}
input.checkbox {color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width:auto; margin:3px 2px 0px 0px; background-color:#FFF;}
.submit { background-color:#FF0000; color:#FFF; padding:5px; border:0px; cursor:pointer; width:100px;}
.submit:hover { background-color:#009999; color:#FFF; padding:5px; border:0px; cursor:pointer;}

table.contactForm td {padding:3px;}

p {font-size: 1.2em; font-weight: normal; color: #666; background-color:inherit; padding:10px 0px 10px 0px;}

#content ul {margin:0px 0px 10px 30px;}
#content li {font-size: 1.2em; font-weight: normal; color: #666; background-color:inherit; padding:5px;}

div.boxTitleOrange {background-color:#ff6e00; color:inherit; width:100%; display:block;}
div.boxTitleGreen {background-color:#009999; color:inherit; width:100%; display:block;}	

.spacedLetters {letter-spacing:2px;}
.orange {color:#ff6e00; background-color:inherit;}

div.boxIndex {width:170px; float:left; margin-bottom:30px;}
div.boxTitleOrange p {font-size:1.1em; padding:10px 10px 10px 10px; color:#FFF;}

p.quote { font-style:italic; font-size: 1.1em; font-weight: bold; color: #666; background-color:inherit; padding:10px; background-color:#f3f3f3; border:1px solid #CCC; width:280px;}

div.boxIndex1 {width:170px; float:left; margin-top:-15px; margin-bottom:30px;}

