/* CSS Document */
body {  font-family: Arial, Verdana, myriad, Arial, helvetica, Sans-Serif; background:#fff url(../img/bg.jpg) top repeat-x; }

#container { margin:0 auto; width:834px; }

p { color:#4d4d4d; font-size:14px; line-height:19px; } 
h2 { color:#4d4d4d; font-size:28px; margin:0.5em 0 0 1em; font-weight:normal; }

.logo { display:block; width:449px; height:60px; margin:1.5em 0 1.5em 0.8em; background:url(../img/logo.png) left no-repeat; padding:0; }
.logo span { display:none; padding:0; margin:0; }

.menu { list-style:none; width:812px; background:url(../img/bg_nav.png) repeat-x; margin:0 auto; padding:0; float:left; }
.left-nav { background:url(../img/navigation_left.png) left no-repeat; float:left; height:56px; width:11px; }
.right-nav { background:url(../img/navigation_right.png) left no-repeat; float:right; height:56px; width:11px; }

.menu .phone { float:right; height:26px; padding:15px; color:#fff; font-weight:bold; font-size:23px; }
.menu li { float:left; height:56px; }
.menu li a { display:block; padding:15px; height:26px; font-weight:bold; text-decoration:none; font-size:13px; color:#fff; }
.menu li a:hover { display:block; padding:15px; height:26px; background:url(../img/bg_nav_hover.jpg) repeat-x; }
.menu li a.selected { display:block; padding:15px; height:26px; background:url(../img/bg_nav_selected.jpg) repeat-x; }

.content { width:830px; border:2px #e0e0e0 solid; background:#fff; clear:both; margin:0 auto; }

.content ul { color:#757575; font-size:14px; line-height:19px; }

.content .header { width:830px; margin:0 auto; height:235px; background:url(../img/bg_header.jpg) repeat-x; }
.content .header .left { width:335px; float:left; margin:1em 0 1em 1em; }
.content .header .left p { color:#4d4d4d; font-size:15px; line-height:20px; text-align:left; margin:0.5em; padding:0; }
.content .header .right { width:475px; height:235px; float:right; background:url(../img/banner.jpg) no-repeat right; }

.content .teaser { width:242px; height:200px; float:left; margin:0.5em 0.1em 0.5em 0.2em; border-right:1px #eaeaea solid; padding:0em 0.9em 1em 0.9em; }
.content .teaser .image { width:241px; height:138px; margin:0 auto; }
.content .teaser p { color:#4d4d4d; font-size:14px; height:32px; padding:5px 10px 5px 10px; margin:0; }
.content .teaser a { color:#4d4d4d; font-size:13px; font-weight:bold; text-decoration:none; margin:0 0 0 14.5em; }
.content .teaser a:hover { text-decoration:underline; }

.portfolio { margin:0 auto; margin-left:0.6em; padding:5px; list-style:none; }
.portfolio li { margin:0.5em; float:left; }
.portfolio a { display:block; border:2px #dadada solid; }
.portfolio a:hover { display:block; border:2px #88002d solid; }
.portfolio a img { border:0; margin:0.1em; }

.services { padding:0.2em 1em 1em 1em; margin:0.5em; }
.services img { border:0; }

.footer { width:811px; margin:0 auto; background:#88002d; margin-top:0.7em; padding:12px; height:20px; }
.footer .left { float:left; width:311px;  background:url(../img/copy-text.jpg) no-repeat; margin:0 auto; padding:0; height:14px; }
.footer .right { float:right; padding:0; margin:0; } 
.footer .right a { color:#fff; font-weight:bold; font-size:13px; text-decoration:none; margin:0 0.5em 0 0.5em; }

.sub-footer { width:800px; margin:0 auto; padding:5px; color:#d3d3d3; font-size:13px; }
.sub-footer a { text-decoration:underline; color:#bababa; font-weight:bold; }