/* 
	Main styles for EWMenswear.com
	Derek Mah, July, 2008

	external background 33525c
	wrapper border d6a467
	wrapper background 0d2229
	text 93bdba
	link e3fffd
	ed black 000a0e

	wrapper width: 960px
	content width: 900px (898px within the border)

*/
	
/* 
====================
	Set defaults
====================
 */
* {margin: 0px; padding: 0px;}
body {
	background-color: #33525c;
	font: 12px "lucida grande", "trebuchet", "trebuchet ms", "geneva", "arial", "helvetica", sans-serif;
	font-weight: normal; font-style: normal;
	color: #93bdba;
	text-decoration: none;
	text-align: center;
	}
img {display: inline; vertical-align: baseline;}
a img {border: none;}
table, tr, td {border-collapse: collapse;}
td {vertical-align: top;}
/* 	h1 title
	h2 header
	h3 header same as h2 but without a bottom margin
	h4 bold italic, usually as a header
	ed_margin adds a standard margin on an object (usually an image)
 */
h1, h2, h3, h4, p, .ed_margin {margin: 1.25em 0em 1.25em 0em;}
h1 {
	font-size: 1.8em; font-weight:bold;
	}
h2 {
	font-size: 1.25em;
	font-weight: bold;
	}
h3 {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: -0.80em;
	}
h4 {
	font-size: 1.1em;
	font-weight: bold; font-style: italic;
	}
p {
	line-height: 1.25em;
	}
p.ed_inset {
	padding-left: 2.00em;
	}
.chunky {
	font-weight: bold;
	}
.smalltext {
	font-size: 0.9em;
	}
a:link, a:visited {
	color: #e3fffd;
	text-decoration: none;
	}
a:active, a:hover {
	color: #ffffff;
	text-decoration: none;
	}

/* 
====================
	content
====================
 */
#ed_wrapper {
	position: relative; overflow: hidden;
	width: 960px;
	margin: 0px auto 0px auto;
	background: url(../_globalassets/bkg_wrapper.gif) top left repeat-y #0d2229;
	}
#ed_content {
	padding: 208px 31px 0px 31px;
	text-align: left;
	}
#ed_content ul, 
#ed_content ol {
	margin-bottom: 1.25em;
	margin-left: 1.5em;
	}
#ed_content li {
	margin: 0em 0em 1.0em 1.0em;
	}
#ed_content ul.ed_tightlist li {
	margin: 0em 0em 0.15em 0.15em;
	}
#ed_content ul ul, 
#ed_content ol ul {
	list-style: none;
	margin-left: 0.5em;
	}
#ed_content ul ul li, 
#ed_content ol ul li, 
#ed_content ol ol li {
	font-size: 0.8em;
	font-weight: normal;
	}

/* By default, all divs in ed_content tables are left and right padded. */
#ed_content td div {
	font-size: 12px;
	padding: 0em 4.5em 0em 5.0em;
	text-align: left;
	}

/* ed_twocolumn builds a table with flexible width td's to allow for a side-by-side photo and text caption with the text vertically centered. Table width of 896px puts a faux border between the photo and the wrapper border. */
.ed_twocolumn {
	clear: both;
	width: 896px; margin: 1px auto 0em auto;
	text-align: left;
	}
.ed_twocolumn td {
	vertical-align: middle;
	}

/* ed_text builds a div with generous padding for a big text block that stands alone or follows a full-width photo. */
.ed_text {
	clear: both;
	margin-top: 1.25em;
	padding: 0em 14.5em 0em 15.0em;
	text-align: left;
	}

/* ed_photo builds a div with a bkg photo that runs across the entire page (898px, or 896px if a faux border is desired). Text can be placed in a padding positioned text-box over the photo. The url of the photo, width and height of ed_photo and the placement of the text box should be defined locally. Be sure to follow ed_photo with an element if ed_phototext hangs off the photo.

Locally define ed_photo.margin-top to be the same as ed_phototext.top to compensate for the negative margin that results from relatively positioning ed_phototext within ed_photo. Usually the number will be the same for both, but can be tweaked to give varying levels of overhang.
 */
.ed_photo {
	clear: both; position: relative;
	width: 896px; height: auto; margin:1px auto 30px auto;
	background: url(../_globalassets/bkg_wrapper.gif) top left no-repeat transparent;
	text-align: left;
	}
.ed_photo .ed_phototext {
	position: relative; left: 550px; top: 30px; width: 270px; height: auto;
	background: url(../_globalassets/bkg_000a0e_90.png) top left repeat transparent;
	border: solid 1px #93bdba;
	}
.ed_photo .ed_phototext div {
	padding: 0.5em 1.5em 0.5em 2.0em;
	text-align: left;
	}

/* 
====================
	links
====================
 */
a.ed_underlined {
	text-decoration: underline;
	font-size: 0.95em; vertical-align: 1px;
	}
#ed_content .ed_button {
	line-height: 2.5em;
	}
#ed_content .ed_button a {
	margin-right: 1.0em;
	border-bottom: solid 1px #000a0e;
	background: url(../_globalassets/bkg_topnav.gif) left top repeat-x transparent;
	padding: 0.35em 2em 0.4em 2em;
	font-weight: normal; font-size: 11px; letter-spacing: 3px;
	}
#ed_content .ed_button a:link, 
#ed_content .ed_button a:visited {
	background-position: left top;
	background-color: #3a4a51;
	text-decoration: none;
	}
#ed_content .ed_button a:hover, 
#ed_content .ed_button a:active {
	background-position: left -100px;
	background-color: #486068;
	text-decoration: none;
	}

/* 
====================
	contact form
====================
 */
.ed_contactbox {
	border: solid 1px #93bdba;
	background-color: #f8fafc;
	font: 12px "lucida grande", "trebuchet", "trebuchet ms", "geneva", "arial", "helvetica", sans-serif;
	font-weight: normal; font-style: normal;
	color: #0d2229;
	text-decoration: none;
	}

/* 
====================
	header
====================
 */
#ed_header {
	position: absolute; top: 0px; left: 0px;
	width: 100%;
	background: url(../_globalassets/bkg_header.gif) left top no-repeat transparent;
	}
#ed_header a#ed_logo {
	position: absolute; top: 49px; left: 32px;
	width: 300px; height: 110px;
	}
#ed_header a#ed_headerspot {
	position: absolute; top: 49px; right: 32px;
	width: 500px; height: 122px;
	background: url(../_globalassets/headerspot.jpg) right top no-repeat transparent;
	}
#ed_header a#ed_headerspot:link, 
#ed_header a#ed_headerspot:visited {
	background-position: right top;
	}
#ed_header a#ed_headerspot:hover, 
#ed_header a#ed_headerspot:active {
	background-position: right -125px;
	}

#ed_topnav {
	margin: 172px auto 0px auto; width: 896px;
	background: url(../_globalassets/bkg_topnav.gif) left top repeat-x #3a4a51;
	border-bottom: solid 1px #000a0e;
	padding: 11px 0px 12px 0px;
	}
#ed_topnav ul, #cg_topnav ul li {
	list-style: none;
	}
#ed_topnav ul {
	text-align: center;
	}
#ed_topnav ul li {
	display: inline;
	}
#ed_topnav ul li a {
	padding: 11px 24px 12px 24px;
	font-size: 11px; letter-spacing: 4px;
	background: url(../_globalassets/bkg_topnav.gif) left top repeat-x transparent;
	border-left: solid 1px #202830;
	}
#ed_topnav ul li a.ed_contact {
	border-right: solid 1px #202830;
	}
#ed_topnav ul li a:link, 
#ed_topnav ul li a:visited {
	background-position: left top;
	background-color: #3a4a51;
	text-decoration: none;
	}
#ed_topnav ul li a:hover, 
#ed_topnav ul li a:active {
	background-position: left -100px;
	background-color: #486068;
	text-decoration: none;
	}

/* 
====================
	footer
====================
 */
#ed_footer {
	width: 960px;
	margin: 0px auto 0px auto;
	background: url(../_globalassets/bkg_footer.gif) left top no-repeat transparent;
	padding-top: 0px;
	padding-bottom: 2em;
	text-align: center;
	font-size: 9px;
	}
#ed_footer #ed_address {
	margin: 0px; font-size: 11px; letter-spacing: 1px; padding: 11px 2em 3em 2em; line-height: 1.5em;
	}
#ed_footer a.ed_button {
	margin: 0em 0.25em 0em 0.25em;
	border-bottom: solid 1px #000a0e;
	background-color: #0d2229;
	padding: 0.35em 1.5em 0.30em 1.5em;
	font-weight: normal; font-size: 9px; letter-spacing: 3px;
	text-decoration: none;
	}
#ed_footer a.ed_button:link, 
#ed_footer a.ed_button:visited {
	background-color: #0d2229;
	text-decoration: none;
	}
#ed_footer a.ed_button:hover, 
#ed_footer a.ed_button:active {
	background-color: #93bdba;
	text-decoration: none;
	}

 /* 
====================
	frontpage
====================
 */
#ed_fpwrapper {
	position: relative; overflow: hidden;
	width: 960px;
	margin: 0px auto 0px auto;
	background: url(../_globalassets/bkg_wrapper.gif) top left repeat-y #0d2229;
	}
#ed_fpwrapper #ed_content {
	padding: 85px 31px 0px 31px;
	text-align: left;
	}
#ed_fpheader {
	position: absolute; top: 0px; left: 0px;
	width: 100%;
	background: url(../_globalassets/bkg_fp_header.gif) left top no-repeat transparent;
	}
#ed_fpheader #ed_topnav {
	margin: 49px auto 0px auto; width: 896px;
	background: url(../_globalassets/bkg_topnav.gif) left top repeat-x #3a4a51;
	border-bottom: solid 1px #000a0e;
	padding: 11px 0px 12px 0px;
	}
 /* 
vertical positioning of logo and ed_fplogo content should be adjusted from defaults locally
 */
#ed_fplogo {
	background: url(../_globalassets/bkg_fp_logo.gif) center 100px no-repeat transparent;
	padding-top: 200px;
	}
#ed_fplogo p {
	text-align: center; line-height: 1.5em;
	}
#ed_fpmonogram {
	background: url(../_globalassets/bkg_fp_monogram.gif) center center no-repeat transparent;
	}