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

/* SWATCHES | color - #000000 | color - #000000 | color - #000000 | color - #000000 | color - #000000 | color - #000000 | */


* {
	padding:0;
	margin:0;
} 

body 
{
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	background: url(images/bkgnd.jpg) top center repeat-x #000;
}	


p 
{
	color:#000;
	font-size:12px;
	margin: 5px 0px 10px 0px;
}

a
{
	color:#000;
	text-decoration:underline;
}

a:hover 
{
	color:#000;
	text-decoration:none;
}

h1 
{
	height: 90px;
	width:960px;
	float:left;
	margin: 10px 20px 0 20px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:24px;
	font-weight:normal;
	text-align:center;
}

h2 
{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	margin: 0 0 10px 0;
	text-align:center;
}

h3 
{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	margin: 5px 0px 10px 0px;
}

h4 
{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin: 5px 0px 10px 0px;
}


/* DIVs */

#box 
{
	width:1000px;
	margin: 0 auto;
	padding:0;
}

#innerbox 
{
	width:1000px;
	margin: 0;
	padding: 0;
	background-color:#FFF;
}

#header 
{
	width:1000px;
	height:400px;
	margin: 0;
	float:left;
	background: url(images/header.jpg) no-repeat top center;
}

#logo 
{
	width:350px;
	height:300px;
	float:left;
	margin: 0;
	display:inline;
}

#logo a 
{
	width:350px;
	height:300px;
	margin: 0;
	display:block;
}

#contents 
{
	width:1000px;
	margin: 0;
	float: left;
	background: #FFF;
	background: url(images/content.jpg) no-repeat top center;
}

#contents-text
{
	width:960px;
	margin: 20px;
	float: left;
}

#clear 
{
	margin:0;
	clear:both;
}


/* NAVIGATION */

#nav 
{
	width:650px;
	height:300px;
	float:left;
	display:inline;
	margin:0;
}

#nav #sect1
{
	height:300px;
	width:400px;
	float:left;
	display:inline;
	margin:0;
}

#nav #sect1a
{
	height:240px;
	width:400px;
	float:left;
	margin:0;
}

#nav #sect1b
{
	height:60px;
	width:400px;
	float:left;
	margin:0;
}

#nav #sect2
{
	height:300px;
	width:250px;
	float:left;
	display:inline;
	margin:0;
}

#nav a.about
{
	width:160px;
	height:75px;
	float:left;
	display:inline-block;
	margin: 130px 0 0 12px;
}

#nav a.blog
{
	width:160px;
	height:75px;
	float:left;
	display:inline-block;
	margin: 160px 0 0 15px;
}

#nav a.contact
{
	width:210px;
	height:125px;
	float:left;
	display:block;
	margin: 70px 0 0 0;
}

#nav a.shop
{
	width:210px;
	height:105px;
	float:left;
	display:block;
	margin: 0;
}

#nav a.fb
{
	width:54px;
	height:53px;
	float:left;
	display:inline-block;
	margin: 0 10px 0 0;
	background: url(images/icon-fb.jpg) top left no-repeat;
}

#nav a.ms
{
	width:54px;
	height:53px;
	float:left;
	display:inline-block;
	margin: 0;
	background: url(images/icon-ms.jpg) top left no-repeat;
}


/* PAGES */

#home-photo 
{
	width:650px;
	height:400px;
	float:left;
	display:inline;
	margin:0;
}

.picture 
{
	width:650px;
	height:400px;
	margin:0;
}

#home-feature 
{
	width:300px;
	height:400px;
	float:left;
	display:inline;
	margin:0;
	overflow:hidden;
	text-align:center;
}

#home-feature img
{
	width:300px;
	height:300px;
	margin: 0;
}

#home-feature p
{
	margin: 10px auto;
	text-align:center;
}

#home-feature a.add
{
	width:178px;
	height:37px;
	margin:0 auto;
	display:block;
	background: url(images/add.png) top left no-repeat;
}

#contact
{
	width: 300px;
	margin: 20px auto;
	padding: 25px 50px;
	background: #FFF;
	border:1px solid #AAAAAA;
}

#contact .outer
{
	width: 300px;
	min-height: 36px;
	margin: 0 0 10px 0;
	padding: 0;
}

#contact .inner
{
	width:100%;
	float:left;
	margin: 2px 0;
}

#contact input.field
{
	background:#F3F3F3; 
	width: 300px; 
	height: 20px;
	border: 1px solid #AAAAAA;
}

#product
{
	width: 300px;
	margin: 10px;
	padding: 0;
	float:left;
	display:inline;
	text-align:center;
}


/* FOOTER */

#footer 
{
	width:1000px;
	margin: 0;
	padding: 10px 0;
	color:#AAAAAA;
	font-size:11px;
	text-align:center;
}

#footer p 
{
	color:#AAAAAA;
	font-size:11px;
	text-align:center;
}

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

#footer a:hover 
{
	color:#FFF;
	text-decoration:underline;
}


/* CLASSES */

.white
{
	color:#FFF;
}

.black
{
	color:#000;
}