body {color: #222222; margin: 0; padding: 0 0 30px 0;  text-align: left; font-family: Arial, Helvetica, sans-serif; background-image: url(images/bodybkg.jpg); background-color: #000000; background-position: 735px 0px; background-repeat: no-repeat; }

body.home {background-image: url(images/bkg/downtown_mthood.jpg) !important;}
body.seo {background-image: url(http://www.davidmihm.com/images/bkg/hawthorne.jpg) !important;} 
body.web {background-image: url(http://www.davidmihm.com/images/bkg/made_in_oregon.jpg) !important;}
body.local {background-image: url(http://www.davidmihm.com/images/bodybkg_LSRF.jpg) !important;}
body.portfolio {background-image: url(http://www.davidmihm.com/images/bkg/owyhee_spillway.jpg) !important;} 
body.process {background-image: url(http://www.davidmihm.com/images/bkg/oregon_coast_1.jpg) !important;}
body.strategy {background-image: url(http://www.davidmihm.com/images/bkg/pioneer_sq_zoom.jpg) !important;}
body.philosophy {background-image: url(http://www.davidmihm.com/images/bkg/fremont_bridge.jpg) !important;}
body.clients {background-image: url(http://www.davidmihm.com/images/bkg/oregon_coast_2.jpg) !important;} 
body.about {background-image: url(http://www.davidmihm.com/images/bkg/forest_park.jpg) !important;} 
body.pusd {background-image: url(http://www.davidmihm.com/images/pxf/pusdbkg.jpg) !important;} 
body.heafey {background-image: url(http://www.davidmihm.com/images/pxf/heafey.jpg) !important;} 
body.piedmont {background-image: url(http://www.davidmihm.com/images/pxf/piedmont.jpg) !important;} 
body.flagstone {background-image: url(http://www.davidmihm.com/images/pxf/flagstone.jpg) !important;} 
body.creekside {background-image: url(http://www.davidmihm.com/images/pxf/creekside.jpg) !important;} 
body.customlogo {background-image: url(http://www.davidmihm.com/images/pxf/customlogo.jpg) !important;} 
body.mvpatm {background-image: url(http://www.davidmihm.com/images/pxf/mvpatm.jpg) !important;} 
body.infinity {background-image: url(http://www.davidmihm.com/images/pxf/infinity.jpg) !important;} 
body.pef {background-image: url(http://www.davidmihm.com/images/pxf/pef.jpg) !important;} 
body.carmel {background-image: url(http://www.davidmihm.com/images/pxf/carmel.jpg) !important;} 
body.gg {background-image: url(http://www.davidmihm.com/images/pxf/gg.jpg) !important;} 
body.aegis {background-image: url(http://www.davidmihm.com/images/pxf/aegis.jpg) !important;} 



.seo .chunk li, .local .chunk li {font-size: 11px;} 

html a {font-weight: bold; color: #cd8200; } 
html a:visited {font-weight: normal; color: #444444; }
html a:hover {color: #000000; }
img {border: 0; }
.clearboth {clear: both; overflow: visible; height: 0px; line-height: 0px; font-size: 0em;  margin: 0; padding: 0; width: 100%;}

hr {clear: both; height: 0px; border: 0px; border-top: 1px solid #d2d2d2; padding: 0; margin: 15px 0; line-height: 0px; display: block; width: 100%; }

#outerwrapper {width: 1030px; margin: 0; padding: 0; }

/* BEGIN UBIQUITOUS STYLES */


#nav { /* position: fixed; */ position: absolute; left: 0px; top: 15px; margin: 0; padding: 0; }

#nav img {border: 0; margin: 8px 0 12px 0; padding: 0 0 0 19px;} 
#nav ul {padding: 0; margin: 0 !important; line-height: 0; list-style-type: none; text-indent: none; font-size: 11px; text-transform: uppercase;}
#nav li {padding: 0; margin: 0 0 8px 0; line-height: 12px;}
#nav li a {border-left: 15px solid #FFFFFF; text-indent: -4000px; height: 12px; text-decoration: none; margin: 0; padding: 0 0 0 0px; background: url(images/nav_bkg.gif) no-repeat left; width: 80px; display: block;}
#nav li a:hover {border-left: 15px solid #cd8200; }

li#home a {background-position: 4px 2px; }
li#home a:hover {background-position: 4px -69px; }
li#seo a {background-position: 4px -18px; } 
li#seo a:hover {background-position: 4px -89px; } 
li#webdesign a {background-position: 4px -38px; } 
li#webdesign a:hover {background-position: 4px -109px; } 
li#blog a {background-position: 4px -59px; } 
li#blog a:hover {background-position: 4px -130px; } 

.home li#home a { background-position: 4px -69px; border-left: 15px solid #cd8200; }
.seo li#seo a { background-position: 4px -89px; border-left: 15px solid #cd8200; }
.webdesign li#webdesign a {background-position: 4px -109px; border-left: 15px solid #cd8200; }
.blog li#blog a {background-position: 4px -130px; border-left: 15px solid #cd8200; }

a#namelink {display: block; border: 0; height: 225px; width: 30px; background: url(images/namelogo.gif) no-repeat; margin-left: 19px; }
a#namelink:hover {background: url(images/namelogohover.gif) no-repeat;}
a#namelink img {position: absolute; left: -4000px; }

#main {width: 740px; background: url(images/sidebarbkg.jpg) 700px 0px repeat-y #FFFFFF; margin: 0; padding: 108px 0px 80px 0; position: relative; float: left; clear: left;}
#content {margin: 0 80px 0 160px; padding: 0; color: #666666; }
#getintouch {z-index: 1; border: 0px solid #000000; position: absolute; right: -140px; top: 0px; height: 108px; width: 203px; background: #FFFFFF; text-align: left; margin: 0; padding: 0; display: block;}
#getintouch a {position: relative; width: 131px; height: 23px; border: 0; text-indent: -4000px !important; display: block; top:23px; left: 93px; background: url(images/getintouch.gif) no-repeat; text-align: left;}
#content h1 {font-family: "Arial Black","Arial","Helvetica",sans-serif; letter-spacing: -3px; font-size: 38px; font-weight: normal; text-transform: uppercase; line-height: 40px;margin: 0; padding: 0; color: #000000; border: 0px solid #000000;}
#content h1 a {text-decoration: none; font-weight: normal !important; }
#content h1 a:hover {color: #444444; border-bottom 1px solid #444444 !important; }
#content p {font-size: 14px; line-height: 1.5em; } 
#content ul {font-size: 14px; }
#content li {padding: 5px 0; line-height: 1.5em;} 
#content blockquote {border-width: 1px 0; border-color: #d2d2d2; border-style: solid; width: 360px; margin: 10px 20px 10px -60px; float: left; clear: left; display: inline; color: #333333; padding: 14px 0 0px 0; }
blockquote p {margin: 0; padding: 0px 0 6px 0; font-size: 16px; }
blockquote ul {margin: 0; padding: 5px 0 0 0; list-style-type: none; position: relative; top: -3px;}
blockquote li {background: url(images/dot.gif) 3px bottom repeat-x #FFFFFF; margin: 0 0 8px 0; padding: 0 !important; line-height: 1em; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; text-transform: uppercase;}
blockquote li a {font-weight: normal; color: #333333; text-decoration: none; position: relative; top: 1px; background: #FFFFFF; width: 260px;} 
blockquote li a:hover {color: #cd8200; font-weight: bold;}
.price {font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; font-weight: bold; float: right; letter-spacing: 0px; text-transform: uppercase; position: relative; top: -1px; padding-bottom: 0px; clear: right; width: 90px; text-align: right; border-bottom: 0px solid #000000;}

p.testimonial {margin-top: 15px; border-top: 1px solid #d2d2d2; padding: 30px 0 15px 0; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; color: #666666;} 

blockquote p.testimonial {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 18px !important; color: #cd8200; padding: 0px 0 10px 0; margin: 0; border: 0;} 
.bump {margin-top: 20px !important;} 

#rail {float: left; clear: right; margin: 97px 0 0 0; padding: 0; position: relative; left: -40px;}

#featurebox {width: 278px;  border-top: 11px solid #ffffff; border-bottom: 11px solid #FFFFFF; border-right: 11px solid #FFFFFF; color: #999999; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 100; letter-spacing: -1px; font-size: 19px; background: #FFFFFF;}


#featurebox p {margin: 30px 25px; padding: 0; }
a#letstalk {color: #FFFFFF; font-weight: 100; } 
#featurebox a:hover {color: #d2d2d2;} 

.chunk {width: 155px; padding: 10px 10px 10px 15px; border-left: 4px solid #b9b9b9; background: #f2f2f2; position: relative; left: 16px; margin: 12px 0; font-size: 11px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1; color: #787878; border-right: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;} 
.chunk ul {margin: 5px; padding: 0; list-style-type: none; text-indent: none;}
.chunk li {font-size: 10px; margin: 0 0 3px 0; padding: 0; text-indent: none;} 
.chunk li a {font-weight: normal;} 

.other {position: relative; left: -15px; width: 169px; float: left; border-right: 1px dotted #999999; border-left: 1px dotted #999999; padding: 0; margin: 10px 0px; font-size: 11px; display: inline;}
.other h6 {font-size: 11px; float: left; clear: right; margin: 0; padding: 0;}

.other a {text-decoration: none;  font-weight: normal !important; }

.other h6 a {color: #666666; font-weight: bold !important;}

.other ul {padding: 0 15px; list-style-type: none; font-size: 10px !important; margin: 0; clear: both; display: block; }
 .noleft {border: 0; }
.noright ul {padding: 0 0 0 15px !important;} 
.other li {font-size: 10px; margin: 0; padding: 0 0 5px 0; display: block; width: 100%; line-height: 1.1em !important;}
.noright {padding-right: 0; border-right: 0px; margin-right: -15px; border: 0;}
img.favicon {border: 0px; position: relative; top: -1px; float: left; padding: 0 6px 6px 0; margin: 0 0 0 15px; }



#footer {padding: 0; clear: both; border-top: 1px solid #DDDDDD; width: 740px; margin: 0; position: relative; top: -1px; font-size: 11px; color: #acacac;}
#footer p#copyright {position: relative; z-index: 1000; width: 500px; float: left; clear: left; padding: 16px 0 0 38px !important;}
#copyright img {position: absolute; left: 0px; top: 0px; z-index: 0; }
#footer p {margin: 25px 0 5px 20px; }
#icons {margin: 25px 0 0 0px; padding: 0; text-align: right; float: right; clear: right;}
#icons img {margin-right: 2px;} 

.intro {color: #cd8200; font-weight: bold; font-size: 18px;} 




h2 {font-family: "Arial Black","Arial","Helvetica",sans-serif; letter-spacing: -2px; font-size: 25px; font-weight: normal; text-transform: uppercase; line-height: 24px;margin: 10px 0 0 0px !important; padding: 0px 0 -15px 0 !important; color: #454545;} 

h2.services {border-bottom: 1px solid #bbbbbb; margin-top: 34px !important; color: #999999; font-size: 1.5em; font-weight: 100; letter-spacing: -1px; margin: 20px 0px 10px 0px !important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif; text-transform: none;}

h5 {color: #cd8200; font-size: 17px; font-weight: bold !important; }


.address {padding: 10px 0 20px 20px; font-size: 10px; color: #999999; }
.address a {color: #999999; font-weight: normal; text-decoration: none;}
.address a:hover {color: #d2d2d2;} 
a.url {text-transform: uppercase; color: #cd8200 !important; font-weight: bold;}
a.url: hover {color: #666666; }









a#advice {font-size: 27px; text-decoration: none; font-weight: bold; color: #333333; letter-spacing: -2px;}
a#advice:hover {color: #cd8200;} 
a#searchfriendly {font-size: 20px; text-decoration: none; font-weight: 100; letter-spacing: -1px;} 
a#searchfriendly:hover {color: #cd8200; }
a#localseo {font-size: 20px; text-decoration: none; font-weight: bold; letter-spacing: -1px;}
a#localseo em {font-family: arial black, arial, helvetica, sans-serif; font-style: normal !important; letter-spacing: -2px; text-transform: uppercase; font-size: 25px; }
a#localseo strong { font-size: 1.2em;} 
a#community { letter-spacing: -1px; font-size: 18px; color: #666666; text-decoration: none;}
a#community:hover { color: #cd8200;}

form {margin: 30px; border-top: 4px solid #cd8200; position: relative; top: -30px; }
form h1 {border-bottom: 1px solid #d2d2d2; padding-bottom: 10px; margin-bottom: 20px; font-family: arial black, arial, helvetica, sans-serif !important; letter-spacing: -3px !important; text-transform: uppercase; font-size: 32px;}
form p {margin: 0px 0px 20px 0px; padding: 0; font-size: .8em; }
form p.input {font-size: .9em; font-weight: bold; width: 250px; position: relative; float: left; display: inline;}
.right {margin-left: 20px; }
input.text {width: 170px; border:1px solid #d2d2d2; padding: 4px; font-size: .75em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  position: absolute; left: 70px; top: -4px;}
.right input.text {left: 80px !important; }
textarea {width: 240px; height: 70px; border: 1px solid #d2d2d2; padding: 4px; font-size: .75em; font-family: Verdana, Arial, Helvetica, sans-serif; }
input#submit {border: 3px solid #d2d2d2; padding: 5px 30px; background: #cd8200; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.1em; color: #FFFFFF; position: absolute; bottom: 20px; right: 10px; }
a.cancel {font-family: Arial, Helvetica, sans-serif; font-size: .7em !important; color: #999999 !important; text-decoration: none !important; position: absolute !important; top: 10px !important; right: 0px !important; font-weight: normal !important; }
a.cancel:hover {color: #cd8200 !important; text-decoration: underline !important; }

#featurebox.dark {background: #222222; color: #d2d2d2} 
#featurebox.dark a {color: #cd8200;} 
#featurebox.dark a:hover {color: #FFFFFF;} 

#featurebox.pxf {font-size: 13px; background: #f0f0f0; border: 1px solid #d2d2d2; letter-spacing: normal; z-index: 1000 !important; position: relative; top: 0px; color: #777777; margin-top: 10px; margin-bottom: 20px;}
#featurebox.pxf a {color: #cd8200;} 
#featurebox.pxf a:hover {color: #000000;} 
#featurebox.pxf ul {list-style-type: none; padding: 0; margin: 0;} 
#featurebox.pxf li {list-style-type: none; padding: 5px 0; margin: 0; font-size: 11px; line-height: 1.4em;}  
#featurebox.pxf .innerbox {margin: 15px;} 
#featurebox.pxf h4 {padding-bottom: 0px; margin-bottom: 5px; font-size: 21px; font-weight: normal; letter-spacing: -1px; padding-top: 0px; margin-top: 0px;} 

.chunk h4 {font-weight: bold !important; font-size: 15px; letter-spacing: 0px; margin: 10px 0; padding: 0;} 
.chunk ul {padding: 0; margin: 5px 0 15px 0;}  

img.lrg {padding: 4px; border: 1px solid #d2d2d2; width:268px;} 

li.last {border-bottom: 0px; background: #FFFFFF !important; background-image: none; margin-bottom: 17px !important;} 
li.first { padding-bottom: 4px !important; margin-top: 0px !important;  } 

.chunk li.last, #featurebox li.last {background: inherit !important;} 


.item {float: left; margin: 20px 20px 0 0; padding: 0; width: 226px; height: 15em;} 
.item img {padding: 2px; border: 1px solid #d2d2d2; margin-bottom: 5px; width: 220px;} 
.item p {margin: 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1.1em !important; }