@charset "UTF-8";

/** begin global */
body {
	/*
	background: url('../img/bg.jpg') repeat-x #1e1e1e;
	*/
	font-size: 77.5%;
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	line-height: 1.429;
	color: #878787;
	text-align: left;
	/*
	min-width: 1230px;
	*/
}

h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.286em} /* 18px */
h5 {font-size: 1.143em} /* 16px */
h6 {font-size: 1em} /* 14px */

h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: .8em;
}

a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
    color: #c3c3c3;
    padding: 0 0px;
    /*
	text-decoration: underline;
	*/
	text-decoration: none;
}
a:hover, a:active {
    color: #d7d7d7;
    text-decoration: none;
}

/* end global **/

#topsplash {
	text-align: center;
	height: 100%;
}
	#wrapper {
		width: 1230px;
		height: 100%;
		margin: 0 auto;
	}
/** begin menu */
		#nav {
			width: 1230px;
			height: 48px;
			text-align: left;
			padding: 15px 0px 0px 0px;
		}
			#nav ul {
				list-style-type: none;
			}
			#nav ul li {
				float: left;
			}
				/* future-proof..kinda... */
				ul li#swglogo {
					width: 47px;
				}
				ul li#lookbook {
					padding: 9px 0px 0px 0px;
				}
				ul li#news {
					padding: 9px 0px 0px 0px;
				}
				ul li#stores {
					padding: 9px 0px 0px 0px;
				}
				ul li#onlinestore {
					padding: 9px 0px 0px 0px;
				}
				ul li#menuslug {
					width: 848px;
					height: 10px;
				}
				ul li#myspace {
					padding: 7px 3px 0px 0px;
				}
				ul li#twitter {
					padding: 7px 3px 0px 0px;
				}
				ul li#facebook {
					padding: 7px 0px 0px 0px;
				}
/* end menu **/

		#shim {
			/* the real meat in centering content. sandwiched between the top menu and the actual content box, 
			this div flexes accordingly to the height of browser window. 
			keep in mind that, all the parent <div>s need to be height:100% in order to work. */
			width: 1230px;
			height: 50%;
			margin-top: -350px;
			float: left;
			visibility: hidden;
		}

/** begin 4x3 grid layout */
		#stage {
			width: 1230px;
			height: 590px;
			text-align: left;
			float: left;
			overflow: hidden;
		}
			#mainmask {
				width: 1230px;
				height: 560px;
				overflow: hidden;
				float:left;
			}
				#slidecontainer {
					width: 1240px;
					height: 570px;
				}
					.slidebox {
						width: 310px;
						height: 190px;
						float: left;
					}
						.slidepicture {
							width: 300px;
							height: 180px;
							overflow: hidden;
							background: #000;
							text-align: center;
						}
							.slidepicture img {
								/* auto made it glitchy... so resize it within <img width=, height=> tag... -makki
								width: 300px;
								height: auto;
								*/
							}
/* end 4x3 grid layout **/

			#copyright {
				width: 1230px;
				height: 10px;
				/*
				height: 20px;
				*/
				text-align: center;
				padding: 13px 0px 0px 0px;
				float: left;
			}
		#copyrightwithbuffer {
			width: 1230px;
			height: 60px;
			text-align: center;
			padding: 20px 0px 0px 0px;
			float: left;
		}
			
/** begin stores */
		#storelist {
			width: 963px;
			text-align: left;
			padding: 0px 0px 0px 267px;
		}
			#branchmask {
				width: 695px;
				float: left;
				overflow: hidden;
				padding: 85px 0px 0px 0px;
				background: url('../img/storelist_swaggerbranches.gif') no-repeat center 36px;
			}
				#branchcontainer {
					width: 705px;
					float: left;
				}
					.branchbox {
						width: 235px;
						height: 202px;
						float: left;
					}
						.branchpicture {
							width: 225px;
							height: 202px;
						}
		
				#dealercontainer {
					width: 695px;
					float: left;
					overflow: hidden;
					padding: 135px 0px 65px 0px;
					background: url('../img/storelist_dealers.gif') no-repeat center 90px;
				}
					#dealercontainerleft {
						width: 381px;
						float: left;
					}
						.dealerbox {
							width: 314px;
							height: 20px;
						}
						.boxhr {
							border-bottom: 1px solid #3a3a3a;
						}
					#dealercontainerright {
						width: 314px;
						float: left;
					}
/* end stores **/

/** being opening splash */
#splash {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -135px;
	margin-left: -153px;
	width: 306px;
	height: 270px;
}
/* end opening splash **/