/*- CORE STYLING
------------------------------------------------------------ */
* { margin: 0;padding: 0;}



body {
	background: #fff;
	/*background-image: url(/images/site/bkg_panacms.gif);
	background-attachment: scroll;
	background-position: center;
	background-repeat: repeat-y;*/
	color: #999;
	font-size: 62.5%;
	font-family: Verdana, Arial, sans-serif;
}

img { border: 0; }

a {
	color: #333333;
	text-decoration:none;
}
a:hover {
	color: #000;
	text-decoration:none;
	background-color: #ffff00;
}

a:active {
	color: #FFF;
	text-decoration:underline;
}
a:current {
	color: #999999;
	text-decoration:underline;
}
#contentarea p.callout {
	font-size: 1.4em;
	letter-spacing: .01em;
}
#searchIndex {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	margin-top: 5px;
}
#dvSearchTerms {
	visibility: hidden;
	color: #999999;
	width: 500px;
	padding-top: 10px;
}
ul.circle {list-style-type: circle}
}
/*- Photo Glider
------------------------------------------------------------ */
div.right-part {
	width: 304px;
	float: right;
	display: inline;
	margin-right: 42px;
}
div.top-content h2 {
	color: #9b605c;
	margin-top: 11px;
}
div.top-content strong.head {
	color: #589fc4;
	border-color: #dcd0b6;
}
div.top-content p {
	font-size: 15px;
	line-height: 24px;
	color: #4d2320;
	margin: 6px 0 0 10px;
}
div.right-part div {
	width: 304px;
	overflow: hidden;
}
div.right-part div img {
	float: left;
	margin: 14px 0 0 10px;
}
div.right-part div a {
	font: bold italic 12px Georgia, "Times New Roman", Times, serif;
	color: #05a5e0;
	text-decoration: none;
	float: right;
	margin: 34px 5px 0 0;
}
div.right-part div a:hover {text-decoration: underline;}
div.top-content ul {
	line-height: 24px;
	margin: 5px 0 0 10px;
}
div.top-content ul li {
	background: url(../images/top-content-li.gif) no-repeat 0 50%;
	font-size: 15px;
	color: #4d2320;
	padding-left: 10px;
}
div.top-content ul a {
	color: #05a5e0;
	text-decoration: none;
}
div.top-content ul a:hover {text-decoration: underline;}
.listing div.right-part div img {
	margin: 10px 0 0 8px;
}

#photoPlayer {
	position: relative;
	float: left;
	margin: 0px 0px 8px 0px;
	width: 817px;
	height: 545px;
	overflow: hidden;
}

.scroller {
	width: 817px;
	height: 545px;
	overflow: hidden;
}
.content {
	width: 25350px;
}
.section{
	width: 817px;
	height: 545px;
	float: left;
}
#photoPlayer a.lf:link,
#photoPlayer a.lf:active,
#photoPlayer a.lf:visited,
#photoPlayer a.lf:hover {
	position: absolute;
	top: 0px;
	left: 0;
	display: block;
	background: url(/images/site0809/photo_lf.gif) no-repeat;
	height: 545px;
	width: 9px;
}
#photoPlayer a.lf:hover {
	background: url(/images/site0809/photo_lf_on.gif) no-repeat;
}

#photoPlayer a.rt:link,
#photoPlayer a.rt:active,
#photoPlayer a.rt:visited,
#photoPlayer a.rt:hover {
	position: absolute;
	top: 0px;
	right: 0;
	display: block;
	background: url(/images/site0809/photo_rt.gif) no-repeat;
	height: 545px;
	width: 9px;
}
#photoPlayer a.rt:hover {
	background: url(/images/site0809/photo_rt_on.gif) no-repeat;
}





/*- STRUCTURE
------------------------------------------------------------ */
#wrapper {
	width: 990px;
	margin: 0 auto;
}

#main {
	float: right;
	width: 990px;
	margin: -108px 0 0 0;
}

#content {
	margin: 50px 0 0 11px;
	position: relative;
}

#content-home {
	margin: 50px 0 0 11px;
	position: relative;
	height: 545px;
}

#mainimage {
	position: absolute;
	top: 0;
	left: 0;
}

#changer {

}

.subnav {
	position: relative;
	float: left;
	width: 238px;
	display: block;
}
/*- Content page paragraph position
------------------------------------------------------------ */
#container {
	margin: 0px 0px 0px 0px;
}
container p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.4em;
	line-height: 1.5em;
}
#contentarea {
	float: left;
	width: 590px;
	margin: 32px 0 0 0px; /*32 controls the image below the main image*/
	display: block;
}

#contentarea p {
	font-family: Arial, Verdana, sans-serif;
	margin: 0 0 15px 0;
	font-size: 1.4em;
	line-height: 1.5em;
}
/*- Right column text
------------------------------------------------------------ */
#subarea {
	font-family: Arial, Verdana, sans-serif;
	margin: 0px 0 20px 0;
	color: #999999;
	display: block;
}
#subcontent {
	float: right;
	margin: 32px 0 0px 0; /*32 controls the image below the main image*/
	width: 195px;
}
#subcontent p {
	font-family: Arial, Verdana, sans-serif;
	margin: 0 0 15px 0;
	font-size: 1.4em;
	line-height: 1.5em;
}
/*- Footer
------------------------------------------------------------ */
#footer {
	padding: 10px 0 0 0;
	background: url('/images/site0809/bgr-arrow-bottom.gif') right 22px no-repeat;
	position: relative;
	height: 50px;
}
	#footer p {
		/*background: url('/images/site0809/img-stars.gif') right top no-repeat;*/
		margin: 0 24px 0 0px;
		position: absolute;
		top: 35px;
		text-align: left;
		left: 172px;

	}
	#footer p a {
		color: #CCC;
	}
	#footer p a:hover {
		color: #CCC;
	}


/*- LIST STYLES
------------------------------------------------------------ */
.navigation {
	list-style: none;
	float: left;
	
}
	.navigation li {
		float: left;
		margin: 0 0 0 172px;
		text-transform: none;
		font-weight: bold;
	}

.contentnav {
	position: absolute;
	right: 0;
	top: 0;
	list-style: none;
	width: 238px;
}	

.subnav {
	float: left;
	list-style: none;
	width: 238px;
	
}
	.contentnav a, .contentnav a:hover, .subnav a, .subnav a:hover {
		text-transform: uppercase;
		color: #F9F3E5;
		font-family: Arial, Verdana, sans-serif;
		font-size: 1.8em;
		font-weight: bold;
		padding: 48px 0 0 15px;
	}
	.process a {
		background: url('/images/site0809/nav-process.gif') 0 0 no-repeat;
		width: 223px;
		height: 76px;
		display: block;
	}
	.process a:hover {
		background: url('/images/site0809/nav-process.gif') 0 -124px no-repeat;
	}
	.design a {
		background: url('/images/site0809/nav-design.gif') 0 0 no-repeat;
		margin: -3px 0 0 0;
		width: 223px;
		height: 76px;
		display: block;
	}
	.design a:hover {
		background: url('/images/site0809/nav-design.gif') 0 -124px no-repeat;
	}
	.work a {
		background: url('/images/site0809/nav-work.gif') 0 0 no-repeat;
		margin: -3px 0 0 0;
		width: 223px;
		height: 71px;
		display: block;
	}
	.work a:hover {
		background: url('/images/site0809/nav-work.gif') 0 -119px no-repeat;
	}

#subcontent ul {
	margin: 15px 0 0 15px;
	font-size: 1.2em;
	line-height: 1.4em;
}	

/*- HEADERS
------------------------------------------------------------ */
h1 {
	float: left;
	background: url('/images/site/panacms_logo09.gif') no-repeat;
	display: block;
	width: 134px;
	height: 134px;
	margin: 0px 0 59px 0;
	text-indent: -9999em;
}
/*h2 {
	background: url('/images/site0809/bgr-arrow-top.gif') right bottom no-repeat;
	color: #CCC;
	text-transform: lowercase;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 3em;
	font-weight: normal;
	text-align: left;
	padding: 0 0 0px 172px;
}*/

h3 {
	color: #CCC;
	text-transform: lowercase;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 2.5em;
	font-weight: normal;
	margin: 0 0 15px 0;
}
h4 {
	font-family: Arial, Verdana, sans-serif;
	color: #0195f0;
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 15px 0;
}
h5 {
	color: #b9dee7;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.8em;
	/*font-style:italic;*/
	text-align: left;
	/*text-decoration: underline;/* overline;*/
	/*border-top: 1px double;*/
	/*text-transform: uppercase;*/
	padding: 0px 0 16px 0px;

}


/*- MISCELLANEOUS
------------------------------------------------------------ */
#content:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#content {display:inline-block;}
/* Hide from IE Mac \*/
#content {display:block;}
/* End hide from IE Mac */

/* datalist  ::  table */
table.datalist {
	width:97%;
	display:table;
	line-height:2.25em;
}
table.datalist th {
	text-align:left;
	vertical-align:top;
	padding-left:7px;
	font-weight:bold;
	font-size:12px;
	border:1px solid #3f3f3f;
	background:#333;
}
table.datalist td {
	text-align:left;
	vertical-align:top;
	padding-left:7px;
	border:1px solid #3f3f3f;
	background:#3f3f3f;
	font-size:12px;
}
table.datalist td.alt {
	border:1px solid #3f3f3f;
	background:#333;
}