/* 3blindmice styles */

body {margin: 0; padding: 0; background: url(images/logo_bkgd.gif) no-repeat bottom left}

#container, #containerC {width: 100%; height: 300px; position: absolute; top: 50%; left: 0%; padding: 0; }
#container {background: #FFF url(images/bkgd_lines.gif) repeat-x 0px 20px}
#containerC, #containerP {background: #FFF url(images/bkgdsolid.gif) repeat-x 0px 20px}
#containerP {width: 100%; height: 300px; position: absolute; top: 50%; left: 0%; padding: 0; }


/*\commented backslash hack for mac ie5*/ 
#container, #containerC {margin-top: -165px;}

/*\commented backslash hack for mac ie5*/ 
#containerP {margin-top: -165px;}

#header, #footer {text-align: right; margin:0; padding: 0 10px 0 0}
#header {height: 20px} 
#left {float:left; height: 250px; padding: 0; margin: 0}
#content, #contentC, #contentD {margin-left: 300px; margin-bottom:0; padding:0; height: 250px;}
#content {background: url(images/sign_arrow_H.jpg) no-repeat 90% 0%}
#contentC {background: url(images/mice_solid2.gif) no-repeat 90% 0%}
#contentD {background: url(images/koz_2.jpg) no-repeat 90% 0%}
#contentP {margin-left: 300px; margin-bottom:0; padding:0; height: 275px;}

#footer {height: 30px; clear:both}
#dmw {height: 15px; width: 120px; position: absolute; top: 28px; left: 28px; z-index: 7}

#aboutus_H, #web_H, #design_H, #marketing_H, #whyuseus_H, #contact_H {position: absolute; top: 20px; left: 45px}
#aboutus_H {width: 280px; z-index: 2}
#web_H {width: 270px; visibility: hidden; z-index: 3}
#design_H {width: 270px; visibility: hidden; z-index: 4}
#marketing_H {width: 270px; visibility: hidden; z-index: 5}
#whyuseus_H {width: 270px; visibility: hidden; z-index: 6}
#contact_H {width: 270px; visibility: hidden; z-index: 7}

/*CONTENT PAGE ONLY DIV STYLES*/
#headC {position: absolute; top: 40px; left: 45px; width: 240px}
#textbox1 {position: absolute; top: 75px; left: 45px; width: 240px}
#textbox2 {position: absolute; top: 75px; left: 310px; width: 240px}
#emailreport {position: absolute; top: 50px; left: 55px; width: 260px}
#portfolio {position: absolute; top: 0px; right: 20px; width: 450px; height: 275px; margin: 0; padding: 0}

/*FORM STYLES*/
form#login {background-color: #D8D6CE; border: 1px solid #C4C1B5; font-size: 10px; padding: 7px 15px 7px 0; margin: 15px 35px 0 0; text-align: right}
#login .text {width: 120px; margin-left: 6px; border: 1px solid #C4C1B5; background-color: #EBEAE6; font-size: 10px; padding: 2px}
#login p {margin: 0; padding: 3px 0}
#login .button {font-size: 10px; border-top: 1px solid #C4C1B5; border-left: 1px solid #C4C1B5; border-right: 2px solid #B0AC9D; 
				border-bottom: 2px solid #9C9784; color: #970F00; background-color: #EBEAE6; cursor: pointer; padding: 1px 3px}

#aboutus_H img, #web_H img, #design_H img, #marketing_H img, #whyuseus_H img, #contact_H img {float: left; width: 28px; clear: both; padding: 0 7px 30px 0; margin: 0;}
/*#aboutus_H p, #web_H p, #design_H p, #marketing_H p, #whyuseus_H p, #contact_H p {padding-top: 72px}*/
/*#aboutus_H p {padding-top: 74px}
#web_H p {padding-top: 74px}
#design_H p {padding-top: 74px}
#marketing_H p {padding-top: 74px}
#whyuseus_H p {padding-top: 74px}*/

p {font: 11px/17px Arial, Helvetica, sans-serif; color: #424548; margin-top: 0}
h1 {font: normal 14px/14px Arial, Helvetica, sans-serif; color: #970F00;}

#left a:link {text-decoration: none; color: #970F00}
#left a:hover {text-decoration: none; border-bottom: 1px dotted #970F00; color: #00CC33}
#left a:visited {color: #970F00; text-decoration: none}

.firstpara {padding-top: 72px}
.bold {font-weight: bold}
.boldsm {font-size: 9px; text-align: right; text-transform: uppercase}
.green {color: #A4D56D}