﻿/* *************************************************************************
Title : CSS main styles
Author : Designkitchen, Inc.
Description : Common styles for layout and appearance
Created : feb.06.2007 
Modified : 


CSS TOC
=HTML SELECTORS
=LAYOUT
=NAVIGATION
=SECTION SPECIFIC
************************************************************************* */

/* =PAGE CONTENT */
@import url("content.css");


/* *************************************************************************
=HTML SELECTORS
************************************************************************* */
* {
}	
html {
}	
body {
	font-size:76%;
	margin:0;
	padding:0;
	background: url(/images/bg_body.gif);
	text-align:center;
	font-family: Arial;
	color: #fff;
}

/* ----- HEADINGS ----- */
h1 {
color: #bda485;
font-size: 1.98em;
padding:0px 0px 11px 0px;
margin:0px;
font-weight: normal;
}
h2 {
color: #bda485;
font-size: 1.485em;
padding:0px 0px 8px 0px;
margin:0px;
font-weight: normal;
line-height: 1.4em;
}
h3 {
	font-size: .99em;
	margin:0px;
	padding:0px;
	color: #bda485;
	position:relative;
}
h4 {
	font-size: 1.239em;
	position:relative;
	color: #bda485;
	margin:0px;
	padding:0px;
	font-weight: normal;
}
h5 {

}
h6 {
}

/* ----- PARAGRAPHS ----- */
p {
color: #fff;
font-size: .905em;
line-height: 1.8em;
margin:0px;
padding: 0px 0px 18px 0px;
}	
/* ----- QUOTES ----- */
blockquote {
color: #9b9184;
font-family: Georgia, "Times New Roman", Times, serif;
padding:0px 0px 10px 14px;
margin:0px;
font-size: .904em;
line-height: 1.8em;
}
cite {
}
/* ----- CODE ----- */
pre {
}
code {
}
/* ----- LISTS ----- */
li {
}
ol {
	margin:0px;
	padding-left: 20px;
	list-style-position: outside;
}
ul {
margin:0px;
padding:0px;
list-style:none;
}
ol li {
	padding:0px;
	margin:0px;
}

ul li {
background: url(/images/bullet_arrowLeft.gif) no-repeat 0px 21px;
padding: 0px 0px 0px 10px;
font-size: .905em;
line-height: 1.8em;
position:relative;
}

ul li ul, ul ul
{
	padding: 0px 0px 0px 10px;
}

ul li ul li, ul ul li
{
	background: url(/images/bullet_whiteDot.gif) no-repeat 0px 8px;
	padding: 0px 0px 0px 10px;
	font-style: italic;
	color: #a4a3a3;
	position:relative;
}

ul li ul li ul li, ul ul ul li
{
	background: url(/images/bullet_arrowSmall.gif) no-repeat 0px 6px;
	padding: 0px 0px 0px 10px;
	position:relative;
	color: #fff;
	font-style: normal;
	font-size: .825em;
} 

/* ----- IMAGES ----- */
img {
	border:0;
	margin:0;
	padding:0;
}
/* ----- TEXT FORMATTING ----- */
strong {
}
em {
}
b {
}
i {
}
ins {
	text-decoration: none;
}
del {
}
/* ----- LINKS ----- */
a {
color: #a9ddff;
text-decoration: none;
outline: none;
}
a:visited {
	color: #a9ddff;
	text-decoration:none;
	outline: none;
}
a:hover {
	color: #baaa96;
	text-decoration:none;
	outline: none;
}

a:active
{
	outline: none;
}
a span
{
	display:none;
}
/* ----- TABLES ----- */
table {
}
caption {

}
thead {
}
tbody {
}
tfoot {
}
tr {
}
th {
}
td {

}
/* ----- FORMS ----- */
form {
	margin:0;
	padding:0;
}
fieldset {
}
legend {
}
label {
}
input, select, textarea {
	vertical-align:middle; 
}
optgroup {
}
option {
}

select
{
	font-size: .904em;
	/*background-color: #1f1f1e;
	color: #c3c1c1;
	padding: 2px 0px 0px 0px;
	height:18px;*/
}
/* ----- DEFINITIONS ----- */
dl { 
}
dt {
}
dd {
}

/* ----- Horizontal Rule -----*/
hr{
}
.hr{
background: url(/images/hr.gif) repeat-x 0px 0px;
height:1px;
margin:0;
padding:0;
font-size:0;
line-height:0;
position:relative;
}

/* ----- ID AND CLASS SELECTORS ----- */
.clear {
	clear:both;
	font-size:1px;
	line-height:1px;
	margin:0px;
	padding:0px;
	height:0px;
}
.clearBoth{
	clear:both;
}
.floatLeft{ 
	float:left;
	position:relative;
}
.floatRight{ 
	float:right;
	position:relative;
}


/* *************************************************************************
=LAYOUT
************************************************************************* */


/* --- containers --- */
.centerBody
{
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
	width: 893px;
}

.mainContent
{
	position:relative;
	padding-top:12px;
}

.contentHolder
{
	background-color: #484541;
	margin-top: 45px;
	padding: 382px 26px 0px 26px;
}

.drillContent
{
	background-color: #484541;
	margin-top: 45px;
	padding: 38px 0px 50px 0px;
	position:relative;
	height:1%;
}

.rightbar
{
	background: url(/images/bg_sidebar.gif) repeat-y right 0px;
	background-color: #484541;
}

.leftbar
{
	background: url(/images/bg_sidebar.gif) repeat-y left 0px;
	background-color: #484541;
}

.doubleSideNav
{
	background: url(/images/bg_twoColumn.gif) repeat-y left 0px;
	background-color: #484541;
}

.contactBody
{
	background: url(/images/bg_contactBody.gif) repeat-y left 0px;
	background-color: #484541;
}

/* ----- footer ----- */
.footer
{
	background-color: #484541;
	position:relative;
	color: #9a9793;
	height: 40px;	
	padding: 35px 0px 2px 26px;
	font-size: .825em;
}

.footer a
{
	color: #d7d6d9;
	text-decoration: none;
}

.footer span.links
{
	color: #57565c;
}

.drillFooter
{
	margin-top: 15px;
	height: 27px;
}

/* ----- header ----- */
.header
{
	background: url(/images/bg_header.gif) repeat-x 0px 0px;
	height:57px;
	padding: 20px 0px 0px 29px;
}

/* *************************************************************************
=NAVIGATION
************************************************************************* */


/*------ Global Navigation -----*/
.mainNav
{
	float:right;
	padding: 17px 29px 0px 0px;
}
.mainNav ul li
{
	float:left;
	padding: 0px 0px 0px 22px;
	background: none;
}

.mainNav ul li a span
{
	display:none;
}

.mainNav ul li a
{
	display:block;
}

.mainNav ul li.navHome a
{
	background: url(/images/nav_home.gif) no-repeat 0px 0px;
	width: 32px;
	height:13px;
}


.mainNav ul li.navHome a:hover
{
	background: url(/images/nav_home-o.gif) no-repeat 0px 0px;
	width: 32px;
	height:13px;
}

mainNav ul li.navHome_on a
{
	background: url(/images/nav_home-a.gif) no-repeat 0px 0px;
	width: 32px;
	height:13px;
}

.mainNav ul li.navDesigners a
{
	background: url(/images/nav_designers.gif) no-repeat 0px 0px;
	width: 64px;
	height: 13px;
}


.mainNav ul li.navDesigners a:hover
{
	background: url(/images/nav_designers-o.gif) no-repeat 0px 0px;
	width: 64px;
	height: 13px;
}

.mainNav ul li.navDesigners_on a
{
	background: url(/images/nav_designers-a.gif) no-repeat 0px 0px;
	width: 64px;
	height: 13px;
}

.mainNav ul li.navBoutiques a
{
	background: url(/images/nav_boutiques.gif) no-repeat 0px 0px;
	width: 65px;
	height: 13px;
}

.mainNav ul li.navBoutiques a:hover
{
	background: url(/images/nav_boutiques-o.gif) no-repeat 0px 0px;
	width: 65px;
	height: 13px;
}

.mainNav ul li.navBoutiques_on a
{
	background: url(/images/nav_boutiques-a.gif) no-repeat 0px 0px;
	width: 65px;
	height: 13px;
}

.mainNav ul li.navEvents a
{
	background: url(/images/nav_events.gif) no-repeat 0px 0px;
	width: 43px;
	height: 13px;
}

.mainNav ul li.navEvents a:hover
{
	background: url(/images/nav_events-o.gif) no-repeat 0px 0px;
	width: 43px;
	height: 13px;
}

.mainNav ul li.navEvents_on a
{
	background: url(/images/nav_events-a.gif) no-repeat 0px 0px;
	width: 43px;
	height: 13px;
}

.mainNav ul li.navExcursions a
{
	background: url(/images/nav_excursions.gif) no-repeat 0px 0px;
	width: 72px;
	height: 13px;
}
.mainNav ul li.navExcursions a:hover
{
	background: url(/images/nav_excursions-o.gif) no-repeat 0px 0px;
	width: 72px;
	height: 13px;
}

.mainNav ul li.navExcursions_on a
{
	background: url(/images/nav_excursions-a.gif) no-repeat 0px 0px;
	width: 72px;
	height: 13px;
}

.mainNav ul li.navNews a
{
	background: url(/images/nav_newsPress.gif) no-repeat 0px 0px;
	width: 82px;
	height: 13px;
}

.mainNav ul li.navNews a:hover
{
	background: url(/images/nav_newsPress-o.gif) no-repeat 0px 0px;
	width: 82px;
	height: 13px;
}

.mainNav ul li.navNews_on a
{
	background: url(/images/nav_newsPress-a.gif) no-repeat 0px 0px;
	width: 82px;
	height: 13px;
}

.mainNav ul li.navIndustry a
{
	background: url(/images/nav_industry.gif) no-repeat 0px 0px;
	width: 56px;
	height: 13px;
}

.mainNav ul li.navIndustry a:hover
{
	background: url(/images/nav_industry-o.gif) no-repeat 0px 0px;
	width: 56px;
	height: 13px;
}

.mainNav ul li.navIndustry_on a
{
	background: url(/images/nav_industry-a.gif) no-repeat 0px 0px;
	width: 56px;
	height: 13px;
}


/*------ Main Navigation -----*/



/*------ Skip Navigation (section 508 sites) -----*/

.skipNav{
	display:none;
}


/* *************************************************************************
=SECTION SPECIFIC
************************************************************************* */

.hide{display:none;}

.doubleSideNav .leftSidebar ul, .leftbar .leftSidebar ul
{
	padding-left: 10px;
}

.doubleSideNav .leftSidebar ul li, .leftbar .leftSidebar ul li
{
	background: none;
	padding:0px 0px 3px 0px;
}

.doubleSideNav .leftSidebar ul ul li, .leftbar .leftSidebar ul ul li
{
	background: none;
	padding:0px;
}

.doubleSideNav .leftSidebar ul ul li, .leftbar .leftSidebar ul ul li
{
	padding-left: 10px;
}

.doubleSideNav .leftSidebar ul li a, .leftbar .leftSidebar ul li a
{
	text-transform: uppercase;
	font-size: 1.09em;
	font-weight:bold;
	color: #888888;
	padding: 0px 0px 0px 11px;
	display:block;
	line-height: 1.35em;
}

.doubleSideNav .leftSidebar ul li a:hover, .leftbar .leftSidebar ul li a:hover
{
	color: #a9ddff;
	padding: 0px 0px 0px 11px;
}

.doubleSideNav .leftSidebar ul li.current a, .leftbar .leftSidebar ul li.current a
{
	background: url(/images/bg_leftNav.gif) no-repeat 0px 7px;
	color: #a9ddff;
	padding: 0px 0px 0px 11px;
}

.doubleSideNav .leftSidebar ul li.current ul li a, .leftbar .leftSidebar ul li.current ul li a
{
	background:none;
	color: #dcdcdb;
}

.doubleSideNav .leftSidebar ul li ul, .doubleSideNav .leftSidebar ul ul, .leftbar .leftSidebar ul li ul, .leftbar .leftSidebar ul ul
{
	background:none;
	padding:0px;
	margin:0px;
	padding-bottom: 4px;
}

.doubleSideNav .leftSidebar ul li ul li, .doubleSideNav .leftSidebar ul ul li, .leftbar .leftSidebar ul li ul li, .leftbar .leftSidebar ul ul li
{
	background: none;
	color: #dcdcdb;
	font-size: .9em;
}


.doubleSideNav .leftSidebar ul li ul li a, .doubleSideNav .leftSidebar ul ul li a, .leftbar .leftSidebar ul li ul li a, .leftbar .leftSidebar ul ul li a
{
	background: none;
	color: #dcdcdb;
	font-size: .915em;
	font-style: normal;
}

.doubleSideNav .leftSidebar ul li ul li a:hover, .doubleSideNav .leftSidebar ul li ul li.current a, .doubleSideNav .leftSidebar ul ul li a:hover, .doubleSideNav .leftSidebar ul ul li.current a, .leftbar .leftSidebar ul li ul li a:hover, .leftbar .leftSidebar ul li ul li.current a, .leftbar .leftSidebar ul ul li a:hover, .leftbar .leftSidebar ul ul li.current a
{
	background: none;
	color: #a9ddff;
	font-size: .915em;
	font-style: normal;
}



