/*
	Base by Gavin Johnson
*/

body {
	background-color:#111;
	color: #ccc;
	font-size: 12px;
	margin:0px;
	padding:0px;
}

#header {
	height: 450px;
	background: #111 url(../img/BGhome_1.jpg) center top no-repeat;
}

#navArea {
	background-color:#111;
}

#mainNav {
	float:right;
	margin: 0px;
}

#top {
	background: #45474a;
	padding:20px 0;
}

#topNoBottom {
	background: #45474a;
	padding:20px 0 0 0;
}

#topHome {
	background: #45474a;
	padding:3px 0 0 0;
	margin:0;
}

#middle {
	margin-top: 10px;
	padding: 0 0 60px 0;
}

#content {
	padding: 20px 0 60px 0;
	margin: 0 0 40px 0;
	border-bottom: #222 solid 1px;
	border-top: #222 solid 5px;
}

#footer {
	background: #000;
	padding: 30px 0 60px;
}

#logo {
	display:block;
	background: #000 url(../img/inspired_logo.gif);
	text-indent:-1000px;
	width: 189px;
	height: 104px;
}

#subNav {
	background-color: #FFF;
	padding: 20px 20px 10px 20px;
	margin: 20px 0 0 0;
}

#subNavHold {
	background: #111 url(../img/subTop.gif) top no-repeat;
}

.topPadding60 {padding-top:60px;}
.topPadding10 {padding-top:10px;}
.bottomPadding10 {padding-bottom:10px;}

.lineLeft {border-left: solid #333 1px; padding-left: 10px;}

.opentext {
	font-size: 22px;
	line-height: 28px;
	color: #0ba5ef;
	background-color: #000;
}

.title {
	font-size: 52px;
	line-height: 63px;
	color: #FFF;
	background: url(../img/titleBG.png) right top repeat;
}

.openpara {
	font-size: 18px;
	line-height: 24px;
}

#person {
	padding: 20px 0 0 0;
	margin: 0 0 20px 0;
	border-top: #222 solid 5px;
}



/* Text Elements */
#logo h2 {padding:0;margin:0;}
.dark { color:#333; margin: 0 10px;}
#middle h3 { font-size:12px;padding:0;margin:0;}
#middle p { padding:0;margin:0 0 15px 0;}
#top h3 { font-size:14px;padding:0;margin:5px 0;color:#FFF;}
#top p { padding:0;margin:0 0 10px 0; color:#999;}
#topNoBottom h3 { font-size:14px;padding:0;margin:5px 0;color:#FFF;}
#topNoBottom p { padding:0;margin:0 0 10px 0; color:#999;}
#top .intro {font-size:14px; color:#CCC;}
#topNoBottom .intro {font-size:14px; color:#CCC;}
#footer P { color:#666;}
#top .white { color:#FFF;}
#topNoBottom .white { color:#FFF;}

.introHome {
	font-size:18px;
	color:#84878f;
	margin: 0;
    padding: 0;
}

.top20{padding-top: 20px;}

hr {border: 0;color: #333;background-color: #333;height: 3px;}

.promo{margin: -20px 0 20px 10px;}

.quote{background:url(../img/quoteTop.gif) top left no-repeat; border-bottom: solid #333 2px; padding: 30px 0 20px 0; margin-bottom:20px;}


/* Image Elements */
.imgTopLine { border-top:#92007b solid 3px;}


/* Link Elements */

#footer a:link {text-decoration: none; color:#ccc; border-bottom: #666 1px dotted;}
#footer a:visited {text-decoration: none; color:#ccc; border-bottom: #666 1px dotted;}
#footer a:active {text-decoration: none; color:#ccc; border-bottom: #666 1px dotted;}
#footer a:hover {text-decoration: none; color: #fff; border-bottom: #fff 1px dotted;}


h3 a:link {font-size: 16px;text-decoration: none; color:#baff00; display:block;}
h3 a:visited {font-size: 16px;text-decoration: none; color:#baff00; display:block;}
h3 a:active {font-size: 16px;text-decoration: none; color:#baff00; display:block;}
h3 a:hover {font-size: 16px;text-decoration: none; color: #fff; display:block;}

h2 a:link {text-decoration: none; color:#baff00; display:block;}
h2 a:visited {text-decoration: none; color:#baff00; display:block;}
h2 a:active {text-decoration: none; color:#baff00; display:block;}
h2 a:hover {text-decoration: none; color: #fff; display:block;}

.moreArrow a:link {text-decoration: none; color:#000000; text-indent:-9000px; display:block; height:13px; background:url(../img/arrowPurple.gif) no-repeat; margin-top:5px;}
.moreArrow a:visited {text-decoration: none; color:#000000; text-indent:-9000px; display:block; height:13px; background:url(../img/arrowPurple.gif) no-repeat;margin-top:5px;}
.moreArrow a:active {text-decoration: none; color:#000000; text-indent:-9000px; display:block; height:13px; background:url(../img/arrowPurple.gif) no-repeat;margin-top:5px;}
.moreArrow a:hover {text-decoration: none; background:url(../img/arrowGrey.gif) no-repeat;margin-top:5px;}

.more a:link {text-decoration: none; color:#baff00; text-indent:20px; display:block; height:13px; background:url(../img/arrowPurple.gif) no-repeat; margin-top:5px;}
.more a:visited {text-decoration: none; color:#baff00; text-indent:20px; display:block; height:13px; background:url(../img/arrowPurple.gif) no-repeat;margin-top:5px;}
.more a:active {text-decoration: none; color:#baff00; text-indent:20px; display:block; height:13px; background:url(../img/arrowPurple.gif) no-repeat;margin-top:5px;}
.more a:hover {text-decoration: none; background:url(../img/arrowGrey.gif) no-repeat;margin-top:5px; color: #fff;}

#footer .footNav {padding:0; margin:0;}
#footer .footNav li { list-style:none;padding:0 0 10px 0; margin:0;}
#footer .footNav a {color: #999; text-decoration: none; border-bottom: none;}
#footer .footNav a:hover {color: #fff; text-decoration: none; border-bottom: none;}
#footer .footNav a:active {color: #fff; text-decoration: none; border-bottom: none;}

.subNavigation {padding:0; margin:0;}
.subNavigation li { list-style:none;padding:0 0 10px 0; margin:0;}
.subNavigation a {color: #666; text-decoration: none;}
.subNavigation a:hover {color: #111; text-decoration: none;}
.subNavigation a:active {color: #000; text-decoration: none;}

.subNavOn a {color: #000; font-weight: bold;}

.subNavThird a {color: #666; padding:0 0 10px 10px;}
.subNavThird a:hover {color: #111; padding:0 0 10px 10px;}
.subNavThird a:active {color: #000; padding:0 0 10px 10px;}

.subNavThirdOn a {color: #000; padding:0 0 10px 10px;}
.subNavThirdOn a:hover {color: #111; padding:0 0 10px 10px;}
.subNavThirdOn a:active {color: #000; padding:0 0 10px 10px;}

/* mainNav
------------------------------------*/
#mainNav ul {margin: 0;padding: 0;float: left;list-style: none; font-size:14px;}
#mainNav ul li {float: left; margin: 0 0 0 3px; padding: 0;}
/* Hack to make IE/Mac play nice */
#mainNav li a {
  padding: 0 30px 0 0;
  line-height: 35px;
  border-top: #333 solid 5px;
  text-decoration: none;
  color: #999;
  float: left;
  display: block;
}
#mainNav ul a:hover {color: #baff00;}

#mainNav .on {float: left; margin: 0 0 0 3px; padding: 0;}
/* Hack to make IE/Mac play nice */
#mainNav .on a {
  padding: 0 30px 0 0;
  line-height: 35px;
  border-top: #025fcc solid 5px;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
}
#mainNav .on a:hover {color: #fff;}