body {
	background: #4e4e4e;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0
}

/* ============== [ UNIVERSAL ] ============== */

img { border: none}
.clearboth { clear: both }

/* ============== [ COLOURS ] ============== 
Black: 313131, 4E4E4E, 717171
Blue: C1E9E6, 95DAD5, 2E6B66
White and Cream: FFF, F3F2F1
Orange: f58235
Pink: F7B0BE
Purple: 9C9ECA
Green: A4CE64
Yellow: E6D55C
Red: E84D4D
*/

/* ============== [ MAIN STRUCTURE AND LAYOUT ] ============== */

#container {
	text-align: center;
	width: 970px;
	margin: 0 auto;
	position: relative
}

#headerWrapper {
	background: url(/images/) repeat-x;
	height: 106px;
	position: relative;
	width: 100%;
	z-index: 999 /*need z-index for ie */
}

#header {
	margin: 0 auto;
position: relative;
	width: 970px;
}

#mainBody {
	border-top: 4px solid #313131;
	float: right;
	padding: 5px;
	width: 770px;
}

#mainSide {
	background: #FFF url(http://www.kippygo.com/img/mainSideBottom.gif) no-repeat bottom center;
	margin: 0;
	padding: 0 0 60px 0;
	text-align: left;
	width: 188px
}

body#kippygocontempo #contentBox {
	background: #4E4E4E;
	height: auto;
	margin: 0 auto;
	overflow: auto;
	position: relative;
	width: 970px
}

#contentBoxBottom {
	background: url(/images/comp5_07.gif) no-repeat;
	background-position: top center;
	height: 13px
}

#footer {
	color:#FFF;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
	width: 970px
}

/* ============== [ TYPOGRAPHY ] ============== */

h1  { 
	font-family: Georgia, "Times New Roman", serif;
}
#contentBox h2 { font-family: Arial, Verdana, sans-serif; }

#mainBody   a {
color: #FFF;
font-weight: bold;
}

h1 {	
	color:#FFF;
	font-weight: normal;	
	margin:0;
	padding:5px 2px;
	text-align:left
}

#contentBox h2 {
	color: #FFF;
	font-weight: 400;
	letter-spacing: -.5px;	
	line-height: 100%;
	margin: 0;
	padding: 5px 2px;
	text-align: left;
}

h3 {
	color: #313131;
	font: normal 22px Georgia;
	line-height: 17px;
	margin: 0;
	padding: 10px 2px;
	text-align: left;
}	

#contentBox p {
	color: #FFF;
}
#mainBody h3 {
	color: #FFF;
	padding: 30px 2px 5px 2px;
}
#mainSide h4 {
	border-bottom: 2px solid #717171;
	color: #313131;
	font-size: 14px;
	padding: 0 5px;
	margin: 20px 0 5px 0;
	text-transform:uppercase
}

p {
	clear: left;
	font-size: 13px;
	margin: 0;
	padding: 7px 0;
	text-align: left
}
	
#subNav1, #subNav1 a {
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none
}
#subNav1 a:hover  { 
	color: #95DAD5
}

li.top_level a { font-weight: 700; }

ul#nav li ul li a{  font-weight: normal; text-transform: none; letter-spacing: 0; font-size: 12px }

#coupon {
	font: bold 18px Arial, Verdana, sans-serif;
	letter-spacing: 1px
}

#about { background: #EBFAF9; padding: 10px }

/* ============== [ HEADER AND BRANDING ] ============== */

#branding {
	background: url(http://www.kippygo.com/img/branding.jpg) no-repeat;
	float:left;
	height:106px;
	width:190px
}
#branding a {
	display:block;
	height:106px;
	text-indent:-9999px;
	width:190px
}

#subNav1 { 
	width: 705px;
	float: right;
	height: 30px;
}

#subNav1 ul {
	float: right;
	margin:0;
	padding: 0
}

#subNav1 ul li , #subNav2 ul li{
	float: left;
	list-style-type: none;
	padding: 5px 10px
}

#subNav2 {
	width: 705px;
	float: right; 
	height: 25px;
}

#subNav3 {
	background: transparent;
	float: right;
	height: 50px;
	width: 780px;
}

ul#nav li ul {
	padding-top: 5px
}

#topNav {
	float: left;
	width: 780px;
}

/* ============== [ LEFT SIDEBAR ] ============== */

.sideContainer {
	padding: 20px 0 5px 0;
	text-align: center
}

#mainSide ul#sideNav li {
padding: 5px 0 0 0;
}

ul#sideNav a { color: #FFF; text-decoration: none; padding-left: 4px; }
ul#sideNav {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 0;
}

ul#sideNav li {
	height: 29px;
	background: url(http://www.kippygo.com/img/sideNav01.gif) no-repeat;
	width: 186px;
}

ul#sideNav li.alt {
	height: 32px;
	background: url(http://www.kippygo.com/img/sideNav02.gif) no-repeat;
	width: 173px;
}


/* ============== [ FOOTER ] ============== */


/* ============== [ SHOPFRONT ] ============== */

#shopfront {
width: 100%;
}
#mainBody li {
margin: 4px;
}

#shopfront ul {
list-style-type: none;

}
#shopfront li { 
background: url(http://www.kippygo.com/img/kgBrandThumb.gif) no-repeat;
width: 160px;
height: 160px;
float: right;
padding: 2px 1px;
}

#mainFeature {
float: left;
width:  252px;
height: 335px;
}