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

body {
	position:relative;
	float:center;
	margin: 0px 10% 0pc 0%;
	width:1200px;
	height:950px;
	background-color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
}

#bgslide {
position: absolute;
border:0px;
width:auto%;
z-index:0;
}


#left-panel {
	position:relative;
	float:left;
	left: 146px;
	width:301px;
}

#logo-container {
	position:relative;
	float:left;
	width:277px;
	height:282px;
	background-color:#FFFFFF;
}

#logo {
	position:relative;
	float: left;
	left: 7px;
	top:43px;
	z-index:2;
}

/*--------------   SIDE BAR & BTNS    -----------------*/

#side-nav {
	position:relative;
	float:left;
	font-size:16px;
	margin: 20px 0px 0px 20px;
}

#side-nav a{
	padding: 4px 6px 4px 6px;
	color:#FFFFFF;
	background-color:#777777;
	text-decoration:none;
}

#side-nav a:hover{
	color:#000000;
	background-color: transparent;
}



#side-bar {
	position:relative;
	float:left;
	display:block;
	left: 16px;
	margin: 40px 0px 8px 0px;
	font-size:20px;
	z-index:2;
	
}



.side-bar-where a {
	position:relative;
	float:left;
	margin:0px;
	padding:4px 8px 4px 8px;
	width:auto;
	height:auto;
	color:#FFFFFF;
	background-color: #000000;
	text-decoration:none;
}
.side-bar-where a:hover{
	position:relative;
	float:left;
	color:#FFFFFF;
	background-color:#FF6666;
}



.side-bar-peach a {
	position:relative;
	float:left;
	margin:0px;
	padding:4px 8px 4px 8px;
	width:auto;
	height:auto;
	color:#FFFFFF;
	background-color: #000000;
	text-decoration:none;
}
.side-bar-peach a:hover{
	color:#FFFFFF;
	background-color:#e03b2f;
}

.side-bar-apple a {
	position:relative;
	float:left;
	margin:0px;
	padding:4px 8px 4px 8px;
	width:auto;
	height:auto;
	color:#FFFFFF;
	background-color: #000000;
	text-decoration:none;
}
.side-bar-apple a:hover{
	position:relative;
	float:left;
	color:#FFFFFF;
	background-color:#09b711;
}



.side-bar-butterscotch a {
	position:relative;
	float:left;
	margin:0px;
	padding:4px 8px 4px 8px;
	width:auto;
	height:auto;
	color:#FFFFFF;
	background-color: #000000;
	text-decoration:none;
}
.side-bar-butterscotch a:hover{
	position:relative;
	float:left;
	color:#FFFFFF;
	background-color:#e3871a;
}

#bottom-nav {
	position:relative;
	float:left;
	display:block;
	margin-top: 425px;
}


#bottom-nav a{
	padding: 4px 6px 4px 6px;
	color:#FFFFFF;
	background-color:#000000;
	text-decoration:none;
}

#bottom-nav a:hover{
	color:#000000;
	background-color: transparent;
}



/*-----------------  end   ---------------*/



#content {
	position:relative;
	float:left;
	margin: 80px 0px 0px 240px;
	padding-left:5px;
	width: 360px;
	z-index:2;
	
}

h1 {
	position:relative;
	display: inline;
	width: auto;
	font-size:22px;
	padding: 10px;
	color:#FFFFFF;
	background-color:#000000;
	font-weight:200;
}

h2 {
	position:relative;
	float:left;
	display: inline;
	width: auto;
	font-size:18px;
	padding: 10px;
	color:#FFFFFF;
	background-color:#000000;
	font-weight:200;
}

p {
	position:relative;
	display:block;
	font-size: 17px;
	color:#FFFFFF;
	padding: 8px 10px 8px 10px;
	margin: 12px 0px 0px 0px;
	line-height:26px;
}

/*  -------------------  PACKSHOT IMAGES  ------------------*/

#packshot {
	position:relative;
	float:left;
	display:block;
	padding: 0px 10px 6px 0px;
	margin: -2px 0px 0px 0px;
}

/*apple*/
.packshot-thumb-apple{
	position:relative;
	float:left;
}

.packshot-thumb-apple a{
	position:relative;
	float:left;
	display:block;
	margin:0px 4px 0px 0px;
	padding:0px;
	border:4px solid #000000 ;
	text-decoration:none;
}

.packshot-thumb-apple a:hover{
border:4px solid #08800d;
}


/*peach*/
.packshot-thumb-peach{
	position:relative;
	float:left;
}

.packshot-thumb-peach a{
	position:relative;
	float:left;
	display:block;
	margin:0px 4px 0px 0px;
	padding:0px;
	border:4px solid #000000 ;
	text-decoration:none;
}

.packshot-thumb-peach a:hover{
border:4px solid #e35146;
}


/*butterscotch*/
.packshot-thumb-butterscotch{
	position:relative;
	float:left;
}

.packshot-thumb-butterscotch a{
	position:relative;
	float:left;
	display:block;
	margin:0px 4px 0px 0px;
	padding:0px;
	border:4px solid #000000 ;
	text-decoration:none;
}

.packshot-thumb-butterscotch a:hover{
border:4px solid #e3871a;
}

/*  -------------------  end  ------------------*/

.p-links a{
	position:relative;
	display:inline;
	font-size: 16px;
	padding: 6px 10px 6px 10px;
	margin: 12px 0px 20px 0px;
	color:#FFFFFF;
	background-color:#000000;
	text-decoration:none;
}

.p-links a:hover{
	position:relative;
	display:inline;
	color:#000000;
	background-color:#FFFFFF;
}

#spacer {
	position:relative;
	display:block;
	height:20px;
}

/*-------------  header styles  ---------------------*/

.info {
	color:#000000;
	background-color:#FFFFFF;
	font-weight:400;
}

.peach {
	color:#FFFFFF;
	background-color:#e03b2f;
}

.h1peach {
	background-color:#000000;
}

.apple {
	background-color:#09b711;
}

.h1apple {
	background-color:#000000;
}

.butterscotch {
	background-color:#e3871a;
}

.h1butterscotch {
	background-color:#000000;
}