* {margin: 0; padding: 0; }
    body { height:100%; background-color:#000000; font: 13px Arial,Verdana,sans-serif; margin: 0; padding: 0; }
 a:active { outline: none;}
 a:visited {  outline: none;}

.hidem { display:none; }
.clear { clear:both; }
  /*    border:1px solid #800000;    ------------------CUT--------------*/
  
#top { width:100%; height:100px; background-image:url(img/topdarkgrad.jpg); background-repeat:repeat-x; }

#headmain {width:900px; height:100px;  background:transparent; margin:0 auto;}
#head { width:350px; background:transparent; float:left; margin:0;}
#head h1 { font-size:2.0em; color:#ffffff; padding:25px 0 0 0; }
#head p { font-size:1.2em; color:#ffffff; padding:5px 0 0 0; }
#head a { color:#ffffff; text-decoration:none; }
#head a:hover { color:#ffffff; text-decoration:none; }
#logo { float:left; width:91px; height:91px; background-image:url(img/logo_39.png); background-repeat:no-repeat; margin:5px 0 0 0;}


/*PRICES=============+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#pricebox { width:600px; margin:0 auto; background:transparent; }
#pricebox h1 {font:1.4em arial black; color:#eeeeee; text-align:center; padding: 30px 0 0 0;}
#pricebox h2{ font:1.0em arial black; text-align:left; padding:0; color:#eeeeee; border-bottom:1px dotted #779DB2;}
#pricebox h3{ font-size:1.1em; text-align:left; padding:10px 0 0 10px; color:#779DB2; }
#pricebox h4{ font-size:1.0em; text-align:center; padding:3px 40px 0 40px; color:#779DB2; }

#pricebox a { color:#5484B4;   padding:0; text-decoration:none;}
#pricebox a:hover { color:#779DB2;   padding:0; text-decoration:underline;}



/*PRICES=============+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*ABOUT=============+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#abobox { width:700px; margin:0 auto; background:transparent; }
#abobox h1{ font:1.4em arial black; text-align:left; padding:30px 0 0 10px; color:#eeeeee; }
#abobox h2{ font:1.0em arial black; text-align:left; padding:0; color:#eeeeee; border-bottom:1px dotted #779DB2;}
#abobox h3{ font-size:1.0em; text-align:left; padding:10px 0 0 10px; color:#779DB2; }
#abobox h3:first-letter{font-size:1.8em; }
#abobox h4{ font-size:1.0em; text-align:left; padding:7px 0 0 20px; color:#779DB2; }
#abobox h5{ font-size:1.0em; text-align:left; padding:15px 0 0 10px; color:#779DB2; }
#abobox a { color:#5484B4;   padding:0; text-decoration:none;}
#abobox a:hover { color:#779DB2;   padding:0; text-decoration:underline;}

/*ABOUT=============+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*PRIVACY=============+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#primid { width:100%; min-height:350px; background-color:#09243E; }
#primidbox {position:relative; width:500px; margin:0 auto; background:transparent;}
#primidbox p { font-size:1.0em; color:#ffffff; text-align:left; }
#primidbox h1 { font-size:1.4em; color:#ffffff; text-align:center; }
#primidbox h2 { font-size:1.2em; color:#ffffff; text-align:left; }
/*PRIVACY=============+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*Portfolio=============+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#portmid { width:100%; min-height:3600px; background-color:#09243E; }
#portwrap {position:relative; width:900px; margin:0 auto; background:transparent;}
#portsband{ width:296px; height:95px; position:absolute; top:20px; left:302px;  background-image:url(img/portband3.jpg); background-repeat:no-repeat; }

#portitems{ width:600px; position:absolute; top:135px; left:150px; background:transparent;  }
#portitems p { font-size:1.0em; color:#ffffff;  padding:9px 10px 0 0; line-height:18px; border-bottom:1px dotted #779DB2; }
#portitems h1 { font: 1.4em Arial black; color:#ffffff; padding:0;}
#portitems a {  color:#eeeeee; text-decoration:underline;}
#portitems a:hover {  text-decoration:none;}

#openbox { width:200px; height:125px; float:left; background-image:url(img/OpenFL_basics_php.jpg); background-repeat:no-repeat; padding:0 5px 0 0; }
#hogtownbox { width:200px; height:125px; float:left; background-image:url(img/hogtownauto_com.jpg); background-repeat:no-repeat; padding:0 5px 0 0; }
#purebox { width:200px; height:125px; float:left; background-image:url(img/pureawareness_info.jpg); background-repeat:no-repeat; padding:0 5px 0 0; }
#bookbox { width:200px; height:125px; float:left; background-image:url(img/bookfires.jpg); background-repeat:no-repeat; padding:0 5px 0 0; }
#melaniebox { width:200px; height:122px; float:left; background-image:url(img/melanieslaughterlaw_com.jpg); background-repeat:no-repeat; padding:0 5px 0 0; }
#gulfbox { width:200px; height:125px; float:left; background-image:url(img/gulfcoasthea_com.jpg); background-repeat:no-repeat; padding:0 5px 0 0; }
#gardenbox { width:200px; height:125px; float:left; background-image:url(img/877gehydro_com.jpg); background-repeat:no-repeat; padding:0 5px 0 0; }
#primedbox { width:200px; height:125px; float:left; background-image:url(img/primedwebdesign_com.jpg); background-repeat:no-repeat; padding:0 5px 0 0; }
#jsalon { width:200px; height:125px; float:left; background-image:url(img/JSalon.jpg); background-repeat:no-repeat; padding:0 5px 0 0; }
#prettygirls { width:200px; height:125px; float:left; background-image:url(img/prettygirlsbycami.jpg); background-repeat:no-repeat; padding:0 5px 0 0; }
.portfolioimgbox { width:200px; height:125px; float:left;  padding:0 5px 0 0; }


/*Portfolio============+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#mid { width:100%; min-height:680px; background-color:#09243E; background-image:url(img/midbluegrad.jpg); background-repeat:repeat-x; }
#midgap { width:100%; height:20px; background:transparent; }
#bluebox {position:relative; width:910px; height:260px; background-image:url(img/LbluewithImagEE.jpg); margin:0 auto; }
#bluebox p { font-size:1.0em; color:#0A2540; padding:120px 0 0 40px; }
#bluebox h1 { font-size:1.0em; color:#0A2540; padding:120px 0 0 40px; font-weight:500; }
#learnmorebox {position:absolute; top:195px; left:130px; width:150px; height:60px; background:transparent;outline: none; }


#foot {width:100%; height:100px; background-color:#04121D; }
#footbox { width: 900px; margin:0 auto; height:50px; padding-top:25px; }
#footboxleft { width: 500px; margin:0 0 0 10px; float:left; height:50px;  }
#footboxleft p { color:#324855; font-size:0.9em; padding:0;}
#footboxleft a { color:#324855;   padding:0; text-decoration:none;}
#footboxleft a:hover { color:#5484B4;   padding:0; text-decoration:underline;}
#footboxleft h1 { color:#5484B4; font-size:0.9em; padding:0; }
#footboxright { width: 200px; margin:0 20px 0 0; float:right; height:50px;  }
#footboxright p { text-align:right; }

#tricollumngap { width:100%; height:20px; background:transparent; }
#tricollumn { width:900px; background:transparent; margin:0 auto; }
#tricollumn a { color:#5484B4;   padding:0; text-decoration:none;}
#tricollumn a:hover { color:#5484B4;   padding:0; text-decoration:underline;}

#tricollumnleft { width:280px; float:left; margin:0 0 0 15px; padding:0; height:360px; border-right: 1px solid #779DB2;} 
#tricollumnleft h1 { font-size:1.5em; color:#ffffff; padding:10px;  }
#tricollumnleft h6 { font-size:1.5em; color:#ffffff; padding:10px;  }
#tricollumnleft p {color:#779DB2; padding:0 15px 0 10px; font-size:1.0em; line-height:20px;}


#tricollumnmid { width:280px; float:left; margin:0 0 0 10px; padding:0; height:360px; border-right: 1px solid #779DB2;} 
#tricollumnmid h1 { font-size:1.5em; color:#ffffff; padding:10px;  }
#tricollumnmid h6 { font-size:1.5em; color:#ffffff; padding:10px;  }
#tricollumnmid p {color:#779DB2; padding:0 10px 0 10px; font-size:1.0em; line-height:20px;}

#tricollumnright{ width:280px; float:left; margin:0 0 0 10px; padding:0; } 
#tricollumnright h1 { font-size:1.5em; color:#ffffff; padding:10px;  }
#tricollumnright h6 { font-size:1.5em; color:#ffffff; padding:10px;  }
#tricollumnright p {color:#779DB2; padding:0 0 0 10px; font-size:1.0em;  line-height:20px;  border-bottom: 1px dotted #779DB2;}
#tricollumnright h2 {color:#779DB2; padding:0 0 0 10px; font-size:1.0em; line-height:20px; }
#tricollumnright h3 {color:#779DB2;  padding:0 0 0 10px; font-size:0.9em; font-weight:500; line-height:20px; }




/*TOP RIGHT MENU=============+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#menubox { width:440px; height:50px; float:right; padding-top:30px; }

#nav-menu ul{list-style: none;padding: 0;margin: 0;}
#nav-menu li{float: left;margin: 0 2px;}
#nav-menu li a{background: url(img/menuback.jpg) #fff bottom left repeat-x;height: 50px;line-height: 15px;float: left;
width: 100px;display: block;color: #aaaaaa;text-decoration: none;text-align: right; padding-right:5px;}
#nav-menu a span { padding:0 0 0 10px; margin:0;}
/* Hide from IE5-Mac \*/
#nav-menu li a{float: none}
/* End hide */
#nav-menu{width:440px;} 
#nav-menu #current a  {background: url(img/menuhover.jpg) #fff bottom left repeat-x;height: 50px;line-height: 15px;float: left;
width: 100px;display: block;color: #eeeeee;text-decoration: none;text-align: right;padding-right:5px;}
#nav-menu li a:hover{background: url(img/menuhover.jpg) #fff bottom left repeat-x;height: 50px;line-height: 15px;float: left;
width: 100px;display: block;color: #eeeeee;text-decoration: none;text-align: right;padding-right:5px;}
/*TOP RIGHT MENU=============+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/