/* CSS */

/**************** Global ******************/

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
list-style-type:none;
margin:0;
outline-color:invert;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}

strong {
font-weight:bold;
}

em {
font-style: italic;}

body {
background:url(images/blue-bg-2.jpg) repeat-x;
}

#wrapper {
margin:0 auto;
width:900px;
}


/*************** topper ******************/

#topper {
height: 69px;
}

#topper h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:5px 0;
text-align:right;
}

#topper p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:right;
}

/*************** navigation ******************/

#nav {
background:url(images/wood2.jpg) no-repeat;
float:left;
height:372px;
width:200px;
}

#nav img {
margin:15px 0 0 40px;
}

#nav li {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin:0 28px 8px 0;
text-align:right;
}

#nav li a {
padding-right:15px;
text-decoration:none;
}

#nav li a:hover {
background:url(images/nav-dot.png) no-repeat;
background-position:right;
}

.light {
color:#c3e7fd;
}

.medium {
color:#7cc3ef;
}

.dark {
color:#0084d3;
}

.heavy {
color:#005b93;
}

/*************** featured ******************/

#featured {
background:url(images/people-table.jpg) no-repeat;
border-right: 3px solid white;
border-left: 3px solid white;
float:right;
height:372px;
width:694px;
}

/*************** quick contact ******************/

#contact {
background: #a6dbfc url(images/contact-us.jpg) no-repeat;
border-top:3px solid white;
clear:both;
float:left;
height:171px;
width:200px;
}

#contact-long {
border-top:3px solid white;
clear:both;
float:left;
margin:0 0 20px 0;
width:270px;
}

#contact-form-long input, #contact-form-long textarea{
background: #d6e7f4 url(images/form-input-bg.png) repeat-x;
border:1px solid #4fa7ca;
color:#6e6e6e;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin:15px 15px 0 0;
padding:4px 4px;
width:200px;
}

#quick-contact-form label, #contact-form-long label {
display:none;
}

#quick-contact-form input, #quick-contact-form textarea {
background: #d6e7f4 url(images/form-input-bg.png) repeat-x;
border:1px solid #4fa7ca;
color:#6e6e6e;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin:15px 15px 0 0;
padding:4px 4px;
width:130px;
}

#quick-contact-form input.submit, #contact-form-long input.submit {
background:none;
border:1px solid #a6dbfc;
cursor:pointer;
font-weight:normal;
letter-spacing:3px;
text-transform:uppercase;
width:auto;
}

#quick-contact-form input.submit:hover, #contact-form-long input.submit:hover {
background: #d6e7f4 url(images/form-input-bg.png) repeat-x;
border:1px solid #4fa7ca;
}

/*************** main content ******************/

#content-wrap {
float:left;
margin:25px 0 0 0;
width:700px;
}

#content-wrap.thanks {
height:255px;
}

#main-content {
background:#fff;
float:right;
width:700px;
}

#main-content p {
clear:both;
color:#656464;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
margin:0 20px 10px 30px;
}

/*************** footer ******************/

#footer {
border-top: 3px solid #c5e7fc;
clear:both;
float:left;
margin:3px 0 10px 0;
width:900px;
}

#footer ul {
float:right;
margin:12px 10px 0 0;
}

#footer li {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 0 0 43px;
}

#footer p {
clear:both;
color:#005b93;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:15px 0 0 0;
text-align:right;
width:380px;
}

#footer a {
color:#005b93;
text-decoration: none;
}

#footer a:hover {
color:#0084d3;
}


/*************** Interior Pages ******************/

#left-column {
float:left;
width:200px;
}

#featured.interior {
background:url(images/orange-people.jpg) no-repeat;
/*background:url(images/blurred-people-test.jpg) no-repeat;*/
/*background:url(images/smile-woman.jpg) no-repeat;*/
float:right;
height:130px;
width:694px;
}

#featured.interior.about {
background:url(images/blur1.jpg) no-repeat;
}

#featured.interior.practice {
background:url(images/blur2.jpg) no-repeat;
}

#featured.interior.clients {
background:url(images/blur3.jpg) no-repeat;
}

#featured.interior.results {
background:url(images/blur4.jpg) no-repeat;
}

#featured.interior.team {
background:url(images/blur5.jpg) no-repeat;
}

#featured.interior.contact {
background:url(images/blur6.jpg) no-repeat;
}

#main-content h2 {
color:#256682;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
margin:15px 20px 0 30px;
}

#main-content h4 {
color:#256682;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight: bold;
margin:0 20px 0 30px;
}

#main-content h2.home {
margin:0 0 10px 30px;
}

#main-content ul {
margin:20px 46px 20px 46px;
}

#content-wrap.milestones ul {
margin:4px 33px 20px 33px;
}

#main-content ul li {
background:url(images/blue-dot.jpg) no-repeat;
background-position:0px 5px;
color:#656464;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
margin:0 0 10px 0;
padding:0 0 0 15px;
}

#content-wrap.milestones ul li {
background:url(images/blue-dot.jpg) no-repeat;
background-position:0px 5px;
color:#656464;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
margin:0 0 5px 0;
padding:0 0 0 15px;
}

ul#sub-nav {
margin:10px 0 0 30px;
}

ul#sub-nav li {
background:none;
float:left;
margin:0 15px 10px 0;
padding: 6px 5px;
}

ul#sub-nav a {
color:#0084D3;
padding:5px;
text-decoration:none;
}

ul#sub-nav a.active {
background:#0084D3;
border:1px solid #0084D3;
color:white;
padding:5px;
}

ul#sub-nav a.inactive {
border:1px solid #7CC3EF;
padding:5px;
}

ul#sub-nav a.inactive:hover {
background:#7CC3EF;
color:white;
padding:5px;
}


#main-content p.last {
margin:15px 20px 20px 30px;
}

.bio-thumb {
/*background:#9fd7fa;
border:2px solid #6DC5F5;*/
float:left;
height:160px;
margin:20px 0 0 50px;
width:118px;
}

.bio-thumb.first {
margin:20px 0 0 30px;
}

.bio-thumb img {
background:#9fd7fa;
border:2px solid #6DC5F5;
margin:3px 0 0 3px;
padding:3px;
}

#main-content p.thumb {
font-size:12px;
margin:5px 5px 0 5px;
text-align:center;
}

div.column {
float:left;
margin:0 0 0 0;
width:325px;
}

div.column a {
color:#256682;
text-decoration:none;
}

div.column a:hover {
color:#7CC3EF;
text-decoration:underline;
}

#main-content div.column ul {
margin:0 46px 0 46px;
}

h3 {
color:#256682;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin:0 0 15px 40px;
}

div.column h3 {
color:#256682;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin:0 0 15px 40px;
}

div.column h3.contact {
margin:0 0 5px 30px;
}

span.riofema {
color:black;
font-size:20px;
}


div.outer-quote {
border:10px solid #fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
clear:both;
margin:0 auto 0;
width:635px;
}

#main-content p.quotes {
padding:10px;
margin:0;
}

div.point {
background:#9fd7f8;
border:10px solid #6DC5F5;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:635px;
margin:0 auto 0;
}


#main-content p.testimonial {
margin: 0 20px 0 10px;
padding:0 0 10px 0;
}

#bio-page {
clear:both;
margin:50px auto 25px;
width:630px;
}

#bio-page p {
clear:none;
color:#656464;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
margin:15px 0 0 0;
}

#bio-page h2 {
color:#256682;
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
margin:0 0 0 0;
}

#bio-page h3 {
color:#0084D3;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
margin:0 0 0 0;
}

#bio-page img {
background:#9fd7fa;
border:2px solid #6DC5F5;
margin:0 0 15px 15px;
padding:3px;
float:right;
}