@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------------------------------->Overall
*/

body {
	background-color:#BBB6AC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color:#333;
}

h1 {
	color:#00C;
	font-size:1.6em;
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	color:#006;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
}

h3 {
	color:#600;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
}

hr {
	color:#003 1px;
}

ul { 
	list-style:none;
}

div.clear {
	clear:both;
}

div.container {
	width:800px;
	min-height:1290px;
	margin:10px auto 10px;
	background-color:#FFF;
}


/*------------------------------------------------------------------------------------->AnchorLinks
*/

a:link {color:#009; text-decoration:none;}
a:visited {color:#003; text-decoration:none;}
a:hover {color:#06F; text-decoration:none;}
a:active {color:#333; text-decoration:none;}

a.dl:link {color:#03C; text-decoration:none;}
a.dl:visited {color:#03C; text-decoration:none;}
a.dl:hover {color:#006; text-decoration:underline;}
a.dl:active {color:#333; text-decoration:none;}

a.nav:link {color:#009; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:.8em;}
a.nav:visited {color:#009; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:.8em;}
a.nav:hover {color:#06F; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:.8em;}
a.nav:active {color:#C00; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:.8em;}

a.storeNav:link {color:#600; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:.8em;}
a.storeNav:visited {color:#600; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:.8em;}
a.storeNav:hover {color:#900; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:.8em;}
a.storeNav:active {color:#600; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:.8em;}

/*------------------------------------------------------------------------------------->Header
*/

div.header {
	background-image:url(spi_kitesurfing_images/Kitesurfer_Header_Waves.png);
	width:800px;
	height:200px;
	background-repeat:no-repeat;
	margin:20px auto;
}

/*------------------------------------------------------------------------------------->Navigation
*/

div.nav{
	width:140px;
	background-color:#FFF;
	padding-left:20px;
	padding-top:10px;
}

ul.navigation { 
	width:150px;
	margin-left:0px;
	padding:0px;
}

ul li#navStore {
	font-size:1.3em;
	margin-top:-5px;
	margin-left:auto;
	margin-right:auto;
	width:55px;
}

ul.storeNav {
	margin-top:-10px;
	margin-left:0px;
	width:50px;
	padding:0px;
}


/*------------------------------------------------------------------------------------->LeftContent
*/

div.leftColumn {
	width:170px;
	float:left;
	background-color:#FFF;
	min-height:1280px;
}
	
div.buyNow {
	width:140px;
	padding-left:20px;
	margin-top:10px;
	background-color:#FFF;
}

/*------------------------------------------------------------------------------------->SubscribeBox
*/


div.subscribe {
	width:145px;
	margin:15px 0px;
}
p.subscribeFont {
	color:#666;
	font-size:12px;
	margin:0px;
	text-align:left;
}
.input {
	text-align:left;
	margin:0px;
}

.inputButton {
	background-color:#999;
	color:#FFF;
}

.inputButton:hover {
	background-color:#666;
	color:#FFF;
}
.label {
	margin-left:2px;
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}


/*------------------------------------------------------------------------------------->Content
*/

div.content {
	background-color:#FFF;
	width:590px;
	margin-left:10px;
	float:left;
	padding:15px;
	min-height:1250px;
}

img.photoSpaceAlignRight {
	float:right;
	margin:10px 0px 10px 10px;
}

img.photoSpaceAlignLeft {
	float:left;
	margin:10px 10px 10px 0px;
	border:none;
}

input.button {
  color: #fff; background:#BBB6AC;
  font-size: .8em;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: solid 1px #ffcf31;
}

/*------------------------------------------------------------------------------------->Store
*/

div.product {
	margin:5px auto;
	width:110px;
}

div.storeItem {
	margin:5px;
	padding:8px;
	float:left;
	border:1px dotted #999;
	width:165px;
}

/*------------------------------------------------------------------------------------->Photography
*/

.photography {
	width:550px;
	min-height:195px;
	border:dotted #CCC 1px;
	margin-bottom:10px;
	padding:10px;
}

.photography img.kitePhoto{
	margin:10px 20px 10px 10px;
	border:none;
	float:left;
}


/*------------------------------------------------------------------------------------->Footer
*/

div.footer {
	width:800px;
	height:25px;
	margin:20px auto;
}

div.footColumns {
	width:250x;
	float:left;
}

ul li.footer {
	font-size:.8em;
	text-decoration:none;
	margin:0px;
	width:200px;
	text-align:left;
	border-right:#003 1px solid;
}