/* Reset all styles ********************** */
* { margin: 0; padding: 0; } 

hr {
display: none;
}

body {
font-size: 13.5px;
font-family: Helvetica, Arial, Verdana, Sans-Serif;
color:#838383;
line-height:19px;
background: #666666;
margin: 0;
padding: 0; 
}

a {
color:#e31836;
text-decoration:none;
}

.body_title {
width:372px;margin-bottom:18px;
}
.body_title a:hover {
text-decoration:none;
}

.body_content {
padding-top:43px;
padding-left:43px;
padding-bottom:43px;
padding-right:43px;
width:600px;
float:left;
}

.body_text {
width:372px;
float:left;
padding-right:28px;
}
.body_text a {
color:#e31836;
text-decoration:none;
}
.body_text a:hover {
color:#e31836;
text-decoration:none;
border-bottom:1px dotted;
}

.body_text_wide {
width:500px;
float:left;
padding-right:28px;
}
.body_text_wide a {
color:#e31836;
text-decoration:none;
}
.body_text_wide a:hover {
color:#e31836;
text-decoration:none;
border-bottom:1px dotted;
}

.body_menu {
width:600px;padding-top:43px;padding-left:43px;padding-right:43px;padding-bottom:0px;float:left;
}
.body_menu a {
color:#e31836;
text-decoration:none;
}
.body_menu a:hover {
color:#e31836;
text-decoration:none;
border-bottom:1px dotted;
}

.body_content_projects {
padding-bottom:40px;
width:600px;
float:left;
}

.body_pic {
float:right;width:200px;
padding-top:10px;
}
.body_pic img {
padding-bottom:15px;
}

.body_pic_projects {
float:right;width:200px;
padding-top:10px;
position:relative;
top:63px;
}
.body_pic_projects img {
padding-bottom:15px;
}

.body_review_credit {
font-size:11px;
text-align:right;
font-style:italic;
float:left;
padding-left:40px;
width:400px;
padding-bottom:30px;
position:relative;
right:75px;
}

#page {
margin: 20px auto;
padding: 0;
width: 800px;
background: #ffffff;
}

/* top, right, bottom, left */

#branding {
width: 800px;
height: 50px;
margin: 0;
padding: 0;
}

#navbar {
float: left;
width: 119px;
margin: 0px 0px 0px 0px;
padding: 58px 0px 0px 0px;
text-align: left;
}

#content {
float: right;
width: 680px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-left: 1px solid #9C9EA0;
background: #ffffff;
text-align: left;
}

img#txt {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#footer {
display: block;
clear: both;
width: 800px;
height: 20px;
padding: 0px 0px 0px 0px;
margin: 0;
}

#navbar p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#footer {
clear: both;
width: 800px;
height: 0px;
}

#legal {
margin: 0 auto;
clear: both;
padding: 0;
width: 800px;
height: 20px;
}

/* ABOUT ***********************************/
#nav_about {
display: block;
width: 119px;
height: 29px;
background: #ffffff url(images/nav_about.gif) no-repeat right center;
border-top: 1px solid #9C9EA0;
border-bottom: 1px solid #9C9EA0;
}

#nav_about a.nav:link, #nav_about a.nav:visited {
display: block;
width: 119px;
height: 29px;
line-height: 29px;
text-decoration: none;
background: #ffffff url(images/nav_about.gif) no-repeat left center;
}

#nav_about a.nav:hover {
background-color: #ffffff;
background-position: right center;
}

#nav_about a.nav_selected:link, #nav_about a.nav_selected:visited, #nav_about a.nav_selected:hover {
display: block;
width: 119px;
height: 29px;
line-height: 29px;
text-decoration: none;
background: #ffffff url(images/nav_about.gif) no-repeat right center;
}

/* maro ***********************************/
#nav_maro {
display: block;
width: 119px;
height: 29px;
background: #ffffff url(images/nav_maro.gif) no-repeat right center;
border-top: 1px solid #9C9EA0;
border-bottom: 1px solid #9C9EA0;
}

#nav_maro a.nav:link, #nav_maro a.nav:visited {
display: block;
width: 119px;
height: 29px;
line-height: 29px;
text-decoration: none;
background: #ffffff url(images/nav_maro.gif) no-repeat left center;
}

#nav_maro a.nav:hover {
background-color: #ffffff;
background-position: right center;
}

#nav_maro a.nav_selected:link, #nav_maro a.nav_selected:visited, #nav_maro a.nav_selected:hover {
display: block;
width: 119px;
height: 29px;
line-height: 29px;
text-decoration: none;
background: #E31836 url(images/nav_maro_sel.gif) no-repeat left center;
cursor: default;
}

/* jeff ***********************************/
#nav_jeff {
display: block;
width: 119px;
height: 29px;
background: #ffffff url(images/nav_jeff.gif) no-repeat right center;
border-bottom: 1px solid #9C9EA0;
}

#nav_jeff a.nav:link, #nav_jeff a.nav:visited {
display: block;
width: 119px;
height: 29px;
line-height: 29px;
text-decoration: none;
background: #ffffff url(images/nav_jeff.gif) no-repeat left center;
}

#nav_jeff a.nav:hover {
background-color: #ffffff;
background-position: right center;
}

#nav_jeff a.nav_selected:link, #nav_jeff a.nav_selected:visited, #nav_jeff a.nav_selected:hover {
display: block;
width: 119px;
height: 29px;
line-height: 29px;
text-decoration: none;
background: #E31836 url(images/nav_jeff_sel.gif) no-repeat left center;
cursor: default;
}

/* projects ***********************************/
#nav_projects {
display: block;
width: 119px;
height: 29px;
background: #ffffff url(images/nav_projects.gif) no-repeat right center;
border-bottom: 1px solid #9C9EA0;
}

#nav_projects a.nav:link, #nav_projects a.nav:visited {
display: block;
width: 119px;
height: 29px;
line-height: 29px;
text-decoration: none;
background: #ffffff url(images/nav_projects.gif) no-repeat left center;
}

#nav_projects a.nav:hover {
background-color: #ffffff;
background-position: right center;
}

#nav_projects a.nav_selected:link, #nav_projects a.nav_selected:visited, #nav_projects a.nav_selected:hover {
display: block;
width: 119px;
height: 29px;
line-height: 29px;
text-decoration: none;
background: #ffffff url(images/nav_projects.gif) no-repeat right center;
cursor: default;
}

/* past projects ***********************************/
#nav_pastprojects {
display: block;
width: 119px;
height: 29px;
background: #ffffff url(images/nav_pastprojects.gif) no-repeat right center;
border-bottom: 1px solid #9C9EA0;
}

#nav_pastprojects a.nav:link, #nav_pastprojects a.nav:visited {
display: block;
width: 119px;
height: 29px;
line-height: 29px;
text-decoration: none;
background: #ffffff url(images/nav_pastprojects.gif) no-repeat left center;
}

#nav_pastprojects a.nav:hover {
background-color: #ffffff;
background-position: right center;
}

#nav_pastprojects a.nav_selected:link, #nav_pastprojects a.nav_selected:visited, #nav_pastprojects a.nav_selected:hover {
display: block;
width: 119px;
height: 29px;
line-height: 29px;
text-decoration: none;
background: #ffffff url(images/nav_pastprojects.gif) no-repeat right center;
cursor: default;
}


/* contact ***********************************/
#nav_contact {
display: block;
width: 119px;
height: 29px;
background: #ffffff url(images/nav_contact.gif) no-repeat right center;
border-bottom: 1px solid #9C9EA0;
}

#nav_contact a.nav:link, #nav_contact a.nav:visited {
display: block;
width: 119px;
height: 29px;
line-height: 29px;
text-decoration: none;
background: #ffffff url(images/nav_contact.gif) no-repeat left center;
}

#nav_contact a.nav:hover {
background-color: #ffffff;
background-position: right center;
}

#nav_contact a.nav_selected:link, #nav_contact a.nav_selected:visited, #nav_contact a.nav_selected:hover {
display: block;
width: 119px;
height: 29px;
line-height: 29px;
text-decoration: none;
background: #ffffff url(images/nav_contact.gif) no-repeat right center;
cursor: default;
}

/* client ***********************************/
#nav_client {
display: block;
width: 119px;
height: 29px;
background: #ffffff url(images/nav_client.gif) no-repeat right center;
border-bottom: 1px solid #9C9EA0;
}

#nav_client a.nav:link, #nav_client a.nav:visited {
display: block;
width: 119px;
height: 29px;
line-height: 29px;
text-decoration: none;
background: #ffffff url(images/nav_client.gif) no-repeat left center;
}

#nav_client a.nav:hover {
background-color: #ffffff;
background-position: right center;
}

#nav_client a.nav_selected:link, #nav_client a.nav_selected:visited, #nav_client a.nav_selected:hover {
display: block;
width: 119px;
height: 29px;
line-height: 29px;
text-decoration: none;
background: #ffffff url(images/nav_client.gif) no-repeat right center;
cursor: default;
}

#distance {
display: block;
width: 119px;
height: 58px;
}

img.photo {
margin: 20px 0px 20px 40px;
padding: 0px 0px 0px 0px;
}


/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 

DYSKE:
Use this on the container block, not in the content block.
You can apply multiple classes to an element by separating them with a space.
E.g. class="clearfix anotherClass"
clearfix must come first.
*/

.clearfix:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}

.clearfix {
display: inline-block; /* Fixes IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		

.hidetext {
display: none;
}