/* CSS Document */

/* Impress Design, LLC is the home of graphic designer Jack McDaniel. 720.495.1368 - www.Impress-Design.com */
/* Feel free to use this template as you like. It was developed for use with 
MODx Content Management Framework, but it will work with any site. Just make certain you change it and don't steal my images */

/* Site Colors: Chocolate 572700, Dark Chocolate 2B0D05, Gold E8BE2B, Cream FCF5D4*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Body Settings and Background */
html,body{margin:0; padding:0; border:0; font-size:14px; font-weight: 100; font-family: "ITC Avant Garde Gothic","Avenir LT Std","Arial Narrow", Arial,Helvetica,"sans-serif";color:#FCF5D4;}
html{background:#2B0D05 url(../img/BG.jpg) top center no-repeat}

a {color: #E8BE2B; text-decoration: none;}
a:hover {color: #FCF5D4; text-decoration: none}

body{width:100%; margin:0 auto;background:#2B0D05 url(../img/BG.jpg) top center no-repeat}
*{margin:0; padding:0}

#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#header{
height: 400px; /*Height of top section*/
margin: 0 auto; /*Center container on page*/
}

#logo {
width: 244px;
margin: 0 auto; /*Center container on page*/
}

/********Header Links Section********/
#toplinks {margin: 0 auto;height: 30px; overflow: hidden; margin-top: 20px;padding-top: 15px; background: url(../img/menuBG.jpg) top left no-repeat;}
.block {text-align: center; font-size: .95em;margin: 0 auto;letter-spacing: .15em;}
.block ul {margin-left:-10px; list-style-type: none;}
.block ul li {margin-left: 10px;padding: 3px 5px 5px 5px; display: inline; color: #FCF5D4; line-height: 1.5em; text-decoration: none;}
.block ul li:hover {border-bottom: 1px solid #E8BE2B;background: url(../img/menu_hover.gif) bottom center no-repeat;padding: 3px 5px 5px 5px; display: inline; color: #FCF5D4; line-height: 1.5em; text-decoration: none;}
.block ul li a:hover {color: #FFF;}
.block ul a{text-decoration: none; color:#FCF5D4}
.block ul li.active a{color:#FFF;}

/********Content Info for Products, Services Pages w/ Left Column********/
#contentwrapper{
float: left;
width: 100%;
padding-bottom: 1.4em;
margin-top: 20px;
}

#contentcolumn{
margin-left: 300px; /*Set right margin to LeftColumnWidth*/
padding: 25px 25px 25px 25px;
color: #FCF5D4;
font-size: 1.1em;
line-height:1.5em;
}

#contentcolumn p {padding-bottom: 1.2em;text-align: justify;}
#contentcolumn img {float: right; border: 1px solid #FCF5D4;padding: 3px; margin-left: 10px;}

/********Content Info for Single Column Pages********/
#sectionwrapper {float: left;width: 100%;padding-bottom: 1.4em;margin-top: 5px;}
#sectioncolumn {padding: 35px 10px 25px 10px; color:#FCF5D4;font-size: 1.1em;line-height: 1.5em;}

/*********Gallery Page********/
#gallery {
	margin: 0 auto;
	width: 900px;
	}
#imagegallery {margin: auto 0;}

/********Left Column********/
#leftcolumn{
float: left;
width: 300px; /*Width of left column*/
margin-left: -900px; /*Set left margin to -(MainContainerWidth)*/
margin-top:50px;
}

#leftcolumn h2 {font-family:"Monotype Corsiva","ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.5em;border-bottom: none; text-align: left;padding-top: 15px;}

/*********Right Links**********/
#rightlinks {margin: 10px 0 0 30px;}
#rightlinks h1 {font-family:"Monotype Corsiva","ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.5em;background: url(../img/navBG.jpg) top left no-repeat; border-bottom: none; text-align: left;padding-top: 15px;}
.rightlinks {width: 250px;margin-top: -14px;}
.rightlinks ul {margin-left: 15px; list-style-type: none;}
.rightlinks ul li {padding: 7px 5px 5px 20px; display: block; color: #200E00; line-height: 1.3em; text-decoration: none; background: url(../img/arrow2.gif) no-repeat 2px 9px }
.rightlinks ul li:hover {padding: 7px 5px 5px 20px; display: block; color: #FCF5D4; line-height: 1.3em; text-decoration: none; background: url(../img/arrow2.gif) no-repeat 2px 9px}
.rightlinks ul li a:hover {color: #FCF5D4;}
.rightlinks ul a{text-decoration: none; color:#E8BE2B}
.rightlinks ul li .last {padding-bottom: 10px;}
.rightlinks li.current {color: #E8BE2B;}
.rightlinks_bottom {height: 15px;background: url(../img/navBG.jpg) bottom left no-repeat;width: 250 px;}

/********About section for Frontpage********/
#about {float: left;width: 300px;line-height: 1.4em;margin-left: 10px;}
#about p {padding-bottom: 1.4em; padding-left: 5px;text-align: justify;font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, serif;font-size: 1.1em;}
#about h1 {font-size: 1.3em;padding: 3px 0 5px 3px; margin-bottom: 15px; border-bottom: 1px solid #FCF5D4;}

/********News section for Frontpage********/
#news {float: left;width: 400px;line-height: 1.4em;margin-left: 30px;}
#news p {padding-bottom: 1.4em; padding-left: 5px;text-align:justify;font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, serif;font-size: 1.1em;}
#news h1 {font-size: 1.3em;padding: 3px 0 5px 3px;margin-bottom: 15px; border-bottom: 1px solid #FCF5D4}
#news img {border:none;}

/********FOOTER********/
#footer {color:#FCF5D4; padding-bottom: 10px;height: 130px; background: url(../img/menuBG.jpg) top left no-repeat;margin-top: 15px;}
#footerlinks {float:left; padding: 25px 0 10px 5px; font-size:.9em;line-height: 1.4em;}
#footerlinks a {color: #FCF5D4;}
#footerlinks a:hover {color: #E8BE2B;}
#siteInfo {padding: 20px 0 0 0; font-size: .85em;line-height: 1.4em;}
#footercontact {float: right; color:#FCF5D4; font-size: .85em;line-height: 1.4em;padding: 25px 5px 0 30px; text-align: right;}

/********HEADERS********/
#about_content h1 {text-align: left;font-weight: 100;letter-spacing: .1em;font-family:"Monotype Corsiva","ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.6em;padding: 3px 0 10px 3px;}
h1 {font-weight: 100;letter-spacing: .1em;font-family:"Monotype Corsiva","ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.6em;padding: 3px 0 4px 0;margin-bottom: 15px;text-align:center;}
h2 {font-weight: 100;letter-spacing: .1em;font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.2em;padding: 3px 0 4px 0;margin-bottom: 5px;text-align:left;}
h3 {font-weight: 100;letter-spacing: .1em;font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.1em;padding: 3px 0 4px 0;margin-bottom: 5px;text-align:left;}
h4 {font-weight: 100;letter-spacing: .1em;font-family:"Monotype Corsiva","ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.4em;padding: 3px 0 4px 0;margin-bottom: 15px;text-align:left;}
h3.lashlounge {
	background: url(../img/lashlounge.png) top left no-repeat;
	text-indent: -9999px;
	height: 55px;
}
/********RightColWrap**********/
.rightcolwrap {margin: 0 auto;float:left;}

#creditcards {float:left;padding-bottom: 5px; margin: 30px 0 10px 25px;width:270px; float: left; font-weight: 100;line-height:1.3em;}
#creditcards h1 {text-align: left;
	font-weight: 100;letter-spacing: .1em;font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.2em;padding: 3px 0 4px 3px;border-bottom: 1px solid #FCF5D4;margin-bottom: 10px;}

#newsletter {float:left;text-align: left;padding-bottom: 5px; margin: 30px 0 10px 25px;width:270px; float: left; font-weight: 100;line-height:1.3em;}
#newsletter h1 {text-align: left; font-weight: 100;letter-spacing: .1em;font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.2em;padding: 3px 0 4px 3px;border-bottom: 1px solid #FCF5D4;margin-bottom: 10px;}
#newsletter a {color: #FCF5D4;}
#newsletter a:hover {padding-bottom: 4px;background: url(../img/menu_hover.gif) bottom center no-repeat;border-bottom: 1px solid #E8BE2B;}

#giftcert {float: left;text-align: left;padding-bottom: 5px; margin: 30px 0 10px 0;width:270px;font-weight: 100;line-height:1.3em;}
#giftcert h1 {text-align: left; font-weight: 100;letter-spacing: .1em;font-family:"ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.2em;padding: 3px 0 4px 3px;border-bottom: 1px solid #FCF5D4;margin-bottom: 10px;}
#giftcert a {color: #FCF5D4;}
#giftcert a:hover {padding-bottom: 4px;background: url(../img/menu_hover.gif) bottom center no-repeat;border-bottom: 1px solid #E8BE2B;}

.blockquotes {width: 230px;margin-bottom: 20px;font-size: 2.2em;line-height: 1.8em; font-style: italic;}

.learnmore {font-style: italic;}
.learnmore a {color: #FCF5D4;}
.learnmore a:hover {padding-bottom: 4px;font-style: italic; border-bottom: 1px solid #E8BE2B; background: url(../img/menu_hover.gif) bottom center no-repeat;}

#jeanette {width:420px; float: left;margin-left: 10px; font-weight: 100;line-height:1.3em;}
#jeanette h1 {text-align: left; font-weight: 100;letter-spacing: .1em;font-family:"Monotype Corsiva","ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.4em;padding: 3px 0 4px 3px;border-bottom: 1px solid #FCF5D4;margin-bottom: 10px;}
#jeanette img {float: right; margin-left: 5px; border: 1px solid #FCF5D4; padding: none;}
#jeanette p {text-align: left;}

#brandy {width:420px; float: left; margin-left: 25px;font-weight: 100;line-height: 1.3em;}
#brandy h1 {text-align: left; font-weight: 100;letter-spacing: .1em;font-family:"Monotype Corsiva","ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.4em;padding: 3px 0 4px 3px;border-bottom: 1px solid #FCF5D4;margin-bottom: 10px;}
#brandy img {float: right; margin-left: 5px; border: 1px solid #FCF5D4; padding: none;}
#brandy p {text-align: left;}

#about_content {width:275px; float: left;font-weight: 100;line-height: 1.3em;}
#about_content h1 {text-align: left; font-weight: 100;letter-spacing: .1em;font-family:"Monotype Corsiva","ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.4em;padding: 3px 0 4px 3px;border-bottom: 1px solid #FCF5D4;margin-bottom: 10px;}
#about_content img {float: right; margin-left: 5px; border: 1px solid #FCF5D4; padding: none;}
#about_content p {text-align: left;}

/********User Sections - 1 Column pages w small content areas - the same as Brandy & Jeanette********/
.user1 {width:275px; float: left; font-weight: 100;line-height:1.3em;margin-bottom: 15px;}
.user1 h1 {text-align: left; font-weight: 100;letter-spacing: .1em;font-family:"Monotype Corsiva","ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.4em;padding: 3px 0 4px 3px;border-bottom: 1px solid #FCF5D4;margin-bottom: 10px;}
.user1 img {float: right; margin-left: 5px; border: 1px solid #FCF5D4; padding: none;}
.user1 p {text-align: left;padding-bottom: 1.3em;}

.user2 {width:275px; float: left; margin-left: 25px;margin-bottom: 15px;font-weight: 100;line-height: 1.3em;}
.user2 h1 {text-align: left; font-weight: 100;letter-spacing: .1em;font-family:"Monotype Corsiva","ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.4em;padding: 3px 0 4px 3px;border-bottom: 1px solid #FCF5D4;margin-bottom: 10px;}
.user2 img {float: right; margin-left: 5px; border: 1px solid #FCF5D4; padding: none;}
.user2 p {text-align: left;padding-bottom: 1.3em;}

/**********For long contentlists to set them side by side*********/
.user3 {width:250px; float: left; margin-left: 25px;margin-bottom: 15px;font-weight: 100;line-height: 1.3em;}
.user3 h1 {text-align: left; font-weight: 100;letter-spacing: .1em;font-family:"Monotype Corsiva","ITC Avant Garde Gothic","Avenir LT Std",Geneva,Helvetica,Arial, "sans-serif";font-size: 1.4em;padding: 3px 0 4px 3px;border-bottom: 1px solid #FCF5D4;margin-bottom: 10px;}
.user3 img {float: right; margin-left: 5px; border: 1px solid #FCF5D4; padding: none;}
.user3 p {text-align: left;}

.price {color: #E8BE2B;float: left; font-style: italic; font-weight: 300; margin-right: 25px;}

.portfolio img {float:right; border: 1px solid #FCF5D4; margin-left: 5px;}

/********EmailForm ********/
#EmailForm {width: 275px;text-align: left;padding-bottom: 20px;border: none;font-size:.95em;}
#EmailForm.full { width: 100%; }
fieldset {border: none;}
legend {display: none;}
#EmailForm h3 {clear: both;padding: 15px 0 5px;font-size: 14px;font-family: Helvetica, Arial, sans-serif;color: #FCF5D4;font-weight: bold;}
#EmailForm label,#EmailForm p {display: block;clear: both;width: 250px;font-size: 1em;line-height: 1.5em;padding: 0 0 9px;}
#EmailForm input {display: block;margin-top: 2px;}
#EmailForm select {float: left;display: block;}
#EmailForm label.first,#EmailForm label.city {clear: left;margin-right: 10px;width: 150px;}
#EmailForm label.second,#EmailForm label.state {float: left;clear: none;margin: 0 10px 0 0;width: 150px;}
#EmailForm label.state { width: 60px; }
#EmailForm label.first input,#EmailForm label.city input,#EmailForm label.second input {float: left;width: 150px;padding: 0;}
#EmailForm label.state select {width: 60px;float: left;margin-top: 2px;}
#EmailForm label.zip,#EmailForm label.zip input {float: left;width: 80px;}
#EmailForm label.zip { clear: none; }
#EmailForm label {float: left;clear: left;width: 250px;margin: 0;line-height: 1.2em;}
#EmailForm label input {float: left;width: 250px;padding: 0;}
#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {clear: left;float: left;padding: 0;margin: 0;}
#EmailForm label.radio,
#EmailForm label.radioitem {clear: none;margin: 0 0 0 25px;padding: 0 0 15px;}
#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {clear: both;float: left;padding: 0;margin: 0;}
#EmailForm label.checkbox {clear: none;margin: 0 0 0 25px;padding: 0 0 15px;}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {border: 1px solid #E8BE2B;border-left-color: #FCF5D4;border-top-color: #FCF5D4;padding: 2px 2px;height: 20px;line-height: 18px;background-color: #2B0D05;color:#FCF5D4;}
#EmailForm input.checkbox,
#EmailForm select {border: 1px solid #E8BE2B;border-left-color: #FCF5D4;border-top-color: #FCF5D4;background-color: #2B0D05;color: #FCF5D4;}
#EmailForm textarea {margin-top: 2px;width: 250px;height: auto;display: block;}
#EmailForm label input.calc {text-align: right;width: 100px;clear: left;padding: 0;}
#EmailForm input.button {clear: left;border: 1px solid #E8BE2B;border-left-color: #FCF5D4;border-top-color: #FCF5D4;background-color: #2B0D05; color: #FCF5D4;margin-top: -15px;}
#cfContact{padding: 2px;color: #E8BE2B;}

/********Newsletter Form********/
.rightForm input {background-color: #2B0D05;padding: 3px;border-top:1px solid #E8BE2B;border-right:1px solid #E8BE2B;border-left:1px solid #FCF5D4;border-bottom: 1px solid #FCF5D4;color: #FCF5D4;}

/**************Content Lists*****************/	
.contentlist ul li {padding: 7px 5px 5px 18px; display: block; color: #FCF5D4; line-height: 1.3em; text-decoration: none; background: url(../img/arrow2.gif) no-repeat 2px 11px }	
.contentlist ul {margin: 0 0 10px 0}
.contentlist p {margin-bottom: -20px;}
.serviceslist ul {margin: -10px 0 10px 0}
.serviceslist ul li {font-size: 1.4em; padding: 7px 5px 5px 18px; display: block; color: #FCF5D4; line-height: 1.5em; text-decoration: none;}
.contentList {
	line-height: 2.0em;
}
.servicecontain {margin-bottom: 2px; clear: left;}


.portwrap {float:right;margin-left: 5px;}
.portimage {float:right; border: 1px solid #FCF5D4; width:100px;height: 130px;}

.clear {clear:left;}

/********Ditto Info********/
.ditto_summaryPost img {float: right; margin-left: 5px;}

/********Service Page Sections********/
.serviceuser1 {text-align: center; font-weight: 100;line-height:1.5em;margin-bottom: 15px;margin: 0 auto;}
.serviceuser1 ul li a {color:#f1d36f;}

/********Case Study Image ********/
#casestudy img {text-align: center;padding: 3px; border:none;}
/*****************ADDONS**************/
.addon {
	float: right;
	width: 175px;
	padding-left: 10px;
	margin: 10px 0 10px 15px;
	font-size: .85em;
	border-left: 1px solid #F1D36F;
	line-height: 1.25em;
}