/* CSS Document */
/* 5.21.09 */
/* Author: www.randycaruso.com */

html {
	min-height: 100%;
	margin-bottom: 1px;
}



html, body { height: 100%; }

body { height: 100%; font-size: 62.5%; font-family: Arial, Helvetica, Tahoma, sans-serif; margin: 0; padding: 0; }



/* -------------- HOME PAGE  ----------------- */

.hometext {
	margin: 45px 0 0 0;
	font-size: 13px; 
	line-height: 26px;
	display: inline;
}

.grid { padding: 44px 0 0 0; }	


	
	
/* -------------- ABOUT PAGE  ----------------- */
	

.abouttext { line-height: 20px; margin: 58px 0px 0 0; }
.abouttext p { margin: 18px 0 0 0; padding: 0; }

.contacttext { line-height: 20px; margin: 58px 0px 0 0; }
.contacttext p { margin: 18px 0 0 0; padding: 0; font-size: 1.2em; }
.fussyabouttext  { width: 410px; }

.aboutblock { width: 118px; height: 98px; float: left; }

.about1 { background: url(../images/about/about-01.jpg) no-repeat 63px 160px; }
.about2 { background: url(../images/about/about-02.jpg) no-repeat 390px 1px; }
.about3 { background: url(../images/about/about-03.jpg) no-repeat 866px 204px; }


/* -------------- GREEN PAGE  ----------------- */
.green1 { background: url(../images/green/green-01.jpg) no-repeat 63px 160px; }
.green2 { background: url(../images/green/green-02.jpg) no-repeat 390px 1px; }
.green3 { background: url(../images/green/green-03.jpg) no-repeat 912px 194px; }
.greenblock { width: 118px; height: 99px; float: left; }
.fussygreentext  { width: 422px; }


/* -------------- WOMENS PAGE  ----------------- */

.woman1 { background: url(../images/woman/woman-01.jpg) no-repeat 63px 160px; }
.woman3 { background: url(../images/woman/woman-03.jpg) no-repeat 860px 120px; }


/* -------------- MENS PAGE  ----------------- */
.men1 { background: url(../images/men/men-01.jpg) no-repeat 63px 160px; }
.men2 { background: url(../images/men/men-02.jpg) no-repeat 565px 366px; }
.men3 { background: url(../images/men/men-03.jpg) no-repeat 808px 117px; }
.mensblock { width: 120px; height: 81px; }


/* -------------- OUTERWARE PAGE  ----------------- */
.outer1 { background: url(../images/outer/outer-01.jpg) no-repeat 63px 170px; }
.outer2 { background: url(../images/outer/outer-02.jpg) no-repeat 390px 1px; }
.outer3 { background: url(../images/outer/outer-03.jpg) no-repeat 868px 210px; }
.fussyoutertext  { width: 360px; }


/* -------------- SERVICE PAGE  ----------------- */
.service1 { background: url(../images/service/service-01.jpg) no-repeat 63px 160px; }
.service2 { background: url(../images/service/service-02.jpg) no-repeat 664px 410px; }
.service3 { background: url(../images/service/service-03.jpg) no-repeat 840px 120px; }
.mensblock { width: 120px; height: 81px; }




/* -------------- CONTACT PAGE  ----------------- */
.contact1 { background: url(../images/contact/contact-01.jpg) no-repeat 60px 160px; }
.contact2 { background: url(../images/contact/contact-02.gif) no-repeat 390px 160px; }
.contact3 { xbackground: url(../images/contact/contact-03.jpg) no-repeat 847px 325px; }
.fussycontacttext  { width: 272px; margin: 100px  0 0 0; }
 
 




.contact { text-indent: -100em; overflow: hidden; width: 367px; height: 38px; background: url(../images/contact-us.gif) no-repeat 0 7px; }
#contactinfo { float: left; width: 230px; height: 300px; border-right: 1px solid #BDD9EA; margin: 0 0 10px 0; }

#contactform { width: 370px; float: right; margin: 0 80px 0 0; color: white; font-size: 1.1em; display: inline; }
.field { color: #506569; background-color: #E5E5E5; border: 0px solid #9E9E9E; font-size: 1.1em; font-family: arial, helvetica, sans-serif; }
.single { height: 18px; width: 162px; margin: 0; padding: 3px; }
.comment { height: 85px; width: 363px; padding: 3px 0 0 3px; overflow: hidden; !important: ; }





/* -------------- PRESS PAGE  ----------------- */

#pressbox { margin: 0px 0 0 59px; width: 942px; height: 265px; }

#toplayer { width: 1060px; height: 204px; }








/* ============================= Architecure ============================ */	

/* ------------  Centers the Block in the Page -------------- */	

#distance{
	float: left;
	width: 1px;
	height: 50%;
	margin-bottom: -281px;
}

#column {
	margin: 0 auto;
	clear: left;
	position: relative;
	text-align: left;
	width: 1060px;
	height: 502px;
	background-color: #533D2E;
}



/* ================= Content =================  */	

#content { height: 502px; width: 1060px; }
#content2 { height: 502px; width: 1060px; }
#content3 { height: 502px; width: 1060px; }
#content4 { height: 502px; width: 1060px; }
#content5 { height: 502px; width: 1060px; }


#column1 {
	width: 348px;
	height: 500px;
	float: left;
	margin: 0 42px 0 0;
}


#column2 {
	width: 445px;
	height: 440px;
	float: left;
	xborder: 1px solid yellow;
}
#address { width: 272px; height: 440px; float: left; }
#address a { color: white; text-decoration: underline; }
#column3 { width: 180px; height: 500px; float: right; }

#map { width: 340px; height: 300px; float: right; margin: 160px 30px 0 0; display: inline; }




#column1-content { width: 285px; margin: 0 0 0 62px; }



/* -------------------- Header -------------------- */	

#header{ width: 960px; height: 100px; margin: 0 auto; }

#logo {
	float: left;
	width: 348px;
	height: 149px;
	margin: 0 0 40px 0;
	background: url(../images/logo.gif) no-repeat 63px 44px;
}

#logo h1 { display:none; }
	


/* -------------------- NAV -------------------- */	
#nav { width: 1060px; height: 50px; text-align: center; margin: 0 auto; background-color: #533D2E; }

#nav ul { margin: 0; padding: 0 0 0 34px; }

#nav li { font-family: georgia, times, helvetica, sans-serif; font-style: italic; font-size: 16px; display: inline; padding: 0 34px 0 14px; background: url(../images/bullet.gif) no-repeat 1px 4px; }


#nav li a { color: white; text-decoration: none; }
#nav li a:hover { color: white; text-decoration: underline; }
	
	
	

/* -------------------- Footer -------------------- */	
#footer { width: 1060px; height: 10px; margin: 0px auto 0 auto; }

#footer p { color: #969696; text-align: center; }
.footerspace { padding-right: 20px; }

#contactemail { float: right; margin-right: 100px; width: 180px; height: 25px; }


.midfooter { background-color: #C3CA9E; width: 1060px; height: 12px; }







/* ================= Typography ================= */	

/* -------------------- Headers  -------------------- */
p { font-size: 1.1em; margin: 0 0 .7em 0; color: white; }

	h1 { font-size: 2.4em;  margin: 0 0 .3em 0;  }
	h2 { font-size: 2.2em;  margin: 0 0 .4em 0;  }
	h3 { font-size: 2em;  margin: 0 0 .4em 0;  }
	h4 { font-size: 1.7em;  margin: 0 0 .4em 0;  }
	h5 { font-size: 1.5em; margin: 0 0 .4em 0; }
	h6 { font-size: 1.3em;  margin: 0 0 .4em 0;  }

table { margin: 0 0 3px 0; }





/* -------------------- LINKS  -------------------- */
:focus { outline: 0; }
a { border: 0 none; }
a { color: #4B4B4B; }
a:hover { color: white; }
a:focus { color: #EC3B0F; }
img { border: none; }


#column2 a { color: white; }
#column2 a:hover { color: #CAD9EF; }

/* -------------------- Custom Bullets  -------------------- */
ul li { background: url(../images/bullet.gif) no-repeat 0 3px; }






/* -------------------- Blockquotes   -------------------- */
blockquote { color: #666; font-style: italic; padding: 5px 0 0 0; border-top: 1px solid #ccc; /* puts a line above and below*/ border-bottom: 1px solid #ccc; color: #666; }

/* Actually puts quotes in the text!! */
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }






/* ------------------- Fancy Bits ------------------- */	

/* to create serif italic dramatic text, use this class */
.fancy { color: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; font-size: 1.2em; }  

/* creates small caps */
.caps { font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size: 1.2em; font-weight: bold; padding: 0 2px; }



/* --------------------  Ephemera ------------------- */	
.social { padding: 5px 0 5px 10px; }
img a { border: none; }
caption { background:#eee;padding: 10px;}
.small { font-size: .9em; margin-bottom: 1.875em; line-height: 1.875em; }
.xsmall { font-size: 85%;}
.large { font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide { display:none;}
#hide { display:none;}

.quiet {color:#666;}
.loud {color:#000;}
address { font-size: 1.3em; margin: 0 0 1.5em 1em; font-style: italic; }
abbr, acronym {border-bottom: 1px dotted #666; }
sup, sub {line-height:0;}
.box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; }

.floatleft {float: left;}
.floatright {float: right;}

.center {text-align: center;}

.picleft { float: left; padding: 0 8px 8px 0; }
.picright { float: right; padding: 0 0 8px 8px; }
#clear{ clear: both; }
.clear {clear: both;}

/*Opacity?? http://arbent.net/blog/css-tips-that-every-beginning-developer-should-know-about
.class {
opacity: 0.7;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.5;
}
*/


/* -------------------- stupid table tricks -------------------- */	
.cell { padding: 0px 0 12px 0; }
.wide { width: 370px; }
.one { width: 200px; padding: 0  30px 10px 0; }






/* ------------------------  hr fixes ------------------------*/


* html hr {
	margin: 1em 0 -10px 0; /*IE 6 bugfix*/
	padding: 0;
}

hr {
	background: #ddd;
	margin: 18px 0 0px 0;
	padding:0;
	clear: both;
	float: none;
	width: 100%;
	height: 2px;
	border: none;
}