/*******************
	Page Layout
********************/
html{ width:100%; }
body{ font-family:century gothic, 'century gothic', arial, sans-serif;width:100%; }
#blackme{ background-color:#000; color:#fff; overflow:hidden; width;100%; padding-bottom:20px; }
#page-container{ width:1000px; text-align:left; overflow:hidden; background:url("../images/backgrounds/logo.gif") no-repeat; }
	#header{ width:1000px; float:left; position:relative; height:150px; }
		#header a#logo{ position:absolute; display:block; width:244px; height:88px; top:17px; left:14px; }
		#header div#phonemail{ font-size:108%; right:0; top:30px; position:absolute; }
		#header div#phonemail em{ color:#c00; }
		#header div#phonemail a{ text-decoration:none; color:#fff; display:block; }
		#header div#phonemail a#blog{ color:#c00; }
	#content{ width:1000px; float:left; }
		#left-side{ width:225px; float:left; }
			#left-side ul{ margin:0 0 0 15px; }
			#left-side ul li{ font-size:138.5%; text-transform:uppercase; line-height:100%; letter-spacing:-1px; }
			#left-side ul li a, #left-side ul li a:link, #left-side ul li a:visited{ color:#fff; text-decoration:none; }
			#left-side ul li.latestnews a.on, #left-side ul li.latestnews a:hover, #left-side ul li.latestnews a:active{ color:#f39 !important; }
			#left-side ul li.designers a.on, #left-side ul li.designers a:hover, #left-side ul li.designers a:active{ color:#f00 !important; }
			#left-side ul li.meritaward a.on, #left-side ul li.meritaward a:hover, #left-side ul li.meritaward a:active{ color:#f60 !important; }
			#left-side ul li.onestowatch a.on, #left-side ul li.onestowatch a:hover, #left-side ul li.onestowatch a:active{ color:#f90 !important; }
			#left-side ul li.schedule a.on, #left-side ul li.schedule a:hover, #left-side ul li.schedule a:active{ color:#fc3 !important; }
			#left-side ul li.fashionscoutsalons a.on, #left-side ul li.fashionscoutsalons a:hover, #left-side ul li.fashionscoutsalons a:active{ color:#ff0 !important; }
			#left-side ul li.video a.on, #left-side ul li.video a:hover, #left-side ul li.video a:active{ color:#9f3 !important; }
			#left-side ul li.aboutus a.on, #left-side ul li.aboutus a:hover, #left-side ul li.aboutus a:active{ color:#6c6 !important; }
			#left-side ul li.applicationsaboutus a.on, #left-side ul li.applicationsaboutus a:hover, #left-side ul li.applicationsaboutus a:active{ color:#6c6 !important; }
			#left-side ul li.friendsfamily a.on, #left-side ul li.friendsfamily a:hover, #left-side ul li.friendsfamily a:active{ color:#3cc !important; }
			#left-side ul li.press a.on, #left-side ul li.press a:hover, #left-side ul li.press a:active{ color:#39f !important; }
			#left-side ul li.location a.on, #left-side ul li.location a:hover, #left-side ul li.location a:active{ color:#c3c !important; }
			#left-side ul li.contactus a.on, #left-side ul li.contactus a:hover, #left-side ul li.contactus a:active{ color:#f09 !important; }
		#right-side{ width:765px; margin-left:235px; }
		.ie6 #right-side{ margin-left:230px; }
			#intro{ margin-right:55%; font-size:138.5%; padding:8px 0 0 0; }
			#intro p{ margin-bottom:1em; line-height:100%; }
	/*#footer{ width:1000px; background-color:#fff; padding-bottom:50px; margin-top:20px; margin-left:auto; margin-right: auto; }*/
	#footer{ background-color:#fff; padding-bottom:50px; }
	#footer #footer_container { width: 1000px; }
		#addthis{ float:left; margin-top: 5px; margin-left:10px; }
		ul#logos{ margin:10px; clear:both; }
		ul#logos li{ float:left; margin-right:12px; height:71px; }
		ul#logos li a{ display:block; }
		ul#copyright{ float:left; margin:10px; }
		ul#copyright li{ float:left; color:#404040; font-size:93%; }
		ul#copyright li a{ color:#404040; text-decoration:none; }
		ul#authors{ float:right; margin:10px; }
		ul#authors li{ float:right; color:#404040; font-size:93%; }
		ul#authors li a{ color:#404040; }

/*************************
	Site wide elements
**************************/
.inside{ padding:12px; }

ul.introgal{ margin:70px 0 20px 0; overflow:hidden; }
ul.introgal li{ margin:4px 4px 4px 0; padding:4px 0; width:172px; float:left; }
ul.introgal li a{ width:172px; display:block; height:246px; }
ul.introgal li.redbordertop{ margin-bottom:0; }
ul.introgal li.redborderbottom{ padding-top:0; margin-top:0; }

ul.innernav{ width:136px; float:left; margin-right:17px; }
ul.innernav.pinknav{ border-top:1px solid #f39; }
ul.innernav.rednav{ border-top:1px solid #f00; }
ul.innernav.orangenav{ border-top:1px solid #f60; }
ul.innernav.lorangenav{ border-top:1px solid #f90; }
ul.innernav.mustardnav{ border-top:1px solid #fc3; }
ul.innernav.yellownav{ border-top:1px solid #ff0; }
ul.innernav.lgreennav{ border-top:1px solid #6c6; }
ul.innernav.lbluenav{ border-top:1px solid #3cc; }
ul.innernav.bluenav{ border-top:1px solid #06c; }
ul.innernav.images li{ margin-top:4px; padding-bottom:0; text-align:center; background:#fff; padding:3px 0; }
ul.innernav li{ border:none; font-size:93%; }
ul.innernav li.spacerbottom{ margin-bottom:16px; }
ul.innernav.pinknav li a, ul.innernav.pinknav li a:link, ul.innernav.pinknav li a:visited{ color:#fff; text-decoration:none }
ul.innernav.pinknav li a.on, ul.innernav.pinknav li a:hover, ul.innernav.pinknav li a:active{ color:#f39 !important; }
ul.innernav.rednav li a, ul.innernav.rednav li a:link, ul.innernav.rednav li a:visited{ color:#fff; text-decoration:none }
ul.innernav.rednav li a.on, ul.innernav.rednav li a:hover, ul.innernav.rednav li a:active{ color:#f00 !important; }
ul.innernav.orangenav li a, ul.innernav.orangenav li a:link, ul.innernav.orangenav li a:visited{ color:#fff; text-decoration:none }
ul.innernav.orangenav li a.on, ul.innernav.orangenav li a:hover, ul.innernav.orangenav li a:active{ color:#f60 !important; }
ul.innernav.lorangenav li a, ul.innernav.lorangenav li a:link, ul.innernav.lorangenav li a:visited{ color:#fff; text-decoration:none }
ul.innernav.lorangenav li a.on, ul.innernav.lorangenav li a:hover, ul.innernav.lorangenav li a:active{ color:#f90 !important; }
ul.innernav.mustardnav li a, ul.innernav.mustardnav li a:link, ul.innernav.mustardnav li a:visited{ color:#fff; text-decoration:none }
ul.innernav.mustardnav li a.on, ul.innernav.mustardnav li a:hover, ul.innernav.mustardnav li a:active{ color:#fc3 !important; }
ul.innernav.yellownav li a, ul.innernav.yellownav li a:link, ul.innernav.yellownav li a:visited{ color:#fff; text-decoration:none }
ul.innernav.yellownav li a.on, ul.innernav.yellownav li a:hover, ul.innernav.yellownav li a:active{ color:#ff0 !important; }
ul.innernav.lgreennav li a, ul.innernav.lgreennav li a:link, ul.innernav.lgreennav li a:visited{ color:#fff; text-decoration:none }
ul.innernav.lgreennav li a.on, ul.innernav.lgreennav li a:hover, ul.innernav.lgreennav li a:active{ color:#6c6 !important; }
ul.innernav.bluenav li a, ul.innernav.bluenav li a:link, ul.innernav.bluenav li a:visited{ color:#fff; text-decoration:none }
ul.innernav.bluenav li a.on, ul.innernav.bluenav li a:hover, ul.innernav.bluenav li a:active{ color:#06c !important; }

ul.articles{ margin-left:153px; overflow:hidden; }
ul.articles li{ width:273px; margin-right:17px; padding:4px 0; height:380px; float:left; font-size:93%; border:none; }
ul.articles li em{ display:block; }
ul.articles li p.body{ height:130px; overflow:hidden; }
ul.articles li a.full{ text-decoration:underline; }
ul.articles.pink li{ border-top:1px solid #f39; }
ul.articles.pink li em{ color: #f39; }
ul.articles.pink li a, ul.articles.pink li a:link, ul.articles.pink li a:visited{ color:#fff; }
ul.articles.pink li a.on, ul.articles.pink li a:hover, ul.articles.pink li a:active{ color:#f39 !important; }
ul.articles.yellow li{ border-top:1px solid #ff0; }
ul.articles.yellow li em{ color: #ff0; }
ul.articles.yellow li a, ul.articles.yellow li a:link, ul.articles.yellow li a:visited{ color:#fff; }
ul.articles.yellow li a.on, ul.articles.yellow li a:hover, ul.articles.yellow li a:active{ color:#ff0 !important; }
ul.articles.lgreen li{ border-top:1px solid #6c6; height:600px; border-bottom:1px solid #6c6; }
ul.articles li.images img{ margin-bottom:6px; display:block; }
ul.articles.lgreen li em{ color: #6c6; }
ul.articles.lgreen li a, ul.articles.lgreen li a:link, ul.articles.lgreen li a:visited{ color:#fff; }
ul.articles.lgreen li a.on, ul.articles.lgreen li a:hover, ul.articles.lgreen li a:active{ color:#6c6 !important; }
ul.articles.lblue li{ border-top:1px solid #3cc; border-bottom:1px solid #3cc; height:600px; }
ul.articles.lblue li em{ color: #3cc; }
ul.articles.lblue li a, ul.articles.lblue li a:link, ul.articles.lblue li a:visited{ color:#fff; }
ul.articles.lblue li a.on, ul.articles.lblue li a:hover, ul.articles.lblue li a:active{ color:#3cc !important; }
ul.articles.blue li{ border-top:1px solid #06c; padding-bottom:6px; }
ul.articles.blue li em{ color: #06c; }
ul.articles.blue li p.body{ height:145px; overflow:hidden; }
ul.articles.blue li a, ul.articles.blue li a:link, ul.articles.blue li a:visited{ color:#06c; }
ul.articles.blue li a.on, ul.articles.blue li a:hover, ul.articles.blue li a:active{ color:#fff; }

.fullarticle{ margin-left:153px; width:430px; padding:4px 0 0 0; margin-bottom:20px; font-size:93%; }
.fullarticle em{ display:block; }
.fullarticle p{ margin-bottom:1em; }
.fullarticle.pinkfull{ border-top:1px solid #f39; border-bottom:1px solid #f39; }
.fullarticle.pinkfull em{ color:#f39; }
.fullarticle.bluefull{ border-top:1px solid #06c; border-bottom:1px solid #06c; }
.fullarticle.bluefull em{ color:#06c; }

div.pdfdownload{ width:160px; float:right; padding-top:4px; font-size:93%; }
div.pdfdownload.bluedownload{ border-top:1px solid #06c; }
div.pdfdownload.bluedownload a{ color: #06c; text-decoration:none; }

ul.designer{ margin-left:153px; overflow:hidden; }
.mac.ff2 ul.designer, .mac.ff2 ul.articles{ width:600px; float:left; margin-left:0; }
ul.designer li{ width:273px; margin-right:17px; padding:4px 0; float:left; font-size:93%; border:none; border-top:1px solid #f00; }
ul.designer.merit li{ border-top:1px solid #f60; }
ul.designer.lorange li{ border-top:1px solid #f90; }
ul.designer.schedule li{ border-top:1px solid #fc3; }
ul.designer li.details{ height:300px; }
ul.designer li.details{ min-height:300px; _height: 300px; }
ul.designer li.details h4{ padding-bottom:4px; margin-bottom:.5em; }
ul.articles.yellow p.note{ color:#ff0; }
ul.designer li.details.bottommustard{ border-bottom:1px solid #fc3; }
ul.designer li.content{ height:440px; border-bottom:1px solid #f00; }
ul.designer li h3{ font-size:123.1%; margin-bottom:.5em; }
ul.designer li a{ color:#fff; text-decoration:none; }
ul.designer li a.underline{ text-decoration:underline; display:block; }

ul.designer li ul.images{ border:none; }
ul.designer li ul.images li{ width:88px; height:123px; border:none; margin:0 4px 4px 0; padding:0; }
ul.designer li ul.videos{ border:none; }
ul.designer li ul.videos li{ width:180px; height:128px; border:none; margin:0 0 4px 0; padding:0; }

ul.schedule li.details{ height:auto; }
ul.schedule li.pdfdownload{ height:260px; }
ul.schedule li.pdfdownload p{ margin-bottom:1em; }
ul.schedule li.pdfdownload a.bordered{ text-decoration:underline }
ul.schedule li address.underline{ margin-top:1em; }
ul.schedule li address.underline.first{ margin-top:0; }
ul.schedule li address em{ display:inline-block; width:40px; }

ul.video{}
ul.video li{ float:left; margin-right:17px; border-top:1px solid #9f3; padding:4px 0; }
ul.video li.large{ width:430px;  }
ul.video li.bottomborder{ border-bottom:1px solid #9f3; }
ul.video li.row1{ height:400px; }
ul.video li.small{ width:272px; }
ul.video li.small h3{ color:#9f3; text-decoration:underline }
ul.video li.small p{ font-size:93%; }
ul.video li ul.videolist{}
ul.video li ul.videolist li{ border:none; margin-right:6px; }
ul.video li ul.videolist li a{ color:#9f3; text-decoration:none }

div.half{ width:350px; float:left; border-top:1px solid #f39; border-bottom:1px solid #f39; padding:4px 0 }

form#contactus{  }
p.special{ text-transform:uppercase; font-size:123.1%; }
p.special em{ color:#f39; }
form#contactus label{ display:block; text-decoration:underline;  margin-bottom:6px; margin-top:12px; }
form#contactus textarea, form#contactus input{ border:none; padding:5px; width:340px; }
form#contactus textarea{ margin-bottom:16px; height:100px; }
form#contactus a.clear{ float:right; color:#fff; text-decoration:underline; font-size:108%; }
form#contactus a.submit{ color:#f39; text-decoration:underline; text-transform:uppercase; font-size:123.1%; }

.redbordertop{ border-top:1px solid #c00; }
.redborderbottom{ border-bottom:1px solid #c00; }

.safariWFix{ float:left; width:580px; }
.safari ul.designer, .safari ul.articles{ margin-left:0; float:left; width:612px; }

div.pinkLocation{ width:581px; border-top:1px solid #CC33CC; }
div.pinkLocation a{ color:#c3c; }

/***********
	Utils
************/
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.uppercase{ text-transform:uppercase; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
hr{ clear:left; height:1px; color:#52564a; background-color:#52564a; border:0; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

a{ outline:none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */