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

* {
	padding : 0;
	margin : 0;
}  

#wrapper { 
	width : 1000px;
	height: 1270px;
	margin : 0px auto 0 auto;
}
body.id96degrees a#id96degrees,
body.portfolio a#portfolionav,
body.aboutus a#aboutnav,
body.services a#servicesnav,
body.contact a#contactnav
body.news a#newsnav
{
color: #FF9900;
}

/* --------------FONTS & HEADS------------------------------*/

body { 
	font-family : Arial, Helvetica, sans-serif;
	color : #666666;
	font-size : 14px;
} 
#welcomehead {
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	letter-spacing: 9px;
	font-size : 15px;
	font-weight: lighter;
	padding: 30px 0px 0px 0px;
}
#charterhead {
	font-family : Arial, Helvetica, sans-serif;
	color : #FF9900;
	font-size : 25px;
	font-weight: 100;
	line-height: 1.35;
	padding: 0px 0px 0px 0px;
}
#featuresbox1 {
	margin: 0;
	padding: 10px;
	color: #5e5e5e;
	background: inherit;
	font-size: 1.0em;
	clear: right;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 6px;
	font-weight: lighter;
}		
#learnmore {
	font-family : Arial, Helvetica, sans-serif;
	color : #FF9900;
	letter-spacing: 3px;
	font-size : 14px;
	font-weight: lighter;
	padding: 0px 0px 0px 0px;
}		
.p{
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 14px;
	font-weight: bolder;
	padding: 10px 0px 0px 0px;
}
.p1{
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 14px;
	font-weight: bolder;
	padding: 0px 0px 0px 0px;
}
#p4{
	font-family : Arial, Helvetica, sans-serif;
	color : #666666;
	font-size : 14px;
	font-weight: lighter;
	padding: 3px 0px 0px 0px;
}
#p5{
	font-family : Arial, Helvetica, sans-serif;
	color : #666666;
	font-size : 12px;
	font-weight: lighter;
	line-height: 1.35;
	padding: 2px 0px 0px 0px;
}
#p6{
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
	font-weight: lighter;
	line-height: 1.35;
	font-style: italic;
	padding: 8px 0px 0px 0px;
}
.more{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9933CC;
}
.email{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9933CC;
	line-height: 1.35;
}
#footertext{
	font-family : Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #FFFFFF;
	font-weight: lighter;
	font-style: italic;
	padding: 0px 0px 0px 12px;
}



/* --------------TOP NAV-------------------------*/

#navbox {
	float: left;
	padding: 0px 0px 0px 0px;
	width : 998px;
	height: 80px;
}
#logo {
	float: left;
	padding: 30px 0px 0px 0px;
	width : 361px;
	height: 45px;
}
#topnav {
	font-family : Arial, Helvetica, sans-serif;
	color : #FF9900;
	letter-spacing: 3px;
	font-size : 11px;
	font-weight: lighter;
	float: left;
	padding: 51px 0px 0px 80px;
	width : 555px;
	height: 15px;
	list-style: none;
}
#topnav li {
	display: inline; 
	float: right;
}
#topnav a {
	padding: 12px 12px 12px 12px;
	margin: 22px 3px 22px 3px;
	text-decoration: none;
	color: #666666;
	font-weight: lighter;
}
#topnav a:hover {
	color: #FF9900;

}


/* --------------MAIN BOX------------------------------*/


#storybox {
	float: right;
	padding: 0px 0px 0px 0px;
	width : 998px;
	height: 439px;
}
#background {
	width : 998px;
	height: 439px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF url(home_images/mainstory1.jpg) no-repeat;
} 



/* --------------CHARTER------------------------------*/


#wrapchartertextbox {
	float: right;
	padding: 0px 0px 0px 0px;
	width : 998px;
	height: 180px;
	border-top : 1px solid #ccc;
	border-bottom : 3px solid #ccc;
}
#welcometextbox {
	float: right;
	padding: 0px 0px 0px 0px;
	width : 990px;
	height: 50px;
}
#chartertextbox {
	float: right;
	padding: 0px 0px 0px 0px;
	width : 990px;
	height: 130px;
}

/* --------------SUBSTORY TEXT BOX 1------------------------------*/

#substorytextbox1 {
	float: right;
	padding: 0px 0px 0px 0px;
	width : 998px;
	height: 301px;;
}
#boxbegin {
	float: left;
	left: 0;
	display: inline;
	width: 237px;
	height: 250px;
	margin: 0px 0 0 0px;
	background: none;
	padding: 0px 16px 12px 0px;
	
}
#box1 {
	float: left;
	left: 0;
	display: inline;
	width: 237px;
	height: 250px;
	margin: 0px 0 0 0px;
	background: none;
	padding: 0px 16px 12px 0px;
}
#box2{
	float: left;
	left: 0;
	display: inline;
	width: 238px;
	height: 250px;
	margin: 0px 0 0 0px;
	background: none;
	padding: 0px 16px 12px 0px;

}
#box3{
	float: left;
	left: 0;
	display: inline;
	width: 237px;
	height: 250px;
	margin: 0px 0 0 0px;
	background: none;
	padding: 0px 16px 12px 0px;
}
#boxend {
	float: left;
	left: 0;
	display: inline;
	width: 237px;
	height: 250px;
	margin: 0px 0 0 0px;
	background: none;
	padding: 0px 0px 12px 0px;
}
.more a {
	text-decoration: none;
	color: #CC00CC;
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.more a:hover {
	color: #33CC00;
}

/* --------------SUBSTORY TEXT BOX 2------------------------------*/

#substorytextbox2 {
	float: right;
	padding: 0px 0px 0px 0px;
	width : 998px;
	height: 230px;
}
#boxbegin1 {
	float: left;
	left: 0;
	display: inline;
	width: 233px;
	height: 220px;
	margin: 0px 0 0 0px;
	background: none;
	padding: 12px 16px 12px 0px;
	
}
#box1a {
	float: left;
	left: 0;
	display: inline;
	width: 217px;
	height: 220px;
	margin: 0px 10px 0 0px;
	background: none;
	padding: 12px 16px 12px 10px;
	border-top: 3px solid #FF9900;
}
#box2a{
	float: left;
	left: 0;
	display: inline;
	width: 217px;
	height: 220px;
	margin: 0px 10px 0 0px;
	background: none;
	padding: 12px 16px 12px 10px;
	border-top: 3px solid #99CC00;
}
#boxenda {
	float: left;
	left: 0;
	display: inline;
	width: 217px;
	height: 220px;
	margin: 0px 10px 0 0px;
	background: none;
	padding: 12px 0px 12px 10px;
	border-top : 3px solid #FF1493;
}

.leftmenunav {
	float: left;
	width: 216px;
	margin: 0px 0px 9px 0px;
}
.leftmenunav a {
	text-decoration: none;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 12px;
}
.leftmenunav ul {
	margin: 3px 0 0 0;
	padding: 0;
	list-style: none;
}
.leftmenunav a:hover {
	text-decoration: underline;
	color: #00CC00;
}

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

#footer {
    float: left;
	width : 998px;
	height: 27px;
	text-align: left;
	vertical-align: center;
	background: #FFFFFF;
}