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

html
{
	height: 100%;
	background: #000 url(../images/RepeatX.png) repeat-x 0 -386px;
}

body
{
	width: 100%;
	background: url(../images/MainBG.png) no-repeat center 0;
	text-align: center;
	font-size: 13px;
}

br
{
	clear: both;
}

h1, h2
{
	font-size: 17px;
	color: #ffc6e9;
	padding: 6px 0 0 9px;
	height: 27px;
	background: url(../images/RepeatX.png) repeat-x 0 -323px;
	margin-bottom: 6px;
}

h3
{
	font-size: 15px;
	color: #ffc6e9;
	padding: 0 8px;
	margin-bottom: 8px;
}

p
{
	margin: 0 8px 1em 8px;
	color: #fff;
}

p a
{
	color: #d6dbff;
	text-decoration: none;
	border-bottom: dashed 1px transparent;
}

p a:hover
{
	color: #d6dbff;
	text-decoration: none;
	border-bottom: dashed 1px #d6dbff;
}

ul.u-list, ul.link-list
{
	margin: 0 8px 1em 8px;
}

ul.u-list li, ul.link-list li
{
	list-style-type: circle;
	list-style-position: outside;
	color: #ffc6e9;
	padding-left: 4px;
	margin-left: 20px;
	margin-bottom: .2em;
}

ul.link-list a
{
	color: #d6dbff;
	text-decoration: none;
}

ul.link-list a:hover
{
	text-decoration: underline;
}

.fleft
{
	float: left;
}

.fright
{
	float: right;
}

/**** UI Elements ****/
#head, #foot
{
	width: 1000px;
	background-image: url(../images/RepeatX.png);
	background-repeat: repeat-x;
}

#head
{
	height: 147px;
	background-position: 0 0;
	margin: 0 auto -9px auto;
	position: relative;
	z-index: 2;
}

#head .inner
{
	height: 138px;
	background: url(../images/Sprites.png) no-repeat 0 0;
}

#foot
{
	height: 127px;
	padding-top: 9px;
	background-position: 0 -164px;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 3;
}

#foot .inner
{
	height: 127px;
	background: url(../images/Sprites.png) no-repeat 369px -138px;
	position: relative;
}

#body
{
	margin: 0 auto -9px auto;
	padding: 9px 7px;
	width: 990px;
	background: url(../images/RepeatY.png) repeat-y 0 0;
	text-align: left;
	position: relative;
	z-index: 1;
}

/**** Head ****/
#navigation
{
	position: relative;
	left: 202px;
	top: 108px;
	font-size: 14px;
}

#navigation li
{
	float: left;
}

#navigation a
{
	color: #ffe2f4;
	text-decoration: none;
	display: block;
	margin: 0 10px 0 10px;
	padding: 0 0 6px 0;
	border-bottom: solid 6px transparent;
}

#navigation a:hover
{
	border-bottom: solid 6px #ffe2f4;
}

#navigation li.on a, #navigation li.on a:hover
{
	border-bottom: solid 6px #d6dbff;
	color: #d6dbff;
}

/**** Foot ****/
#foot .links
{
	position: relative;
	top: 5px;
	left: 10px;
	font-size: 12px;
}

#foot .links li
{
	float: left;
}

#foot a
{
	color: #ffe2f4;
	margin: 0 8px;
	text-decoration: none;
}

#foot a:hover
{
	text-decoration: underline;
}

#copyright
{
	color: #576580;
	position: absolute;
	right: 15px;
	bottom: 5px;
	font-size: 9.5px;
}

/**** Body ****/
.wide-side, .thin-side
{
	float: left;
	margin: 4px 8px;
}

.wide-side
{
	width: 702px;
}

.thin-side
{
	width: 256px;
}
/**** Image Frame Styles ****/
.img-frame
{
	float: left;
}
.img-frame .tl, .img-frame .tr, .img-frame .ml, .img-frame .mr, .img-frame .bl, .img-frame .br
{
	background-image: url(../images/ImageBG.png);
	background-repeat: no-repeat;
}
.img-frame .tl, .img-frame .tr, .img-frame .bl, .img-frame .br
{
	height: 9px;
}
.img-frame .tr, .img-frame .br
{
	float: right;
	width: 9px;
}
.img-frame .tl, .img-frame .bl
{
	margin-right: 9px;
}
.img-frame .tl
{
	background-position: 0 0;
}
.img-frame .tr
{
	background-position: right 0;
}
.img-frame .ml
{
	padding-left: 9px;
	position: relative;
	background-position: left -9px;
}
.img-frame .mr
{
	background-position: right -9px;
}
.img-frame .mr div
{
	margin-right: 9px;
	position: relative;
	overflow: hidden;
}
.img-frame .bl
{
	background-position: 0 bottom;
}
.img-frame .br
{
	background-position: right bottom;
}
.img-frame img
{
	display: block;
}
.img-frame .overlay
{
	background: url(../images/TrnBlk50.png) repeat 0 0;
	position: absolute;
}
/**** Specific Image Frames ****/
.wide-side .img-main
{
	width: 442px;
	margin: 0 8px 8px 6px;
}
.wide-side .img-main .mr div
{
	width: 424px;
}

.wide-side .img-feature
{
	width: 344px;
	margin: 0 0px 8px 4px;
}
.wide-side .img-feature .mr div
{
	width: 326px;
}

.wide-side .img-model
{
	width: 170px;
	margin: 0 0px 8px 4px;
}
.wide-side .img-model .mr div
{
	width: 152px;
}

.thin-side .img-side
{
	float: none;
	width: 234px;
	margin: 0 auto 8px auto;
}

.thin-side .img-side .mr div
{
	width: 216px;
}
/**** Image Overlays ****/
.overlay *
{
	padding: 0 8px;
}
.overlay p
{
	margin: 0;
}

.img-main .overlay
{
	padding: 6px 0 8px 0;
	bottom: 30px;
	margin-bottom: -30px;
}
.img-main p
{
	color: #ffdbf1;
}

.img-feature .overlay
{
	padding: 6px 0 8px 0;
	height: 106px;
	bottom: 120px;
	margin-bottom: -120px;
}
.img-feature h3
{
	color: #ffdbf1;
	font-size: 15px;
	margin-bottom: 6px;
}
.img-feature a
{
	color: #d6dbff;
	text-decoration: none;
	position: absolute;
	right: 0;
	bottom: 5px;
}
.img-feature a:hover
{
	text-decoration: underline;
}

.img-model .overlay
{
	padding: 6px 0 8px 0;
	bottom: 30px;
	margin-bottom: -30px;
	text-align: center;
}
.img-model .overlay a
{
	color: #d6dbff;
	text-decoration: none;
}
.img-model .overlay a:hover
{
	text-decoration: underline;
}

/**** Paginator ****/
.paginator
{
	text-align: center;
	margin-bottom: 1em;
}
.paginator li
{
	display: inline;
}
.paginator a
{
	color: #d6dbff;
	text-decoration: none;
	margin: 0 .2em;
}
.paginator a:hover
{
	text-decoration: underline;
}
.paginator a.on
{
	color: #ffc6e9;
	text-decoration: underline;
}

/**** Sub Columns ****/
.sub-col-wide
{
	float: left;
	width: 456px;
}

.sub-col-thin
{
	float: left;
	width: 236px;
}

.sub-col-thin h3, .sub-col-thin p, .sub-col-thin  ul.u-list
{
	padding-left: 4px;
	margin-left: 4px;
}

/**** Thin Sections ****/
.thin-side h2
{
	height: 22px;
	font-size: 15px;
	color: #ffc6e9;
	background: url(../images/Sprites.png) no-repeat 0 -265px;
	padding: 8px 0 0 11px;
	margin: 0;
}

.thin-side .section .bd
{
	background: url(../images/RepeatY.png) repeat-y -1027px 0;
}

.thin-side .section .ft
{
	background: url(../images/Sprites.png) no-repeat 0 -317px;
	height: 12px;
}

.hdiv, .hdiv-bottom
{
	height: 2px;
	line-height: 2px;
	font-size: 2px;
	background: url(../images/RepeatX.png) repeat-x 0 -368px;
	margin: 0 8px;
}

.bd .hdiv
{
	margin-bottom: 8px;
}

.hdiv-bottom
{
	margin-bottom: 2px;
}

.thin-side ul.link-list
{
	margin: 0 8px 0 8px;
	padding-bottom: 4px;
}

.thin-side p
{
	margin-left: 14px;
	margin-right: 14px;
}

.hl-more
{
	color: #d6dbff;
	text-decoration: none;
	float: right;
	margin-right: 14px;
	position: relative;
	top: 4px;
}

.hl-more:hover
{
	text-decoration: underline;
}