@charset "utf-8";
/*-----------------------------------------------------------------------------
Style Sheet 

version:   1.0
author:    johanna goodyear / Kimbo Design
email:     info@kimbodesign.ca
website:   http://www.kimbodesign.ca
-----------------------------------------------------------------------------*/
/* Basics
-----------------------------------------------------------------------------*/

html, body {
	height: 100%;
}
/* Force vertical scrollbar */
html {
	min-height: 100%;
	margin-bottom: 0px;
}
/* Remove padding and margin */
* {
	margin: 0;
	padding: 0px;
	;
}
/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
	margin: 1em 0;
}
/* Class for clearing floats */
.clear {
	clear:both;
}
/* Remove border around linked images */
img {
	border: 0;
}
.break {
	height:10px;
}
.bigBreak {
	height:20px;
}
a:link {
	text-decoration: none;
	color: #FFA6EC;
}
a:visited {
	text-decoration: none;
	color: #D58AC6;
}
a:active {
	text-decoration: none;
	color: #D58AC6;
}
a:hover {
	text-decoration: underline;
	color: #FFA6EC;
}
p {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:#e3e2e2;
	padding:0;
	margin:0;
}
.header {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#01aede;
	padding:0;
	margin:0;
	line-height: 21pt;
}

.headerwhite {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0;
	margin:0;
	line-height: 21pt;
}
h2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0;
	margin:0;
	line-height: 21pt;
}
.whatsnew {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	padding:0;
	margin:0;
	}

.callout {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#9a8e97;
	padding:0;
	margin:0;
	}

ul {
	margin-left: 16px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color:#e3e2e2;
	padding-left:17px;
	margin:0;
	list-style-type: disc;
}
/* ---------------------------------------------------------------------------
Main Content
-----------------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height:20px;
	background:url(../_images/body_bg.jpg) repeat;
	text-align: center;
	margin: 0;
	padding: 0;
}
#wrapper {
	width: 100%;
	text-align: left;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	position:relative;
}
#siteFrame {
	width: 100%;
	height: 100%;
	padding:0em 0em 6em;
}

/* ---------------------------------------------------------------------------
Main Banner
-----------------------------------------------------------------------------*/

#mainBanner {
	width:100%;
	background-image: url(../_images/mainBanner_repeat.jpg);
	background-repeat: repeat-x;
	height: 178px;
}
.bannerContent {
	background:url(../_images/mainBanner.jpg) no-repeat;
	width:875px;
	height: 179px;
	margin: 0 auto;
}
#topSection {
	width:100%;
	height: 126px;
	background-image: url(../_images/top_bg.jpg);
}

#navigation {
	width: 560px;
	float: left;
	padding-left: 128px;
	position: relative;
	top: 53px;
	height: 40px;
}

#mainLogo {
	background:url(../_images/attackLogo.jpg) no-repeat;
	top:14px;
	width:186px;
	height:96px;
	position: relative;
	left: 47px;
	float: left;
}

/* ---------------------------------------------------------------------------
Secondary Features
-----------------------------------------------------------------------------*/

#secondaryBanner {
	width:100%;
	background-color:#01aede;
	background-repeat: repeat-x;
	height: 98px;
}
.secondaryBannerContent {
	width:875px;
	height: 98px;
	margin: 0 auto;
}

.mainContentSecondary {
	width: 820px;
	margin: 0 auto;
	height: 100%;
}

.sideMenu {
	float:left;
	width:267px;
	height: 100%;
	background-color:#1f1f1f;
	font-size: 12px;
	line-height: 21px;
}

.sideMenu a:link {
	text-decoration: none;
	color: #e3e2e2;
}
.sideMenu a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
.sideMenu a:active {
	text-decoration: none;
	color: #e3e2e2;
}
.sideMenu a:hover {
	text-decoration: none;
	color: #01aede;
}

.womanGraphic {
	background:url(../_images/sideMenuBG.jpg) bottom no-repeat;
	height:309px;
	width:267px;
	bottom: 0px;
}

.content {
	float:left;
	width: 520px;
	padding-top: 35px;
	padding-left: 31px;
}

.menuBreak {
	height:16px;
}


/* ---------------------------------------------------------------------------
Index Features
-----------------------------------------------------------------------------*/

.feature {
	float:left;
	width:240px;
	padding-right: 30px;
}
#columnBG {
	background:url(../_images/body_bg.jpg) repeat-x repeat-y;
}

#mainColumn {
	width:100%;
	background:url(../_images/middle_bg.jpg) repeat-x;
}

.mainContent {
	width: 825px;
	padding-top: 30px;
	padding-left: 47px;
	margin: 0 auto;
}


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

#footer {
	width:100%;
	background:url(../_images/footer_bg.jpg) repeat-x;
	height:90px;
	bottom:0; /* stick to bottom */
	position:absolute;
}
.footerContent {
	height:25px;
	width: 775px;
	margin: 0 auto;
	padding-top: 62px;
}
.footerContent a:link {
	text-decoration: none;
	color: #527A52;
}
.footerContent a:visited {
	text-decoration: none;
	color: #000000;
}
.footerContent a:active {
	text-decoration: none;
	color: #527A52;
}
.footerContent a:hover {
	text-decoration: underline;
	color: #CC6600;
}
.footerContent p {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#504b51;
	padding:0;
	margin:0;
}