/*----------------------------------------------
	RESET
----------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus
{
	outline: 0;
}

body
{
	line-height: 1;
	color: black;
	background: white;
}

ol, ul
{
	list-style: none;
}

table
{
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}

blockquote, q
{
	quotes: "" "";
}

/*----------------------------------------------
	GLOBAL/GENERIC
----------------------------------------------*/

body
{
	background: #fff none repeat scroll 0 0;
	color: #363636;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	line-height: 100%;
	margin: 0;
	padding: 0;
}

html > body
{
	background: #fff none repeat scroll 0 0;
	color: #363636;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	line-height: 100%;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6
{
	margin-bottom:12px;
}

h1{font-size:26px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

strong{font-weight:bold;}

.clearDiv
{
	clear: both;
	font-size: 0;
	padding: 0;
	margin: 0;
	height: 0;
}

a:link,
a:active,
a:visited {
	color:#92278F;
	font-weight:bold;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

/*----------------------------------------------
	WRAPPERS
----------------------------------------------*/

#outerWrap
{
	float: left;
	width: 100%;
}

#wrap
{
	margin: 0 auto;
	width: 960px;
}

#pageWrap
{
	float: left;
	width: 960px;
}

#page
{
	font-size:12px;
	float: left;
	padding:12px 0 98px 0;
	width: 960px;
}

/*----------------------------------------------
	HEADER
----------------------------------------------*/

#header
{
	text-indent:-1000px;
	overflow:hidden;
	float: left;
	width: 960px;
	height:140px;
}

#header h1{
	float:left;
	width:255px;
	padding-left:40px;
	height:140px;
}

#header h1 a{
	float:left;
	width:100%;
	height:140px;
}

.home #header{background: url(../images/header_home.gif) no-repeat 0 0;}

.all #header{background: url(../images/header_all.gif) no-repeat 0 0;}

.be #header{background: url(../images/header_be.gif) no-repeat 0 0;}

.how #header{background: url(../images/header_how.gif) no-repeat 0 0;}

/*----------------------------------------------
	MAIN CONTENT
----------------------------------------------*/

#mainContent
{
	border-left:5px solid #92278f;
	border-right:5px solid #92278f;
	padding:10px 15px 56px 15px;
	float: left;
	width: 920px;
}

.colLeft{
	float: left;
	width: 450px;
}

.home .colLeft
{
	padding:28px 22px 0 22px;
	width: 406px;
}

.colRight{
	float: right;
	width: 450px;
}

.colLeft .intro{font-size:14px;line-height:130%;}

.navPod
{
	font-size:11px;
	float: left;
	margin-bottom:10px;
	padding:7px 15px 0 7px;
	width: 427px;
	height: 204px;
}

.navPod.lastPod{margin-bottom:0px;}

.navPod .imageLink
{
	text-indent:-1000px;
	overflow:hidden;
	float:left;
	width:189px;
	margin-right:28px;
	height: 197px;
}

.navPod .content
{
	float:left;
	width:210px;
	height:159px;
}

.navPod .link
{
	float:left;
	width:167px;
	padding:0 0 0 43px;
}

.navPod a.bttn
{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	background: url(../images/podBttn.gif) no-repeat 0 0;
	float:left;
	padding:7px 0 0 24px;
	width:122px;
	height:25px;
}

.navPod a.bttn:hover{background: url(../images/podBttn_hover.gif) no-repeat 0 0;}

.navPod.howPod{background: url(../images/navPod_how.gif) no-repeat 0 0;}
.navPod.bePod{background: url(../images/navPod_be.gif) no-repeat 0 0;}
.navPod.allPod{background: url(../images/navPod_all.gif) no-repeat 0 0;}

.navPod h1,.navPod h2,.navPod h3,.navPod h4,.navPod h5,.navPod h6
{
	color:#92278f;
	font-weight:bold;
	line-height:105%;
	margin-bottom:8px;
}

.heroPod
{
	background: url(../images/heroPod_middle.gif) repeat-y 0 0;
	float:left;
	margin-bottom:20px;
	width:920px;
}

.heroPod .heroPodTop
{
	float:left;
	width:100%;
	padding-top:12px;
	background: url(../images/heroPod_top.gif) no-repeat 0 top;
}

.heroPod .heroPodBottom
{
	float:left;
	width:100%;
	padding-bottom:12px;
	background: url(../images/heroPod_bottom.gif) no-repeat 0 bottom;
}

.heroPod .heroPodTextArea
{
	float:left;
	padding:20px 0 20px 22px;
	width:580px;
}

.heroPod .heroPodTextArea .intro{font-size:15px;line-height:130%;}
.heroPod .heroPodTextArea .content{font-size:14px;line-height:130%;}

.heroPod .heroPodImage{
	font-size:0;
	line-height:0;
	float:right;
	padding-right:12px;
	width:auto;
}

.table .header{
	background: url(../images/table_header_2col.gif) no-repeat 0 bottom;
	float:left;
	padding:10px 20px 0 20px;
	width:880px;
	height:51px;
}

.table .header h2{
	font-size:22px;
	color:#fff;
	font-weight:bold;
	line-height:100%;
	float:left;
	width:auto;
}

.table .header h2.col1{
	margin-right:149px;
}

.table .row{
	background: url(../images/table_row_middle.gif) repeat-y 0 0;
	float:left;
	padding-top:20px;
	width:920px;
}

.table .row .rowBottom
{
	float:left;
	width:100%;
	padding-bottom:44px;
	background: url(../images/table_row_bottom.gif) no-repeat 0 bottom;
}

.table .row.last .rowBottom
{
	padding-bottom:42px;
	background: url(../images/table_row_bottom_last.gif) no-repeat 0 bottom;
}

.table .row img{
	width:246px;
}

.table .row .rowLeftArea
{
	font-size:0;
	line-height:0;
	/* background: url(../images/imageArea_border.gif) repeat-y right top; */
	float:left;
	padding-left:30px;
	width:auto;
}

/*
.table .row .rowLeftArea .rowLeftAreaTop
{
	background: url(../images/imageArea_borderCrop.gif) no-repeat right top;
	float:left;
	width:100%;	
}

.table .row .rowLeftArea .rowLeftAreaBottom
{
	background: url(../images/imageArea_borderCrop.gif) no-repeat right bottom;
	float:left;
	width:100%;
}
*/

.table .row .rowRightArea
{
	font-size:13px;
	background: url(../images/imageArea_border.gif) repeat-y left top;
	float:right;
	width:610px;
}

.table .row .rowRightArea .rowRightAreaTop
{
	background: url(../images/imageArea_borderCrop.gif) no-repeat left top;
	float:left;
	width:100%;	
}

.table .row .rowRightArea .rowRightAreaBottom
{
	background: url(../images/imageArea_borderCrop.gif) no-repeat left bottom;
	float:left;
	padding:10px 30px 15px 30px;
	width:550px;
}

.table .row .rowLeftArea .rowImage{
	margin-right:34px;
}

.table .row .rowLeftArea h3{
	font-size:14px;
	font-weight:bold;
	line-height:100%;
	float:left;
	padding:10px 0 0 34px;
	width:246px;
}

.table .row .rowRightArea p{
	margin-bottom:16px;
}

#mainContentFooter{
	background: url(../images/footer.gif) no-repeat 0 top;
	float: left;
	margin-bottom:25px;
	width: 960px;
	height:12px;
}

/*----------------------------------------------
	FOOTER
----------------------------------------------*/

#footer
{
	color:#464646;
	font-size:11px;
	float: left;
	width: 960px;
}

#footer #footerRight a{
	color:#ed1c24;
	font-weight:normal;
	text-decoration:none;
}

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

#footerLeft{
	float:left;
	width:auto;
}

#footerRight{
	float:right;
	width:auto;
	text-align: right;
}