/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent;}
body {line-height : 1;}
ol, ul {list-style : none;}
blockquote, q {quotes : none;}
blockquote:before, blockquote:after, q:before, q:after {content : ''; content : none;}
/* remember to define focus styles! */
:focus {outline : 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration : none;}
del {text-decoration : line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse : collapse; border-spacing : 0;}
.clear {clear : both; overflow : hidden;}
.left {float : left;}
.right {float : right;}

html, body {overflow : hidden; font-family : Verdana, Arial, Georgia, sans-serif;}
body {background : url("../pics/background_main.gif") repeat top center;}

/* Background Image */
#background {position : absolute; height : 100%; z-index : 1;}

/* Layout Div's */
#scroller {height : 100%; left : 0; overflow : auto; position : absolute; top : 0; width : 100%; z-index : 2;} 
#wrap {margin : 10% 0 0 37%; width : 34.375em;}
#header, #content, #footer {background-color : #EFEFEF; border : 1px solid #BFBFBF; margin-bottom : 1.0em; padding : 1.0em 0 1.5em 0;}
#content {clear : both; overflow : auto; padding : 1.0em 0;}
#threecolumn_left {float : left; width : 365px;}
#portfolio_fashion {float : left; width : 182px;}
#portfolio_commercial {float : left; width : 183px;}
#portfolio_bridal {float : right; width : 182px;}

/* Navbar */
#navbar {background-color : #F5777B; border : 1px solid #000; left : 1%; position : absolute; top : 61%; z-index : 100;}
#navbar li {padding: .5em;}
li.navbar_home a {background : url("../pics/navbar/home.gif") 0 0; display : block; width : 150px; height : 40px; text-indent : -999999px; overflow : hidden;}
li.navbar_home a:hover, li.navbar_home a:focus, li.navbar_home a.focus {background : url("../pics/navbar/home.gif") 0 -40px;}
li.navbar_bio a {background : url("../pics/navbar/bio.gif") 0 0; display : block; width : 150px; height : 40px; text-indent : -999999px; overflow : hidden;}
li.navbar_bio a:hover, li.navbar_bio a:focus, li.navbar_bio a.focus {background : url("../pics/navbar/bio.gif") 0 -40px;}
li.navbar_portfolio a {background : url("../pics/navbar/portfolio.gif") 0 0; display : block; width : 150px; height : 40px; text-indent : -999999px; overflow : hidden;}
li.navbar_portfolio a:hover, li.navbar_portfolio a:focus, li.navbar_portfolio a.focus {background : url("../pics/navbar/portfolio.gif") 0 -40px;}
li.navbar_resume a {background : url("../pics/navbar/resume.gif") 0 0; display : block; width : 150px; height : 40px; text-indent : -999999px; overflow : hidden;}
li.navbar_resume a:hover, li.navbar_resume a:focus, li.navbar_resume a.focus {background : url("../pics/navbar/resume.gif") 0 -40px;}
li.navbar_contact a {background : url("../pics/navbar/contact.gif") 0 0; display : block; width : 150px; height : 40px; text-indent : -999999px; overflow : hidden;}
li.navbar_contact a:hover, li.navbar_contact a:focus, li.navbar_contact a.focus {background : url("../pics/navbar/contact.gif") 0 -40px;}

/* Fonts & Links*/
#content {color : #000; font-size : 0.75em;}
#footer {color : #000; font-size : 0.6875em;}
#content a, #footer a {color : #000;}
#content a:hover, #footer a:hover {color : #4B4B4B;}

/* Portfolio */
#portfolio_fashion ul, #portfolio_commercial ul, #portfolio_bridal ul {list-style : none;}
#portfolio_fashion ul li, #portfolio_commercial ul li, #portfolio_bridal ul li {display : inline; padding-right : 6px;}
#portfolio_fashion img, #portfolio_commercial img, #portfolio_bridal img {margin-bottom : 6px;}
#portfolio_fashion a img, #portfolio_commercial a img, #portfolio_bridal a img {border : 1px solid #BFBFBF;}
#portfolio_fashion a:hover img, #portfolio_commercial a:hover img, #portfolio_bridal a:hover img {border : 1px solid #4B4B4B;}

/* Text ALignment & Spacing */
img.left {float : left; margin : 0 1em 1em 1em;}
#content p {line-height : 1.5em; padding : 0 1.0em 1.0em 1.0em;}
#content ul {margin-left : 2em;}
#content ul li {line-height : 1.5em;}
#footer {text-align : center;}
#footer p {line-height : 1.5em;}
#footer ul li {display : inline;}

/* Headings */
#heading_fashion {width : 179px; height : 30px; margin-bottom : 1.0em; position : relative;}
#heading_fashion span {background : url("../pics/headings/fashion.gif") no-repeat; position : absolute; width : 100%; height : 100%;}
#heading_commercial {width : 178px; height : 30px; margin-bottom : 1.0em; position : relative;}
#heading_commercial span {background : url("../pics/headings/commercial.gif") no-repeat; position : absolute; width : 100%; height : 100%;}
#heading_bridal {width : 179px; height : 30px; margin-bottom : 1.0em; position : relative;}
#heading_bridal span {background : url("../pics/headings/bridal.gif") no-repeat; position : absolute; width : 100%; height : 100%;}
#heading_resume {width : 400px; height : 30px; margin : 0 0 1.0em 1.0em; position : relative;}
#heading_resume span {background : url("../pics/headings/resume.gif") no-repeat; position : absolute; width : 100%; height : 100%;}
#heading_dropmealine {width : 400px; height : 30px; margin : 0 0 1.0em 1.0em; position : relative;}
#heading_dropmealine span {background : url("../pics/headings/dropmealine.gif") no-repeat; position : absolute; width : 100%; height : 100%;}

/* Resume */
h2.heading_resume {font-size : 1.75em; margin-bottom : 1.0em; text-align : center;}
h3.heading_resume {font-size : 1em; margin-bottom : 1.0em; text-align : center;}
p.center {text-align : center;}
#content ul.stats {margin-bottom : 1.0em; padding : .25em; text-align : center;}
#content ul.stats li {display : inline;}
#content ul.clients {margin-bottom : 1.0em;}
#content ul.details li {margin-bottom : 1.0em;}
#content table.resume {margin-bottom : 1.0em; width : 100%;}
#content table.resume td {padding : 0.25em 0.25em 0.5em 0.25em; width : 25%;}
#content table.resume td.show {font-weight : bold;}
#content table.resume tr.alt td {background-color : #DFDFDF;}
#content table.resume tr.over td {background-color : #BFBFBF;}

/* Subnavbar */
#content ul.subnavbar {background-color : #DFDFDF; margin : 0 0 1.0em 0; padding : .25em; text-align : center;}
#content ul.subnavbar li {display : inline; padding-right : .75em;}

/* Contact Form */
#content form#dropmealine {margin-left : 1.0em;}
#content form#dropmealine input, #content form#dropmealine textarea {margin-bottom : 1.0em;}
#content form#dropmealine label {font-weight : bold;}