/* 
Design and Development: Aleksandar Popovic / Headmade.net
border: 1px solid red;
------------*/

/* Layout specific styles
------------------------- */
#wrap { width:1000px; height:750px; overflow:hidden; padding-top:20px; background:white; text-align:center; }
#header, #content, #tickLines, #footer { width:960px; margin:0 auto; text-align:left; }
#header { margin-bottom: 50px; background:white; }
  #header #logo, .promoLeft, #longLine { width:520px; }
  #header ul, .promoRight, #shortLine { width:420px; }
    #header ul li { display:inline; padding-right:10px; }
#content { }
   #promo {}
  .promoLeft { }
  .promoRight { }
    .promoLeft p, .promoRight p { width:410px; }
  	.borderL, .borderR { border-top: 3px solid black; }
  .hpCollections img { margin:10px 0 5px 0; }	
  .hpCollections a { margin-right:10px; }
#footer {width:1000px; margin:0; background:white; text-align:right; }
  #footer a {padding:0 10px 0px 0;}

/* common styles */
a { color:#FF6600; text-decoration:underline; }
a:hover { text-decoration:none; }
.floatL { float:left; }
.floatR { float:right; }
.clearBoth { clear:both; }
.alignR { text-align:right; 
}
/* Form Styles */
form {margin:20px 0;}  
  form label {text-align:right; vertical-align:top; }
  form input { height:25px; }
  form input, #contact form textarea { width:250px; color:#236794; border:1px solid #ccc;}
  form input.submit { width:82px; height:30px; background:url(../images/butt_send.gif) no-repeat; border:none;}
  form .submit:hover {background:url(../images/butt_send2.gif) no-repeat;}

/* Main Navigation styles
------------------------- */
ul#mainnav { background:transparent url(../images/mainnav.gif) no-repeat; width:356px; height:15px; margin-right:65px;}
ul#mainnav span { display: none; }
ul#mainnav li, ul#mainnav a { height:15px; display:block;}
ul#mainnav li { float:left; list-style:none; display:inline; margin:0; padding:0; }
  li#mainnav1 {width: 50px;}
  li#mainnav2 {width: 128px;}
  li#mainnav3 {width: 110px;}
  li#mainnav4 {width: 68px;}
    li#mainnav1 a:hover {background:url(../images/mainnav.gif) 0px -15px no-repeat; }
    li#mainnav2 a:hover {background:url(../images/mainnav.gif) -50px -15px no-repeat; }
    li#mainnav3 a:hover {background:url(../images/mainnav.gif) -178px -15px no-repeat; }
    li#mainnav4 a:hover {background:url(../images/mainnav.gif) -288px -15px no-repeat; }

/* TYPOGRAPHY
------------------------- */
p { margin:5px 0; font-size:.85em; line-height:1.2em; color:#666; }
a {font-size:.95em;}
#footer a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:black; text-decoration:none; }
  #footer a:hover { color:#FF6600; }
  
/* CASCADING
 ------------------------- */
/* Home */
#home h3 {margin-top:5px;}
 
/* Collections Page */
#collections #wrap #content h3 {float:left; margin:20px 0 5px 20px;}
#collections #wrap #content {border-bottom: 3px solid black;}
#collections #wrap #content #promo .promoLeft{ width: 350px; font-size:.9em; line-height:1.2em; text-align:justify;}
#collections #wrap #content #promo .promoRight{ width: 500px; }
#collections #wrap #content ul { display:block; margin:50px 0 20px 0;}
  #collections #wrap  #content ul li { float:left; padding-right:25px; }

/* Collections, Large Bag Page */
#thumbs  { width:420px; margin:30px 0 30px 0; border-top: 1px solid black;}
#thumbs #notice { margin:20px 0 0 20px; width:110px; text-align:center; }
#thumbs #notice img { margin-top:10px; }
  
/* Bio Page */
#bio h3 {margin-top:5px;}
#bio .promoRight h1{float:right;}
#bio img.lucyPic {float:right; margin:10px 0;}
#bio .bioBg {height:650px; background:url(../images/bio_bg.gif) top left no-repeat;}
  #bio .bioBg p { width: 400px; height:340px; margin:30px 0 0 70px;}
  
/* Contact Page */
#contact h3 {margin-top:5px;}
#contact .contactCopy { width:300px; margin:20px 0 20px 50px; font-size:35px; font-family:Georgia, "Times New Roman", Times, serif; color:#ccc; font-weight:bold; line-height:1em; }

/* Thank You Page */
#thankYou h3 {margin-top:5px;}
#thankYou #promo .promoLeft h3 {margin:40px 0;}