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

/*-----------------------------------------------*/
html,body  { background-color: #e7e7e7; margin: 0; padding: 0 }

/* Type
-----------------------------------------------*/
p  {
	font-size: 12px;
	font-family: Lucida Grande, Lucida Sans Unicode ,Garuda, Verdana, Arial, sans-serif;
	line-height: 16px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-right: 5px;
	text-align: justify;
}
p.intro  {
	font-size: 17px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Garuda, Verdana, Arial, sans-serif;
	line-height: 21px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-right: 5px;
	text-align: justify;
	color: #01334a;
	word-spacing: -0.2em;
}

a {
outline:none;
}

a:link  {
	color: #666666;
	text-decoration: none
}

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

a:visited {
color:#666;
text-decoration:none;
}

h2   {
font-family: Lucida Grande, Lucida Sans Unicode ,Garuda, Verdana, Arial, sans-serif;
	color: #666;
	font-size: 22px;
	font-weight: 400;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 20;
}

h4 {
font-family: Lucida Grande, Lucida Sans Unicode ,Garuda, Verdana, Arial, sans-serif;
font-size:9px;
font-weight:400;
color:#999999;
margin:0;
padding:0;
}

h4 a:link, h4 a:visited {
color:#666666;
text-decoration:none;
}

h4 a:hover {color:#333333}

em  { color: #900; font-size: 12px }

li {font-family:Lucida Grande, Lucida Sans Unicode ,Garuda, Verdana, Arial, sans-serif;
font-size:12px;
font-weight:400;
color:#999999;}

/* Classes
-----------------------------------------------*/


.line {
margin-bottom:2px;
margin-top:12px;
}

.offwhite, .offwhite a:link, .offwhite a:visited  { color: #cccccc; font-size: 12px; font-weight: bold }

.white a:hover {color:#999999}

.titlePad{
margin-left:5px;
margin-bottom:2px;
}

.underline {
text-decoration:underline}

.logoPadding{
margin-top:25px;
margin-left:5px;
}

.display {
cursor:pointer;
}

.stretcher {
background:none !important;
}

.imageborder  {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0;
}

.bottomMargin {margin-bottom:5px;}

.imagePadBottom  { padding-bottom: 5px }
/* Divs
-----------------------------------------------*/

#topBar {
background-color:#000000;
height:130px;
padding:0;
}

#header { background-image: url("../images/header_logo.jpg"); margin: auto; padding: 0; width: 780px; height: 130px }

#headerRight   { color: gray; text-align: right; margin-top: 30px; margin-right: 0; float: right }

#spacer {
margin-top:25px;
}

#wrapper  { background-repeat: repeat-y; margin: 0 auto; padding: 0; width: 780px; border: 0 }

#table p{
font-family:Lucida Grande, Lucida Sans Unicode ,Garuda, Verdana, Arial, sans-serif;
font-size:10px;
font-weight:400;
margin-top:0;
margin-bottom:0;
padding-right:0;
}

#flash    { background-color: white; margin-top: 18px; margin-bottom: 18px; width: 250px; height: 310px }
#flashcontent   { text-align: center; padding: 5px; position: absolute; width: 240px; height: 310px }
#clearingDiv {
height:1px;
clear:both;
}
#clearingDiv4px { height: 4px; clear: both }
#footer  { margin: auto; padding-top: 6px; clear: both }

#footNav  { text-align: right; width: 350px; float: right }

#login {
display:none;
text-align:right;
padding-top:5px;
}


/* Layout style 2 Col
-----------------------------------------------*/

#portfolio_col {
float:left;
width:780px;
}
#twoColContentLeft {
	float:left;
	width:380px;
	border-right-style:solid;
	border-right-color:#666666;
	border-right-width:1px;
	padding-right: 20px;
}
#twoColContentRight {
float:right;
width:348px;
}
#twoColContentRightIndex {
	float:right;
	width:348px;
	margin-left: 10px;
	padding-left: 10px;
	display:inline;
}

#twoColContentLeftIndex {
	float:left;
	width:380px;
	border-right-style:solid;
	border-right-color:#666666;
	border-right-width:1px;
	display: inline;
	padding-right: 20px;
}
/* Layout style 1 Col
-----------------------------------------------*/
#oneColContentLeft {
float:left;
width:780px;
}

/* Navigation
-----------------------------------------------*/

#navigation   {
	background-image: url(../images/nav.jpg);
	background-attachment: scroll;
	margin: 0 auto;
	width: 780px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: left;
}

 #nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: none;
}

#nav-menu li a
    { color: #fff; text-align: center;font-size: 12px; font-family: Lucida Grande, Lucida Sans Unicode ,Garuda, Verdana, Arial, sans-serif; line-height: 2em; text-decoration: none; background-image:  text-align: center; display: block; width: 80px; height: 22px; float: left; border: none }
#nav-menu li a:hover
     {
	color: #666;
	line-height: 2em;
	text-decoration: none;
	background-image: url(../images/navtab.jpg);
	background-position: right;
	text-align: center;
	display: inlin;
	width: 80px;
	height: 22px;
	float: left;
	border: none;
	background-repeat: no-repeat;
}
#nav-menu li a.selected
        { color: #666; background-image: url(../images/navtab.jpg); background-position: right; text-align: center; display: block; width: 80px; height: 22px; float: left; border: none }
		#nav-menu li a.home
        { color: #666; background-image: url(../images/navtab.jpg); background-position: left; text-align: center; display: block; width: 80px; height: 22px; float: left; border: none }
     /* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:30em
}

	
	/* Accordian Bit
---------------------------------------------*/
	
	#accordion {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
h3.toggler  {
	color: #01334a;
	font-size: 22px;
	font-family: Lucida Grande, Lucida Sans Unicode ,Garuda, Verdana, Arial, sans-serif;
	font-weight: 400;
	cursor: pointer;
	padding-bottom:2px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #CCCCCC;
	background-image: url(../images/h3arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 200px;
	displayu"inline;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
	
	
}
	/* LnrForm Styling
---------------------------------------------*/

	#form_main    {
	color: #666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
}

form .label     {
	text-align: right;
	width: 30px;
}

form .nobr  { background-color: transparent; display: none }  
form .text     {
font-family:Lucida Grande, Lucida Sans Unicode ,Garuda, Verdana, Arial, sans-serif;
	color: #666;
	background-color: transparent;
	margin-bottom: 8px;
	width: 300px;
	height: 18px;
}
form textarea    {
	color: #666;
	background-color: transparent;
	width: 303px;
	padding-bottom: 4px;
}
	
	#portfoliobox {
	border:0;
	float:left;
	display: block;
}

ul#news {
	border: 1px solid #ccc;
	padding: 2em;
	background:  #fffeb8;
}

ul#portfolio {
	Margin:  auto;
	padding: 0px;
	float: left;
	list-style: none;
	}

ul#portfolio li img{
	padding: 0px;
	float: left;
	list-style: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 0;
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}