/* Copyright 2008 Cirkadia
	Site designed by cirkadia
	Last updated May 29, 2008
	Version 2.0
----------------------------------------------- */
/* =screen stylesheet
----------------------------------------------- */

/* =global (body, etc)
----------------------------------------------- */
body, div, p, h1, h2, h3, h4, ul, li, table
{
	margin:0;
	padding:0;
	border:none;
}
	 
body
{
	background: #ffffff url(../images/pr_bkgrd.gif) top left repeat; /*### #FBFBFE */
	color: #666;	
	font-family: verdana, Arial, sans-serif;
	font-size:76%;
	text-transform:none;
}
img, img a 
{
	border: 0;	
}

/* =containerholder
----------------------------------------------- */

#containerholder
{
	width: 907px;
	background: transparent url(../images/pr_container_holder.png) top left repeat-y;
	margin: 10px auto 0 auto;
}

/* =container
----------------------------------------------- */
#container
{
	width: 880px;
	padding: 0 10px 0 10px;
	color: #333; /*### 0b3061 #004276;*/
	background: #ffffff url(../images/pr_bkgrd_content.gif) top left repeat-x; /*### #EFF3C9 */
	border-top: solid 1px #0b3061; /*### #B0B0B0; */
	border-left: solid 1px #0b3061; /*### #B0B0B0; */
}

/* =containerbottom
----------------------------------------------- */

#containerbottom
{
	width: 907px;
	margin: -1px auto 10px auto; /*### -1px auto 10px auto; */
	padding: 0;
	height: 11px;
}

/* =masthead
----------------------------------------------- */
#masthead
{
	float: left;
	padding: 0;
	margin: 0 25px 25px 0;
	width: 100%;
}
	#masthead p {	text-indent: -9999px;}

	/* =navBar
	----------------------------------------------- */

	#logo 
	{
		position: relative; 
		top: 2px; 
		left: 3px;
		z-index: 10; 
	}
	  
	#logo a:link, #logo a:visited 
	{
		position: absolute;
		top: 0; 
		left: 0;
		padding-top: 5px; 
	}
	#navBar
	{
		float: right;
		margin: 0;
		padding: 28px 25px 12px 0;
		height: 40px;
	}
	#navBar ul {
		margin: 0;
		padding: 0 0 0 0.5em;
		list-style: none;
		}
	#navBar li {
		float: left;
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 150%;
		letter-spacing: 0;
		}
	#navBar li a {
		float: left;
		margin: 0 0 0 12px;
		padding: 6px 12px 0 20px;
		text-decoration: none;
		color: #0b3061; /*### #9A5506; */
		border: none;
		background: url('../images/arrow_rt.gif') no-repeat 0 2px; 
		background-position: 0% 70%; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0;
		height:1%; /*IEBUG Fixs the "has no layout" bug in IE*/
		}
	#navBar li a:hover {
		color: #6885AC; /*### #004274;*/
		}
	#navBar li a.navhere {
		color: #d8851f; /*### #6885AC;*/
		background: url('../images/arrow_top_rt.gif') no-repeat 0 2px; 
		background-position: 0% 70%; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0;
		}
	
	/* =banner
	--------------------------------------------- */
	#banner 
	{
		clear: both;
		border-top: solid 1px #0b3061; /*### #004276;*/
		padding: 5px 0 0 25px;
		margin: 0;
	}
		#banner img {width: 844px;height: 242px;}

/* =content
----------------------------------------------- */
#content
{
	clear: both;
	float: left;
	width: 520px;
	padding: 0 20px 15px 20px;
	margin: 0 0 10px 15px;
	line-height: 1.5em;
	border-right: solid 1px #0b3061; /*### #004276;*/
	height:auto;
}
	#content p {
		margin-top: 0.1em;
		margin-bottom: 1.0em;
	}

/* =sideBar
----------------------------------------------- */
#sideBar
{
	float: right;
	width: 240px;
	margin: 0 25px 10px 35px;
	padding: 0;
	line-height: 1.5em;
}
	#sideBar img.portfolio
	{
		width: 220px;
		height: 120px;
		border: solid 2px #0b3061; /*### #004276;*/
	}
	#sideBar p {padding-left: 5px;}
	#sideBar li a:link, #sideBar li a:visited {
		color: #0b3061; /*### */
		text-decoration: none;
	}
	#sideBar li a:hover {
		text-decoration: underline;
	}
	#sideBar li a.navhere
	{
		color: #C36408; /*### #d8851f #1A4B74; */
		text-decoration: none;
	}

/* =footer
----------------------------------------------- */
#footer
{
	clear: both;
	padding: 2px 0 1px 0;
	margin:0;
	color: #0b3061; /*### #004276;*/
	text-align:center;
	font-size: 0.9em;
	height: 2.5em;
}		

/* =links
----------------------------------------------- */
a:link, a:visited {
	color: #C36408; /*### #d8851f #9A5506; */
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* =lists
----------------------------------------------- */
ul
{
	list-style: none;
}

ul.docs 
{
	margin:0;
	padding:4px 0 0 5px;
	list-style-type:none;
	border:none;
}

li.docs
{
	background-image:url(../images/acrobat-icon.gif);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
}

ul.none 
{
	margin:0;
	padding:4px 0 0 5px;
	list-style: none;
	border:none;
}

ul.level1 
{
	margin:0;
	padding: 0 0 1.0em 20px;
	list-style-type:square;
	border:none;
}

ul.level2 
{
	margin:0;
	padding:4px 0 0 20px;
	list-style-type:circle;
	border:none;
}


ol 
{
	margin:0;
	padding:4px 0 0 40px;
	border:none;
}

/* =headings, =typography, =text
----------------------------------------------- */
h1 {
	color: #6885AC; /*### 666666 0b3061 #1A4B74; */
	padding: 0 0 0.25em 0;
	font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
	font-weight:normal;
	font-size:1.5em;
	/* text-transform: uppercase;	*/
}

h2 {
	color: #003366; /*### #0b3061 #004276;*/
	padding: 0 0 0.25em 0;
	font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
	font-weight:normal;
	font-size:1.2em;
	/* text-transform: uppercase;	*/
}
	h2 a:link, h2 a:visited
	{
		color: #1A4B74;
	}

h3 {
	color: #0b3061; /*### #004276;*/
	padding: .2em 0 0 0;
	font-weight: normal;
	font-size:1em;
}

p {
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}

p.indent 
{
	margin-left:2.0em;	
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

p.indentGraphic
{
	margin-left:2.0em;	
	margin-top: 1.0em;
	margin-bottom: 0.3em;
}

p.indentGraphic2
{
	margin-left:1.3em;	
	margin-top: 0.3em;
}

.txtCenter { text-align: center;}

/* =bits 'n bobs
----------------------------------------------- */
img.right
{
	float: right;
	margin: 0 0 5px 5px;
}

/* =other
----------------------------------------------- */
.clear { clear: both; }

.topMargin { padding-top: 10px;}

#ourwork h2 { font-weight: normal; padding-top: 2px;}

/* =stylechange
----------------------------------------------- */
#lhn #colorchange { background: white; padding: 10px 0 10px 18px; margin-left: 70px; }
.leftnavbg1{ display:block; float:left; margin:0; padding:0; }
.leftnavbg2{ background:white; float:left; font-size: 1%; }
#lhn_colorchange_top .leftnavbg1{ width:9px; }
#lhn_colorchange_top .leftnavbg2{ width:116px; height:9px; }
#lhn_colorchange_top{ clear:both;float:none; }
#lhn_colorchange_bot .leftnavbg1{ width:24px; }
#lhn_colorchange_bot .leftnavbg2{ width:41px; height:24px; }
#lhn_colorchange_top:after, #lhn_colorchange_bot:after, .lhn_cont:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#lhn #lhn_colorchange, #lhn_colorchange_bot { margin-left: 60px; }
#lhn_colorchange ul { background:white; }
#lhn #lhn_colorchange li { list-style: none; margin-bottom: 9px; margin-left: 19px; }
#lhn #lhn_colorchange li.lhn_reset { margin-bottom: 0; }

/* hide until javascript makes it display:block */
#lhn_colorchange { display: none; }


/* =admin panel 
----------------------------------------------- */
#adminContent
{

	float: left;
	width: 520px;
	background-color:#fff;
	padding: 20px 20px 15px 20px;
	margin: 0 0 10px 15px;
	line-height: 1.0em;
	height:auto;
}
	#adminContent p {
		margin-top: 0.1em;
		margin-bottom: 0.9em;
	}
	
	#adminContent h1 {
	color: #003366; 
	padding: 0 0 0.25em 0;
	font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
	font-weight:normal;
	font-size:1.2em;

}