/* Nobel Hair Design */
/* modified 22/07/09 */ 

body { margin: 0px auto; margin-bottom: 20px; background-color: #600; background-image: url(../images/bg.gif); background-repeat: repeat-x; }
#border { margin: 0px auto; margin-top: 60px; width: 858px; padding: 1px 1px; background-color: #fff; }
#wrapper { margin: 0px auto; width: 858px; padding: 0px; background-color: #fff; background-image: url(../images/bg-wrapper.gif); background-repeat: repeat-x; }
#main-images { margin: 0px auto; width: 858px; background-repeat: no-repeat; background-position: top right; }
 .mi-01 { background-image: url(../images/main-pics/mi-01.jpg); }
 .mi-athina { background-image: url(../images/main-pics/mi-athina.jpg); }
 .mi-lauren { background-image: url(../images/main-pics/mi-lauren.jpg); }
 .mi-sam { background-image: url(../images/main-pics/mi-sam.jpg); }
 .mi-dianne { background-image: url(../images/main-pics/mi-dianne.jpg); }
 .mi-maria { background-image: url(../images/main-pics/mi-maria.jpg); }
 .mi-brooke { background-image: url(../images/main-pics/mi-brooke.jpg); }
 .mi-weddings { background-image: url(../images/main-pics/mi-weddings.jpg); }
 .mi-random { background-image: url(../images/specials/rotator.php); }
#logo { float: left; width: 230px; height: 77px; }
div.clearing { clear: both; }
#nav { float: left; padding: 5px 10px; }
#subnav { padding: 7px 14px; height: 20px; }
#left { min-height: 200px; float: left; width: 482px; padding: 5px 0px 10px 20px; border-left: #351f15 solid 6px; }
#portfolio { float: left; width: 806px; padding: 5px 20px 10px 20px; border-left: #351f15 solid 6px; }
#portfolio-small { float: left; width: 460px; padding: 5px 10px 10px 0px; }
#specials { float: left; width: 436px; padding-left: 26px; }
#partners { float: right; width: 396px; padding-top: 5px; }
#wrapper-footer { width: 858px; background: #e4ebca; border-top: 2px solid #600; height: 9px; }

#nav ul { margin: 0px; padding: 1px 0px; font: bold 11px "Trebuchet MS", Tahoma, Arial, sans-serif; color: #600; text-transform: uppercase; }
#nav li { display: inline; list-style-type: none; padding: 0px; margin: 0px; }
#nav a { color: #600; text-decoration: none; padding: 2px 5px; } 
#nav a:hover { color: #fff; text-decoration: none; background-color: #600; }
#nav a:active { color: #000; text-decoration: none; background-color: none; }

#subnav p { font: bold 11px Arial, Helvetica, sans-serif; line-height: 16px; color:#666; margin: 0px 0px; padding: 4px 0px; }
#subnav a { color: #600; text-decoration: none; } 
#subnav a:hover { color: #444; text-decoration: none; }
#subnav a:active { color: #000; text-decoration: none; }

#left h1, #portfolio h1 { margin: 0px; padding: 0px 0px 10px 0px; font-weight: normal; font: 21px "Trebuchet MS", Tahoma, Arial, sans-serif; color: #600; }
#left h2, #portfolio h2 { font: bold 12px Arial, Helvetica, sans-serif; color:#600; margin: 0px 0px; padding: 10px 0px 0px 0px; }
#left h4 { clear: both; padidng: 0px; margin: 0px; }
 .tabletext { float: left; width: 100px; color: #444; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; text-align: right; padding: 5px 5px 5px 0px; margin: 0px 0px 8px 0px; background: #eee; }
 .textarea { float: left; border: 1px solid #600; background-color: #FFF; height: 16px; width: 300px; padding: 3px 2px; font: Arial, Helvetica, Sans-Serif; font-size: 11px; margin: 0px 2px; }	
 .textarea_message { float: left; border: 1px solid #600; background-color: #FFF; width: 325px; padding: 2px; font: 11px Arial, Helvetica, sans-serif; margin: 0px 2px; }
 .btn-submit { float: left; width: 88px; height: 22px; margin: 8px 0px 0px 0px; }
#left p, #portfolio p { font: 11px Arial, Helvetica, sans-serif; line-height: 16px; color:#555; margin: 0px 0px; padding: 4px 0px; }
#left ul, #portfolio ul { font: 11px Arial, sans-serif; color: #666; margin-top: 0px; margin-bottom: 0px; }
#left li, #portfolio li { list-style-image: url(../images/bullet.gif); }

.td-hdr { font: bold 12px Arial, Helvetica, sans-serif; color:#fff; background: #600; }
.td-line1 { font: 11px Arial, Helvetica, sans-serif; color:#555; background: #fff; }
.td-line2 { font: 11px Arial, Helvetica, sans-serif; color:#555; background: #e4e8d6; }

.portfolio { width: 135px; height: 135px; padding: 2px; border: 2px solid #600; margin: 5px 5px 0px 0px; }
#portfolio img:hover, #portfolio-small img:hover { border: 2px solid #e30020; }

#left a { color: #600; text-decoration: none; } 
#left a:hover { color: #444; text-decoration: none; }
#left a:active { color: #000; text-decoration: none; }

#specials h2 { font: bold 11px Arial, Helvetica, sans-serif; line-height: 16px; color:#600; margin: 0px 0px; padding: 4px 0px 0px 0px; text-transform: uppercase; }
#specials p { font: 11px Arial, Helvetica, sans-serif; line-height: 16px; color:#555; margin: 0px 0px; padding: 0px 0px; }
#specials ul { font: 11px Arial, Helvetica, sans-serif; line-height: 16px; color:#555; margin: 0px 10px 4px 15px; padding: 0px 0px; }
#specials li { margin: 0px 0px; padding: 0px 0px; list-style-image: url(../images/bullet.gif); }
#specials a { color: #600; text-decoration: underline; } 
#specials a:hover { color: #444; text-decoration: none; }
#specials a:active { color: #000; text-decoration: none; }

#left hr { margin: 5px 0px 12px 0px; padding: 0px 0px; border-top: none; border-bottom: 2px dotted #600; border-left: none; border-right: none; }

/* PLACE THIS LAST */
hr { margin: 0px auto; padding: 0px 0px; border-top: none; border-bottom: 1px solid #600; border-left: none; border-right: none; }
.separator { padding: 0px 3px; }