/* General Styles */
body {
margin:0;
padding:0;
background-color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
}

a {
color:#B9400B;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}

a:visted {
color:#B9400B;
text-decoration:underline;
}

/* Top Links */
#toplinks {
margin:0;
padding:0;
height:25px;
background-color:#3F3F3F;
background-image: url(marincountybuilders.com/img/top-link-bg.jpg);
background-repeat:repeat-x;
}

#toplinksnav {
margin:0 auto;
padding:0 1em 0 0;
vvvvvvvwidth:780px;
text-align:right;
margin-right: 145px;
}

#toplinksnav p {
margin:0;
padding:0;
font-size:.7em;
color:#cccccc;
line-height:25px;
}

#toplinksnav a {
color:#ffffff;
text-decoration:none;
}

#toplinksnav a:hover {
color:#B3CC8A;
text-decoration:none;
}

#toplinksnav a:visted {
color:#ffffff;
text-decoration:none;
}

/* Slogan Area */
#slogan {
position:relative;
margin:0;
padding:0;
height:310px;
line-height:310px;
background-color:#3F3F3F;
background-image: url(marincountybuilders.com/img/slogan-bg.jpg);
background-repeat:repeat-x;
}

.sloganfloat {
float:left;
margin:0;
padding:0;
border:none;
}

#slogan h1 {
position:relative;
margin:0 12% 0 0;
padding:0;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#ABB49B;
}

#slogan p {
margin:-285px 12% -25px 0;
padding:0;
text-align:right;
font-size:.8em;
letter-spacing:.1em;
color:#5C5C5C;
}


/* Navbar */
#navbar {
margin:0;
padding:0;
height:50px;
background-color:#3F3F3F;
background-image: url(marincountybuilders.com/img/nav-link-bg.jpg);
background-repeat:repeat-x;
}

#navbarblock {
margin:0 auto;
padding:0;
width:800px;
line-height:50px;
font-size:.95em;
text-align:center;
}

#navbarblock ul {
margin:0 .7em 0 .7em;
padding:0;
display:inline;
list-style-type:none;
text-align:center;
}

#navbarblock ul li {
display:inline;
position:relative;
}

#navbarblock a {
color:#ffffff;
text-decoration:none;
padding:16px 20px 15px 20px;
}

#navbarblock a.now {
color:#33ff66;
text-decoration:none;
}

#navbarblock a:hover {
color:#eeeeee;
text-decoration:none;
background-image: url(marincountybuilders.com/img/nav-link-hover-bg.jpg);
background-repeat:repeat-x;
background-position:top;
}

#navbarblock a:visted {
color:#ffffff;
text-decoration:none;
}

vvvvvv#navbarblock ul li a:hover   {  
background: #000 url(marincountybuilders.com/image/icon_on.gif) no-repeat;  
color: #FFF;  
}  

xxxxxx#navbarblock ul li.first a   {  
background: #BFC0C0 url(marincountybuilders.com/image/bg_navi.gif) no-repeat;  
padding: 16px 5px 7px 27px;  
}  

xxxxx#navbarblock ul li.first a:hover {  
background: #000 url(marincountybuilders.com/image/bg_navi_on.gif) no-repeat;  
}  

  


/* Call Out Area */
#callout {
margin:0;
padding:0;
height:auto;
background-color:#A5C274;
height:230px;
background-image: url(marincountybuilders.com/img/callout-bg.jpg);
background-repeat:repeat-x;
}

#calloutblock {
position:relative;
margin:0 auto;
padding:5px;
width:800px;
font-size:.9em;
text-align:left;
}
#calloutblock img {
position:relative;
margin:0 auto;
padding:5px;
width:130px;
height:130px;
font-size:.9em;
text-align:left;
}
#calloutblock h2 {
margin:.5em 0 -.1em 0;
margin-top: .9em;
color:#B9400B;
font-family:Arial;
font-size:1.5em;
font-weight:lighter;
}

#calloutblock p {
margin:.5em 0 -.1em 0;
margin-top: .9em;
margin-bottom: 1.2em;
padding-bottom: 1.2em;
color:#ffffff;
font-size:1.1em;
font-family:Arial;
height:100px;
font-weight: bold;
}

.calloutfloat {
float:left;
position:relative;
margin:13px 15px 0 0;
padding:0;
border:none;
height:110px;
}

#calloutblock a {
color:#323232;
text-decoration:underline;
}

#calloutblock a:hover {
color:#616161;
text-decoration:none;
}

#calloutblock a:visted {
color:#323232;
text-decoration:underline;
}

#callout2 {
margin:0;
padding:0;
height:100px;
background-color:#A5C274;
background-image: url(marincountybuilders.com/img/callout-bg.jpg);
background-repeat:repeat-x;
}

#calloutblock2 {
position:relative;
margin:0 auto;
padding:5px;
width:800px;
font-size:.9em;
text-align:left;
height:60px;
}

#calloutblock2 h2 {
margin:.5em 0 -.1em 0;
color:#B9400B;
font-family:Arial;
font-size:1.5em;
font-weight:lighter;
}

#calloutblock2 p {
margin:.5em 0 -.1em 0;
margin-top: .5em;
padding-top: .5em;
margin-bottom: 1.9em;
padding-bottom: 1.9em;
color:#ffffff;
font-size:1.1em;
font-family:Arial;
height:60px;
font-weight: bold;
}

.calloutfloat {
	float:left;
	position:relative;
	margin:13px 15px 0 0;
	padding:0;
	border:none;
	height:104px;
	width: 700px;

}

#calloutblock2 a {
color:#323232;
text-decoration:underline;
}

#calloutblock2 a:hover {
color:#616161;
text-decoration:none;
}

#calloutblock2 a:visted {
color:#323232;
text-decoration:underline;
}

/* Text Area */
#textarea {
position:relative;
margin:0 auto;
margin-top: 20px;
padding:5px;
width:800px;
font-size:.9em;
text-align:left;
}

#textarea h2 {
margin:.5em 0 -.5em 0 !important;
margin:.5em 0 -.9em 0;
color:#B9400B;
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:lighter;
}

#textarea h3 {
margin:.5em 0 -.5em 0 !important;
margin:.5em 0 -.9em 0;
color:#000000;
font-family:Arial;
font-size:1em;
}

#textarea p {
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
padding-left: 5px;
}

#textarea .date {
margin-bottom:-1em;
font-size:.7em;
color:#828181;
text-transform:uppercase;
}



/* Side Bar */
#sidebar {
float:right;
position:relative;
padding-right:15px;
padding-left:15px;
margin-top: 1px;
width:300px;
background-color:#ffffff;
border-left:1px solid #D6C4A4;
}

#textarea h3 {
margin:.5em 0 -.5em 0 !important;
margin:.5em 0 -.9em 0;
color:#988056;
font-family:Arial;
font-size:1em;
}

#sidebar p {
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#B59A6A;
}
#textarea p .p2{
font-size:.9em;
color:#000000;
}
.right {float:right;
      padding-right: 3px;
}

/* footer area */
#footer {
position:relative;
margin:0 auto;
margin-top:15px;
padding:5px 5px 15px 5px;
width:800px;
color:#999999;
text-align:center;
clear:both;
}

#footer p {
font-size:.7em;
}

#footer a {
color:#DC9F85;
text-decoration:underline;
}

#footer a:hover {
color:#cccccc;
text-decoration:none;
}

#footer a:visted {
color:#DC9F85;
text-decoration:underline;
}
			#FrogJS{
				width: 760px;
				height: 300px;
				margin: 0 auto;
                margin-bottom: 10px;
			}
			#FrogJSCredit{
				text-align: right;
				font-size: 80%;
				color: #999;
				padding: 1px;
			}
			#FrogJSCaption{
				text-align: left;
				line-height: 140%;
			}
img.left {
	float: left;
	margin-right: 15px;
}

img.right {
	float: right;
	margin-left: 15px;
}

div.photobox {
float: left;
width: 170px;
height: auto;
margin-top: 10px;
margin-right: 2em;
line-height: 1em;
}
p.green {
padding-top: 15px;
margin-top: 10px;
height: auto;
border-top: 1px dotted #ACACAC;
}

dl.serviceList {
	margin: 0 0 20px;
    margin-right: 15px;
    padding-right: 15px;
}

dl.serviceList dt {
	position: relative;
	width: 380px;
	margin-bottom: 5px;
    margin-top: 15px;
	padding-top: 15px;
	padding-left: 80px;
	font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    border-top: 1px dotted #ACACAC;
}


dl.serviceList dt img {
	position: absolute;
	top: 15px;
	left: 0;
	padding: 2px;
}

dl.serviceList dd {
    padding-top: 5px;
    margin-top: 5px;
	margin-bottom: 15px;
	padding-left: 90px;
    margin-left: 90px;
    margin-right: 15px;
    font-size:.9em;
    font-family:Arial, Helvetica, sans-serif;
	height: 200px;
    width: 265px;
}

dl.serviceList > dd {
	min-height: 180px;
	height: auto;
}
.dot {
border-top: 1px dotted #ACACAC;
}
™ {
font-size: 5px;
}