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

* {
	padding : 0;
	margin : 0;
} 
#wrapper { 
	width : 1000px;
	height: 1100px;
	margin : 0px auto 0 auto;
}

body.id1 a#id1,
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: 8px 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;
}
#explanationtext {
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 10px;
	letter-spacing: 2px;
	font-weight: bold;
	line-height: 1.35;
	padding: 7px 0px 0px 135px;
}
#porttexthead
{
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 10px;
	letter-spacing: 3px;
	font-weight: lighter;
	line-height: 1.35;
	padding: 7px 0px 0px 8px;
}
#porttextbody
{
	font-family : Arial, Helvetica, sans-serif;
	color : #666666;
	font-size : 13px;
	letter-spacing: 0px;
	font-weight: lighter;
	line-height: 1.35;
	padding: 3px 5px 0px 0px;
}
#categorytext {
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 10px;
	letter-spacing: 2px;
	font-weight: bold;
	line-height: 1.35;
	padding: 0px 0px 0px 15px;
}
#projecttext {
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 10px;
	letter-spacing: 2px;
	font-weight: bold;
	line-height: 1.35;
	padding: 0px 0px 0px 15px;
}
#headbox { 
	font-family : Arial, Helvetica, sans-serif;
	color : #666666;
	font-size : 44px;
	line-height: 1.55em;
}
body { 
	font-family : Arial, Helvetica, sans-serif;
	color : #666666;
	font-size : 14px;
} 
#clientlisthead {
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	letter-spacing: 0px;
	font-size : 11px;
	font-weight: bold;
	font-style: italic;
	line-height: 1.25em;
	padding: 100px 0px 0px 0px;
} 
#clientlist {
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	letter-spacing: 0px;
	font-size : 12px;
	font-weight: lighter;
	line-height: 1.25em;
	padding: 100px 0px 0px 0px;
}
#bodytext1 {
	font-family : Arial, Helvetica, sans-serif;
	color : #666666;
	font-size : 14px;
	font-weight: 100;
	line-height: 1.55em;
	padding: 0px 0px 0px 0px;
}
#bodytext2 {
	font-family : Arial, Helvetica, sans-serif;
	color : #666666;
	font-size : 14px;
	font-weight: 100;
	line-height: 1.55em;
	padding: 0px 0px 0px 0px;
}
#footertext{
	font-family : Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #FFFFFF;
	font-weight: lighter;
	font-style: italic;
	padding: 5px 0px 0px 12px;
}
.p1{
	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;
}


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

#navbox {
	float: left;
	padding: 0px 0px 0px 0px;
	width : 998px;
	height: 80px;
}
#logo {
	float: left;
	padding: 30px 0px 0px 0px;
	width : 361px;
	height: 45px;
}
/* --------------TOP NAV ROLLOVERS-------------------------*/
#nav{
	display: block;
	width: 553px;
	list-style: none;
	float: left;
	padding: 48px 0px 0px 82px;
	border-width: 0px 0;
}
#nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	background: #FFFFFF;
	font-weight: bold;
	padding: 0;
	border: solid #C0C0C0;
	border-width: 1px 0;
	margin: 0 0 1em 0;
	z-index:2;
}
#nav a {
	display: block;
	width: 10em;
	w\idth: 8em;
	color: #666666;
	font-family : Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	font-size : 11px;
	font-weight: lighter;
	text-decoration: none;
	padding: 0.25em .75em;
}

#nav li {
	float: left;
	display: inline;
	padding: 0;
	width: 7.75em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #E8E8E8;
}

#content {
	clear: left;
}

#content a {
	color: #E8E8E8;
}

#content a:hover {
	text-decoration: none;
}

#scaffolding {
	height: 70px;
	background: white;
	border: solid #F0F0F0;
	border-width: 1px 0 0 0;
	margin: 1em 0 0 0;
}

#scaffolding a {
	text-decoration: none;
	text-indent: -999em;
	display: block;
	height: 70px;
	background: white;
	background-position: 181px 0;
}

#scaffolding a:hover {
	background-position: 181px -70px;
}



/* --------------lEFT BOXES------------------------------*/

#fadeshow1 { 
  margin: 1px 0 0 0;
  z-index:1;
}
#portboxwrapper { 
	width : 998px;
	height: 705px;
	float: right;	
	margin: 0px 0px 10px 0px;
}
#lftwrapper { 
	width : 748px;
	height: 680px;
	float: left;
	margin: 0px 10px 0px 0px;
	display: inline;

}
#portbox {
	float: right;
	padding: 0px 0px 0px 0px;
	width : 745px;
	height: 528px;
	border-bottom : 1px solid #ccc;
}
#explanationtextbox {
	float: left;
	padding: 0px 0px 0px 0px;
	width : 250px;
	height: 100px;
}
#porttextbox {
	float: left;
	padding: 0px 0px 0px 0px;
	width : 496px;
	height: 100px;
}
#bottomnav {
    width : 600px;
	float: left;
	list-style: none;
}
#bottomnav li {
	display: inline; 
}
#bottomnav a {
	font-size: 12px;
	padding: 12px 12px;
	margin: 22px 3px 22px 3px;
	text-decoration: none;
	color: #666666;
	font-weight: lighter;
}
#bottomnav a:hover {
	color: #99CC00;
}


/* --------------RT NAV----------------------------------*/

#rtwrapper { 
	width : 235px;
	height: 680px;
	float: left;
	display: inline;
}

#categorynavbox {
	float: left;
	padding: 80px 0px 0px 0px;
	width : 230px;
	height: 178px;
	display: inline;
}
#categorynavbox a {
	padding: 3px 0px 3px 0px;
	margin: 0px;
	text-decoration: none;
	display: block;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 11px;
}
#categorynavbox ul {
	margin: 0 0 0 0;
	padding: 0px 0 0 0px;
	list-style: none;
}
#categorynavbox a:hover {
	color: #003300;
}
#projectnavbox {
	float: left;
	padding: 0px 0px 0px 0px;
	width : 230px;
	height: 270px;
	border-bottom : 1px solid #ccc;
	display: inline;
}
#projectnavbox a {
	padding: 3px 0px 3px 0px;
	margin: 0px;
	text-decoration: none;
	display: block;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 11px;
}
#projectnavbox ul {
	margin: 0 0 0 0;
	padding: 0px 0 0 0px;
	list-style: none;
}
#projectnavbox a:hover {
	color: #003300;
}
#btmrtwrapper { 
	width : 230px;
	height: 15px;
	float: left;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#btmrtnavbox {
    width : 170px;
	height: 14px;
    float: left;
	padding: 0px 0px 0px 0px;
    list-style: none;
}
#btmrtnavbox li {
	display: inline; 
}
#btmrtnavbox a {
	padding: 8px 2px 0px 2px;
	margin: 0px;
	text-decoration: none;
	display: inline;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 11px;
	letter-spacing: 3px;
	float: left;
}
#btmrtnavbox ul {
	margin: 0 0 0 0;
	padding: 0 0 0px 16px;
	list-style: none;
}
#btmrtnavbox a:hover {
	color: #003300;
}



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

#substorytextbox2 {
	float: right;
	padding: 30px 0px 0px 0px;
	width : 998px;
	height: 300px;
}
#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: 223px;
	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 {
	color: #FF9900;
}


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

#footer {
    float: left;
	width : 998px;
	height: 27px;
	text-align: left;
	vertical-align: bottom;
	background: #ccc;
} 
#footertext a {
	color : #383838;
	letter-spacing: 2px;
	text-decoration: none;
	}
#footertext a:hover {
	color: #FF9900;	
}