/* Night and Day Home Page Styles*/

/* BASIC SITE STYLES */

html {
	 margin: 0px; padding: 0px; 
	}
body
	{
	margin:0;
	padding:0;
	background:url("/universal/lines_bg.gif");
	text-align:center;
	}
#Wrapper {
	padding-right:1px;
	width:95%; 
	min-width:670px;
	display:block; 
	margin:20px auto;
	text-align:left;
	background:#fff url("/universal/header_hm_bg.gif") 0% 0% repeat-x; 
	}
#Header {
	padding:0px;
	margin:0px;
	width:100%;
	height:307px;
	min-width:670px; 
	display:block;
	background:url("/universal/header_hm_sizzle2.jpg") 100% 100% no-repeat;
	border:1px solid #630; 
	}
#Header img {
	float:left;
	margin:20px;
	}
 
#Header h1 {
	margin:0;
	padding:0;
	width:auto;
	white-space:nowrap;
	text-align:left;
	margin-left:60px;
	margin-top:258px;
	color:#1a102e;
	font:normal 1.6em Georgia,sans-serif;
	}

#Nav {
	margin: 0px;
	margin-bottom: 0px; 
	padding: 0px;
	min-width:670px;
	width:100%;
	display:block;
	float: left;
	font:bold .8em verdana, arial, helvetica, sans-serif;
	letter-spacing: 2px;
	text-shadow: #630 2px 2px 2px;
	background:url("/universal/nav_bg.gif") repeat;
	border: #630 1px solid;
	border-top:none;
 	}
#Nav ul li { 
    display: inline;
	}

#Nav ul {
	margin:0px;
	padding: 0 0 0 3%;
	background:url("/universal/nav_bg.gif") repeat;
	}

#Nav ul li a {
	padding: 0.5em 20px;
	color: #fff;
	text-decoration: none;
	float: left; 
	border-right: none;
	background:none;
	}

#Nav ul li a:hover {
	text-decoration:underline;
	}

#Sizzle {
	padding:0;
	margin:0;
	display:block;
	float:left;
	background:#eee url("/universal/sizzle_bg.gif") 100% 0% repeat;
	height: 172px;
	width: 100%;
	min-width:670px;
	border:1px solid #630;
	border-top:none;
	text-align:center;
	}
#Sizzle img {
	border:none;
	display:block;
	float:right;
	}
#home #nav-home a, #showroom #nav-showroom a, #support #nav-support a, #shoefittings #nav-shoefittings a, #warranty #nav-warranty a {
	text-decoration:underline;
	}
#home #nav-home a:hover, #showroom #nav-showroom a:hover, #support #nav-support a:hover, #shoefittings #nav-shoefittings a:hover, #warranty #nav-warranty a:hover {
	cursor: default;
	}

#Footer {
	min-width:670px;
	margin:0;
	padding:15px 0;
	display:block;
	float:left;
	margin-bottom:45px;
	text-indent:18px;
	text-align:right;
	width:100%;
	background:url("/universal/footer_bg.gif") 0% 0% repeat;
	font:.7em verdana, arial, helvetica, sans-serif;
	color:#630;
	border:1px solid #630;
	}

#Footer a {
	padding-right:2.5em;
	text-decoration:none;
	color:#630;
	background:none;
	}
#Footer a:hover {
	color:#fff;
	}
#Footer a[href] {
	text-decoration:underline;
	padding-right:2.5em;
	}
#Footer a[href]:link, #Footer a[href]:visited {
	color:#630;
	}
#Footer a[href]:hover, #Footer a[href]:active {
	color:#fff;
	}
/**********************
						3 COLUMN GENERAL STYLING
						***********************/


img {
	padding:5px;
	float:right;
	}
a {
	display:inline;
	}
a:link, a:visited {
	color:#8f7844;
	text-decoration:none;
	}
a:hover {
	color:#8f7844;
	text-decoration:underline;
	}
p {
	padding: 0; 
	padding-bottom:1.5em;
	margin: 0 0 0 1em;
	color: #333;
	font: normal .8em/1.5em Verdana, sans-serif;
	}

h2 {
	color: #555;
	padding: 0;
	padding-top: .3em;
	padding-bottom:0;
	margin:.5em 0 .7em 0;
	font: normal 1.35em Verdana, sans-serif;
	color:#584421;
	} 
h3 {
	margin:0;
	margin-bottom:.3em;
	padding: 0;
	padding-top:4px;
	font: normal .95em/1.3em Verdana,sans-serif;
	color: #8f7844 !important;
	clear: both;
	}

/**********************
						4COLUMN LAYOUT
						***********************/
/* column container */
	.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */

	}
	/* common column settings */
	.colnew,
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	
	
	
	.col4, 
	.col1,
	.col2,
	.col3
	{
		float:left;
		position:relative;
		padding:0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column blog style settings */
	.blogstyle {
		background:#f5f4e9 url("/universal/4col_bg.gif") repeat-x 100% 0;		/* right column background colour */
		border:1px solid #630;
		border-top:none;
		border-bottom:none;
	}
	.blogstyle .colnew {
		right:25%;
		border-right:1px solid #c8bea7;
		background:#fff;
		}
	
	.blogstyle .colmid {
		right:25%;				/* width of the right column */
				/* center column background colour */
		border-right:1px solid #c8bea7;
	}
	.blogstyle .colleft {
		right:25%;				/* width of the middle column */
		/* border-right:1px solid #c8bea7; */
	}
	.blogstyle .col4 {
		width:21%;
		left:77%;
	}
	.blogstyle .col1 {
		width:21%;				/* width of center column content (column width minus padding on either side) */
		left:81%;				/*was 52%, 100% plus left padding of center column */
	}
	.blogstyle .col2 {
		width:21%;				/* Width of left column content (column width minus padding on either side) */
		left:85%;				/*was 56% width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.blogstyle .col3 {
		width:21%;				/* Width of right column content (column width minus padding on either side) */
		left:89%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right "padding") plus (left column left and right "padding") plus (right column left "padding") */
	}

/* International Section
		border-right:1px solid #999;
+++++++++++++++++++*/
#usa a {
	background:#fff url("/universal/usa.gif") 0% 50% no-repeat;}
#canada a {
	background:#fff url("/universal/canada.gif") 0% 50% no-repeat;}
#intl {
	width:95%;
	margin:0 auto;
	padding:0;
	font:normal .7em/1.6em verdana, arial, helvetica, sans-serif;
	background-color:#fff;
	text-align:right;
	color:#1a102e;
	}
#intl ul {
	margin:0;
	padding:0 1em;
	display:inline;}
#intl li {
	padding-right:.6em;
	display:inline;
	}
#intl li a {
	letter-spacing:1px;
	color:#999;
	font-weight:normal;
	padding-left:20px;
	text-decoration:none;
	}
#intl li a:link, #intl li a:visited {
	text decoration:none;
	}
#intl li a:hover, #intl li a:active {
	text-decoration:underline;}
#intl li a.current {
	font-weight:bold;
	color:#666;
	text-decoration:underline;
	}
.clear {
	clear:both;}