/* CSS Document */

html {
background:rgb(167, 201, 166);
}

body {
margin: 0px 0px;
padding: 0px;
text-align: center;
background:rgb(228, 245, 227) url(images/page-bg.jpg);
background-repeat:repeat-x;
font: 10pt trebuchet MS, sans-serif; color: #333;
line-height:14pt;
}

a {
text-decoration:underline;
color:green;
}

h4 {
font-family:trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12pt;
color:green;
line-height:14pt;
font-weight:normal;
background:url(images/bullet-image.jpg) 0px 4px no-repeat;
margin:15px 25px 0px 8px;
padding:0px 0px 0px 15px;
text-align:left;
}

blockquote {
width:350px;
margin:35px 0px 35px 57px;
padding:10px 25px 10px 25px;
border-top:1px solid green;
border-bottom:1px solid green;
font-family:Georgia, "Times New Roman", Times, serif;
color:green;
font-size:12pt;
line-height:18pt;
font-style:italic;
background-color:rgb(234, 248, 235);
}

blockquote span {
font-family: Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:bold;
line-height:18pt;
font-style:normal;
text-align:right;
}

#wrapper {
width:100%;
background:rgb(228, 245, 227) url(images/page-bg.jpg);
background-repeat:repeat-x;
padding:0px 0px 25px 0px;
}

#mainContainer {
width:760px;
position:relative;
margin:0px auto;
text-align:left;
overflow:visible;
}

#header {
width:100%;
height:79px;
position:relative;
margin:0px 0px 0px 0px;
}

#logo {
position:relative;
top:0px;
left:15px;
text-align:left;
float:left;
}

#phoneNumber {
width:300px;
height:25px;
position:absolute;
top:10px;
right:0px;
text-align:center;
font: bold 12px trebuchet MS, sans-serif;
color:#FFFFFF;
}

#callArea a {
color: #FFFFFF;
font-weight:bold;
}

#callArea span {
position:relative;
top:7px;
width:173px;
height:33px;
font-family: Trebuchet MS, sans-serif;
color:#FFFFFF;
font-weight:bold;
font-size:10pt;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#navArea {
width:509px;
height:37px;
position:absolute;
top:34px;
right:0px;
float:right;
display:table-row;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
z-index:3;
left: 247px;
}

html>body #navArea {
width:505px;
float: right;
left: 250px;
}

#navArea a {
position:relative;
width:97px;
height:37px;
background-image:url(images/nav-bg-off.jpg);
background-repeat:no-repeat;
display:block;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
margin:0px 0px 0px 4px;
padding:14px 0px 0px 0px;
float:left;
}

#navArea a:hover {
background-image:url(images/nav-bg-over.jpg);
background-repeat:no-repeat;
}

#navArea .active, #navArea .active:hover {
background-image:url(images/nav-bg-active.jpg);
background-repeat:no-repeat;
color:#333333;
cursor:pointer;
}

#subNavCallArea {
height:25px;
position:relative;
width:760px;
background-image:url(images/yellow-bar-round.jpg);
background-repeat:no-repeat;
}
html>body #subNavCallArea {
height:25px;
position:relative;
width:760px;
background-image:url(images/yellow-bar-round.jpg);
background-repeat:no-repeat;
}
#subNav {
position:absolute;
top:0px;
right:15px;
width:761px;
height:35px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
line-height:25px;
color:#666666;
left: 0px;
z-index:2;
}
#subNav .blog {
position:absolute;
top:0px;
left:15px;
width:500px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:left;
}
#subNav .blog a{
position:relative;
top:5px;
padding-top:5px;
}
html>body #subNav .blog a{
position:relative;
top:0px;
padding-top:0px;
}

#subNav a {
padding:0px;
margin:0px 0px 0px 25px;
text-decoration:none;
color:#666666;
/*color:rgb(254, 240, 147);*/
font-weight:normal;
}

#subNav a:hover {
color:#333333;
/*color:rgb(254, 240, 147);*/
}

#subNav span a {
float:right;
position:relative;
top:0px;
right:0px;
width:100px;
padding:0px 10px 5px 0px;
text-decoration:none;
color:#green;
font-weight:bold;
text-align:center;
margin: 0px 0px 0px 0px;
}

#subNav .login {
position:absolute;
top:0px;
right:15px;
width:200px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:center;
}



#callToAction {
position:relative;
width:759px;
height:200px;
}

#subNavCallArea h1 {
width:424px;
position:relative;
top:60px;
left:335px;
font-family:Trebuchet MS, arial, verdana, sans-serif;
font-size:22pt;
font-weight:normal;
color:#FFFFFF;
line-height:26pt;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

#subNavCallArea h2 {
width:424px;
position:relative;
top:75px;
left:304px;
font-family:Trebuchet MS, arial, verdana, sans-serif;
font-size:12pt;
font-weight:bold;
color:rgb(22, 69, 20);
line-height:18pt;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
}

#subNavCallArea h2 a {
font-family:Trebuchet MS, arial, verdana, sans-serif;
font-size:12pt;
font-weight:bold;
color:rgb(22, 69, 20);
text-decoration:underline;
}

#subNavCallArea h2 span {
font-size:22pt;
font-weight:bold;
color:rgb(22, 69, 20);
margin-right: -5px;
}

#content {
position:relative;
width:760px;
overflow:visible;
background:url(images/content-middle.jpg) repeat-y top;
margin:0px;
padding:0px;
}

#content .top {
width:760px;
background:url(images/content-top.jpg) no-repeat top;
height:34px;
}

#content .top a {
font-size:8pt;
color:#999999;
float:right;
margin:3px 15px 0px 0px;
text-decoration:none;
}

#content .middle {
position:relative;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
}

#content .middle div#homePageFeatured3 {
background:#e4f5e3;
padding:0px;
font:normal 16px Trebuchet MS;
color:black;
position:relative;
width:450px;
left:40px;
top:15px;
text-align:left;
margin:0px 80px 40px 0px;
border:1px solid #a7c9a6;
}


#content .middle div#homePageFeatured2 {
background:#e4f5e3;
padding:0px;
font:normal 16px Trebuchet MS;
color:black;
position:relative;
width:680px;
left:40px;
top:15px;
text-align:left;
margin:0px 80px 40px 0px;
border:1px solid #a7c9a6;
}






#content .middle div#homePageFeatured {
background:#e4f5e3;
padding:0px;
font:normal 16px Trebuchet MS;
color:black;
position:relative;
width:670px;
left:40px;
top:15px;
text-align:left;
margin:0px 50px 0px 0px;
border:1px solid #a7c9a6;
}

#content .middle div#homePageFeatured h2 {
font-size:12px;
padding:0px 15px 15px 15px;
}
#content .middle div#homePageFeatured h1 {
font-size:20px;
margin:0px;
background:white;
}

#content .middle div#homePageFeatured h1 a {
padding:10px 0px 10px 15px;
display:block;
background:#e4f5e3;
text-decoration:none;
position:relative;
}

#content .middle div#homePageFeatured h1 a:hover {
background:#a7c9a6;
color:white;
}

#content .middle div#homePageFeatured h1 span {
font-size:13px;
font-family:Trebuchet MS, sans-serif;
color:grey;
display:inline;
}

#content .middle div#homePageFeatured p {
margin:0px;
padding:10px 10px 10px 10px;
text-align:left;
font-size:12px;
line-height:14px;
}

#content .middle div#homePageFeatured2 p {
margin:0px;
padding:10px 10px 10px 10px;
text-align:left;
font-size:12px;
line-height:14px;
}

.Dates {
width:200px;
float:right;
font:bold 16px Trebuchet MS;
color:white;
background:green;
text-align:center;
border:1px solid #a7c9a6;
position:relative;
padding:0px;
margin:0px 0px 0px 15px;
}

.details {
width:180px;
float:right;
font:normal 16px Trebuchet MS;
color:black;
background:white;
text-align:center;
border:none;
position:relative;
padding:5px 10px 10px 10px;
margin:0px 0px 0px 0px;
}

#content .sideBar {
width:250px; 
position:relative;
top:0px;
right:0px;
float: right;
height: 100%;
background:transparent; 
padding:0px 0px 15px 30px; 
margin:0px 0px 15px 25px;

}

#content .sideBar h1 {
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:10pt;
display:block;
color:#FFFFFF;
line-height:20pt;
margin:0px 3px 0px 0px;
padding:0px 20px 0px 10px;
font-weight:bold;
text-transform:capitalize;
}

#content .sideBar h1 a {
text-decoration:none;
color:#FFFFFF;
}

h6 {
text-align:center;
margin:0px;
padding:0px;
}

h6 a {
display:block;
width:133px;
height:32px;
overflow:hidden;
text-indent:-9999px;
font-size:0;
background:url(images/contact-button.jpg) no-repeat;
padding:0px;
margin:0px 25px;
}

.googleMap {
width:185px;
height:160px;
padding:2px;
background:#FFFFFF;
border:1px solid green;
clear:right;
}

#content .sideBar #featureYellow h1 {
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:10pt;
display:block;
color:#666666;
line-height:20pt;
margin:0px 3px 0px 0px;
padding:0px 10px 5px 10px;
font-weight:bold;
text-transform:capitalize;
}

#content .sideBar #featureYellow h1 a {
text-decoration:none;
color:#666666;
}

#content .sideBar p {
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#666666;
line-height:13pt;
margin:10px 15px 0px 11px;
padding:0px 0px 0px 0px;
}

#content .sideBar span {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#666666;
line-height:14pt;
margin:0px 15px 0px 23px;
padding:0px 0px 0px 0px;
}

#content .bottom {
clear:both;
position:relative;
width:760px;
background:url(images/content-bottom.jpg) no-repeat top;
height:27px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#projectContent {
position:relative;
top:0px;
left:528px;
width:233px;
text-align:center;
display:table-cell;
}

#footer {
position:bottom;
top:200px;
background:rgb(167, 201, 166);
margin: 0px auto;
padding: 0px 0px 100px 0px;
border-top:2px solid #666666;
clear:both;
text-align:left;
}

#footer .footerContent {
width:760px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#666666;
margin:0px auto;
text-align:left;
}

#footer .footerContent p {
text-align:left; 
margin:15px 0px 0px 0px;
}

#footerContent p a {
color:#666666;
text-decoration:underline;
}

#footerContent p a:hover {
text-decoration:none;
color:#666666;
}

#content h1 {
margin:0px 0px 0px 40px;
padding:0px 0px 0px 0px;
font: bold 20pt trebuchet MS, sans-serif;
color:#339933;
clear:left;
}

#content h2 {
position:relative;
top:7px;
left:69%;
width:234px;
height:35px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:bold;
color:#FFFFFF;
text-align:center;
}

#content h3 {
margin:15px 0px 0px 40px;
padding:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:normal;
color:green;
}

#content p {
font: 10pt trebuchet MS, sans-serif; color: #333;
line-height:16pt;
margin:15px 40px 0px 40px;
padding:0px 0px 0px 0px;
clear:left;
}

.typicalSites {
margin:0px;
padding:3px 0px 3px 50px;
font-size:10pt;
line-height:20px;
}

.typicalSites li {
padding:0px 40px 3px 18px;
list-style:none;
background:url(images/bullet-image.jpg) 0px 5px no-repeat;
margin-bottom:0px;
line-height:20px;
}

.twitter {
margin:0px;
padding:3px 0px 3px 20px;
font-size:10pt;
line-height:20px;
}

.twitter li {
padding:0px 40px 3px 18px;
list-style:none;
background:url(images/bullet-image.jpg) 0px 5px no-repeat;
margin-bottom:0px;
line-height:20px;
}


form{
margin: 25px 0px 0px 40px;
}

.introImages {
position:relative;
width:460px;
height:150px;
margin:0px 0px 15px 0px;
padding:3px;
background:#FFFFFF;
border:1px solid green;
}

/*html>body .introImages {
width:465px;
height:150px;
margin:0px 0px 15px 40px;
padding:3px;
background:#FFFFFF;
border:1px solid green;
}*/

#featureGreen {
overflow:auto;
width:203px;
background:url(images/feature-element-bg.jpg) no-repeat;
margin:0px 0px 25px 0px;
padding:0px 0px 0px 0px;
}

#featureYellow {
width:203px;
background:url(images/feature-element-bg-yellow.jpg) no-repeat;
margin:0px 0px 25px 0px;
padding:0px 0px 0px 0px;
}

#featureGreen img {
/*width:70px;
height:30px;*/
padding:1px;
background:green;
margin:10px 4px 0px 10px;
float:left;
overflow:auto;
clear:left;
}

#featureGreen ul {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
line-height:10pt;
padding:0px 0px 0px 0px;
margin:10px 0px 0px 80px;
list-style-type:none;
}

.featureBottom {
clear:both;
display:block;
height:25px;
}


/*-------- PORTFOLIO PAGE -----------*/
#clientRow {
position:relative;
width:470px;
height:70px;
margin:0px 0px 15px 40px;
padding:15px 0px 0px 0px;
text-align:left;
clear:left;
border-top:1px solid #CCCCCC;
}

.clientIcon {
float:left;
height:73px;
padding:0px 50px 15px 0px;
margin:0px 0px 15px 0px;
overflow:visible;
display:block;
}

.clientIcon ul {
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#333333;
line-height:12pt;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.clientIcon li {
list-style-type:none;
font-weight:bold;
padding:15px 0px;
}

.clientIcon img {
float:left;
margin:0px 5px 0px 0px;
}

.portRowOne {
width:460px;
height:86px;
margin:0px 0px 15px 40px;
padding:15px 0px 0px 0px;
text-align:left;
clear:left;
border-top:1px solid #CCCCCC;
}

.portRowTwo {
width:460px;
height:86px;
margin:0px 0px 15px 40px;
padding:15px 0px 0px 0px;
text-align:left;
clear:left;
background:rgb(255, 253, 239);
border-top:1px solid #CCCCCC;
}

.portDetail img {
width:70px;
height:70px;
float:left;
padding:0px 0px 0px 0px;
border:1px solid green;
}

.portDetail ul {
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#333333;
line-height:12pt;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 80px;
}

.portDetail li.detailName, .detailName {
list-style-type:none;
font-weight:bold;
}

.portDetail li.detailLink, .detailLink {
list-style-type:none;
font-weight:normal;
font-size:10px;
}

.portDetail {
float:left;
width:205px;
padding:7px 7px 15px 7px;
margin:0px 10px 15px 0px;
/*background:transparent url(http://www.parkerweb.com/temp/pw/images/port-row-bg.jpg) top left no-repeat;*/
}