@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #807F83;
}
a {
	text-decoration: none;
	color: #807F83;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
li {
	margin-bottom: 8px;
}
#inHeader {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 920px;
	height: 362px;
	background-image: url(images/inHeaderBg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#inHeaderLogo {
	position: absolute;
	top: 18px;
	left: 42px;
	width: 325px;
	height: 47px;
}
#inHeaderNav {
	position: absolute;
	top: 134px;
	left: 0px;
	width: 574px;
	height: 31px;
	background-color: #f58025;
}
#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 920px;
	height: 298px;
	background-image: url(images/headerBg.gif);
	background-repeat: no-repeat;
}
#headerLogo {
	position: absolute;
	top: 53px;
	left: 261px;
	width: 325px;
	height: 47px;
}
#headerNav {
	position: absolute;
	top: 105px;
	left: 332px;
	width: 588px;
	height: 31px;
	background-color: #f58025;
}
#Stoked {
	margin-left:  20px;
	margin-right: 40px;
}
.linkPadding {
	margin-right: 40px;
}
#indexContent {
	position: absolute;
	top: 212px;
	left: 40px;
	width: 480px;
}
#stokedHeader {
	position: absolute;
	top: 292px;
	left: 27px;
	width: 290px;
	height: 62px;
	line-height: 24px;
}
#stokedContent {
	position: absolute;
	top: 190px;
	left: 388px;
	width: 493px;
}
#scoopHeader {
	position: absolute;
	top: 292px;
	left: 27px;
	width: 290px;
	height: 62px;
	line-height: 24px;
}
#scoopContent {
	position: absolute;
	top: 190px;
	left: 388px;
	width: 488px;
}
#elementsHeader {
	position: absolute;
	top: 292px;
	left: 27px;
	width: 290px;
	height: 62px;
	line-height: 24px;
}
#elementsCopy {
	position: absolute;
	top: 365px;
	left: 45px;
	width: 248px;
}
#elementsContent {
	position: absolute;
	top: 185px;
	left: 367px;
	width: 562px;
}
#elementsLink {
	position: absolute;
	top: 608px;
	left: 770px;
}
#identityHeader {
	position: absolute;
	top: 292px;
	left: 27px;
	width: 290px;
	height: 62px;
	line-height: 24px;
}
#identityCopy {
	position: absolute;
	top: 365px;
	left: 45px;
	width: 248px;
}
#identityTemplateCopy {
	position: absolute;
	top: 345px;
	left: 25px;
	width: 288px;
}
#identityContent {
	position: absolute;
	top: 185px;
	left: 367px;
	width: 562px;
}
#identityContent1 {
	visibility: visible;
	position: absolute;
	top: 185px;
	left: 367px;
	width: 498px;
	height: 373px;
	padding: 20px;
	background-image: url(images/boxBg_lg.gif);
	background-repeat: no-repeat;
}
#identityContent2 {
	visibility: hidden;
	position: absolute;
	top: 185px;
	left: 367px;
	width: 498px;
	height: 373px;
	padding: 20px;
	background-image: url(images/boxBg_lg.gif);
	background-repeat: no-repeat;
}
#identityContent3 {
	visibility: hidden;
	position: absolute;
	top: 185px;
	left: 367px;
	width: 498px;
	height: 373px;
	padding: 20px;
	background-image: url(images/boxBg_lg.gif);
	background-repeat: no-repeat;
}
#identityContent4 {
	visibility: hidden;
	position: absolute;
	top: 185px;
	left: 367px;
	width: 498px;
	height: 373px;
	padding: 20px;
	background-image: url(images/boxBg_lg.gif);
	background-repeat: no-repeat;
}
#identityThumbnails {
	position: absolute;
	top: 608px;
	left: 380px;	
}
#identityLink {
	position: absolute;
	top: 608px;
	left: 780px;
}
#leftBox {
	float: left;
	width: 248px;
	height: 183px;
}
#rightBox {
	float: left;
	width: 248px;
	margin-left: 30px;
	height: 183px;
}
#leftText {
	float: left;
	width: 248px;
	height: 22px;
	margin-bottom: 15px;
	text-align: center;
}
#rightText {
	float: left;
	width: 248px;
	height: 22px;
	margin-left: 48px;
	margin-bottom: 15px;
	text-align: center;
}
#box_lg {
	width: 528px;
	height: 403px;
}
.grayBox_lg {
	width: 488px;
	height: 363px;
	padding: 20px;
	background-image: url(images/boxBg_lg.gif);
	background-repeat: no-repeat;
}
#contactHeader {
	position: absolute;
	top: 292px;
	left: 27px;
	width: 290px;
	height: 62px;
	line-height: 24px;
}
#contactContent {
	position: absolute;
	top: 190px;
	left: 418px;
	width: 488px;
}
.grayBox {
	padding: 9px;
	width: 228px;
	height: 163px;
	background-image: url(images/boxBg.gif);
	background-repeat: no-repeat;
}
.grayBox img {
	border: 1px solid #cccccc;
}
.grayBox img:hover {
	border: 1px solid #807f83;
}
.orangeText, .orangeText a {
	color: #f58025;
}
.titleHeader {
	font-size: 32px;
	font-style: italic;
}
.titleSub {
	font-size: 18px;
	color: #f58025;
	padding-left: 18px;
}
.templateHead {
	font-size: 32px;
	color: #f58025;
}

