/* this style allows ie to display pngs as a background image although they can't repeat */
/* note: it requires a blank .gif and it must be referrenced correctly in the .htc file for this to work */
* { behavior: url(js/png_bg_fix.htc) }

html, body {
margin:0;
padding:0;
background:#ded9cf;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
color:#666;
}

strong, b {font-weight:bold;}

blockquote {
	background:url(../img/images/bg_blockquote.jpg) top left no-repeat;
	border-bottom:1px dashed #ddd;
	padding:10px 25px 15px 50px;
	margin:10px 10px 15px 0;
	font-size:14px;
	line-height:18px;
}
/*
blockquote span.endBlockquote {
	background:url(../img/images/bg_blockquote_end.jpg) bottom right no-repeat;
	padding:0 50px 10px 0;
	display:block;
}*/

/*------------------------------- global layout divs -------------------------------*/
#wrapper {
margin:auto;
padding:0;
width:950px;
background:url(../img/images/columnEdge_bg.jpg) top left repeat-y;
}
#wrapper:after {
content: ".";
display: block; 
height: 0; 
font-size:1px;
clear: both; 
visibility: hidden;
}
#logo {
float:left;
display:inline;
margin:0;
padding:0;
width:370px;
}
#subpageContent {
float:right;
display:inline;
margin:0;
padding:20px 30px 0 0;
width:610px;
text-align:left;
}

#subpageContent2 {
float:left;
display:inline;
margin:0;
padding:20px 30px 0 30px;
width:890px;
text-align:left;
}
#error {
background:url(../img/images/bg_error.jpg) top left no-repeat;
height:375px;
padding:75px 0 0 310px;
overflow:auto;
}
#error h1 {
font-size:40px;
line-height:44px;
}


#leftCorner {
float:left;
display:inline;
margin:0 0 0 15px;
padding:0;
width:30px;
height:15px;
background:url(../img/images/bg_leftcorner.jpg) no-repeat;
}

/*------------------------------- global flyout nav -------------------------------*/
#flyoutNav {					float:right;
								display:inline;
								width:580px;
								margin:0;
								padding:45px 0 0 0;
								text-align:left;
								background:url(../img/images/nav_bg.jpg) top left no-repeat;
								z-index:100;}

#flyoutNav a {
								padding:0;
								margin:0;}

#dropmenudiv{					position:absolute;
								text-align:left;
								font-family:"Trebuchet MS", serif;
								font-size:12px;
								font-weight:normal;
								line-height:18px;
								z-index:100;
								margin:-8px 0 0 9px;
								padding:0;
								/*filter:alpha(opacity=90);
								opacity: 0.90;
								-moz-opacity:0.90;*/}

#dropmenudiv a{					width: 100%;
								display: block;/*
								text-indent: 5px;*/
								margin:0;
								padding: 3px 5px;
								text-decoration: none;
								font-weight: normal;}


#dropmenudiv .navblue {			border:1px solid #6cf;}
#dropmenudiv a.navblue {		color:#fff; background:#6cf;}
#dropmenudiv a.navblue:hover {	color:#6cf; background:#fff;}	

#dropmenudiv .navorange {		border:1px solid #ff9900;}
#dropmenudiv a.navorange {		color:#fff; background:#f90;}
#dropmenudiv a.navorange:hover{ color:#f90; background:#fff;}	

#dropmenudiv .navgreen {		border:1px solid #cc3;}
#dropmenudiv a.navgreen {		color:#fff; background:#cc3;}
#dropmenudiv a.navgreen:hover {	color:#cc3; background:#fff;}	

#dropmenudiv .navred {			border:1px solid #c33;}
#dropmenudiv a.navred {			color:#fff; background:#c33;}
#dropmenudiv a.navred:hover {	color:#c33; background:#fff;}	



/* ------------------------------------------------ cms form styles ------------------------------------------------ */

#subpageContent table {
	color:#666;
	font-weight:normal;
	font-size:14px;
	line-height:16px;
}
#subpageContent table a {
	color:#c00;
}
#subpageContent form {
	clear:left;
	color:#666;
}
#subpageContent input, #subpageContent select {
	color:#666;
	font-size:14px;
	line-height:16px;
	margin-right:5px;
}
#subpageContent #checkbox {
	float:left;
	clear:both;
	display:block;
}
#subpageContent input {
	padding:3px;
}
#subpageContent form table.cmsForm {
	margin:0 auto 0 auto;
	font-weight:normal;
}
#subpageContent form table.cmsForm tr td {	
	vertical-align:top;
	margin-top:0;
	padding:0 15px 10px 0;
	text-align:left;
}
#subpageContent form table.cmsForm tr td.formName {
	width:40%;
	text-align:right;
	font-size:14px;
	line-height:16px;
}
#subpageContent form table.cmsForm tr td .required {
	font-size:14px;
	line-height:14px;
	color:red;
	font-weight:bold;
}

#subpageContent form table.cmsForm th {	
    background-color: #888;
    color: #eee;
	vertical-align:top;
	margin-top:0;
	font-size: 16px;
	padding:4px;
	text-align:center;
}
							
								
/*------------------------------- left nav area -------------------------------*/
#leftNav {
float:left;
display:inline;
margin:0;
padding:0;
width:300px;
height:570px;
text-align:left;
}
#leftNav ul {
margin:0;
padding:70px 0 0 95px;
list-style:none;
}
#leftNav li {
margin:0 0 5px 0;
}
#leftNav li a {
list-style:none;
margin:0;
padding:0;
background:none;
color:#fff;
font-size:14px;
line-height:18px;
text-decoration:none;
}
#leftNav li a:hover {
text-decoration:underline;
}



/*------------------------------- subpage text -------------------------------*/
p {
margin:5px 0 15px 0;
padding:0;
font-family:Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
line-height:18px;
color:#666;
}
a {
margin:0;
padding:0;
font-family:Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
line-height:18px;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
h1, h2, h3, h4 {
margin:0;
padding:0;
font-weight:bold;
}
h1.title, h2.title {
display:inline;
font-size:25px;
line-height:30px;
}
h1.title span {
color:#ccc;
}
h1 {
clear:both;
font-size:18px;
line-height:22px;
}
h2 {
color:#666;
font-size:18px;
line-height:20px;
}
h3 {
color:#666;
font-size:16px;
line-height:18px;
}
h4 {
font-size:14px;
line-height:18px;
}
#subpageContent ul, #subpageContent2 ul {
margin:0 0 15px 0;
padding:0;
}
#subpageContent li, #subpageContent2 li {
margin:5px 0 5px 35px;
padding:0;
font-family:Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
line-height:18px;
color:#666;
}

.hr {
background:url(../img/images/fade_line.jpg) no-repeat;
height:1px;
width:340px;
margin:0 0 10px 0;
padding:0;
color:#fff;
border:0;
}



/* clears divs with nested float divs inside it */
#subpageContent div.linkFooter:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#subpageContent div.linkFooter {
clear:left;
margin-bottom:10px;
}
#subpageContent div.linkFooter h1, #subpageContent div.linkFooter h2 {
font-size:18px;
line-height:25px;
display:inline;
}
#subpageContent div.linkFooter h2 {
color:#ccc;
}
#subpageContent div.linkFooter h3 {
color:#999;
}
#subpageContent div.linkFooter ul {
float:left;
display:inline;
width:190px;
margin:0 10px 10px 0;
padding:0;
text-indent:0;
list-style:outside;
}
#subpageContent div.linkFooter ul li {
list-style:none;
margin:0;
padding:0;
text-indent:0;
font-size:11px;
line-height:16px;
text-decoration:none;
color:#999;
}
#subpageContent div.linkFooter ul li a {
font-size:11px;
line-height:16px;
list-style:none;
}
#subpageContent div.linkFooter ul li a:hover {
text-decoration:underline;
color:#0aaafd;
}


/*------------------------------- back/forward navigation (portfolio & news) -------------------------------*/
#subpageContent ul.backNav {
float:right;
display:inline;
text-align:right;
margin:0;
padding:0;
height:22px;
list-style:none;
}
#subpageContent ul.backNav li {
float:left;
display:inline;
margin:0;
padding:0;
}
#subpageContent ul.backNav li h1.small{
line-height:20px;
}


/*------------------------------------------------- homepage styles -------------------------------------------------*/
/*------------------------------- flash on homepage -------------------------------*/
#flash {
float:left;
display:inline;
margin:0;
padding:0;
width:370px;
height:560px;
text-align:left;
background:#e8e4dd;
text-align:right;
overflow:hidden;
}
/*------------------------------- home text area -------------------------------*/
#homeText {
float:left;
display:inline;
margin:0;
padding:20px 0 0 0;
width:360px;
text-align:left;
}
#homeText p {
margin:5px 0 15px 0;
padding:0;
font-family:Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
line-height:18px;
color:#666;
}
#homeText a {
margin:0;
padding:0;
font-family:Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
line-height:18px;
color:#c33;
text-decoration:none;
}
#homeText a:hover {
text-decoration:underline;
}
#homeText h1, #homeText h2 {
display:inline;
margin:0;
padding:0;
font-size:25px;
line-height:30px;
}
#homeText h1 {
color:#c33;
}
#homeText h2 {
color:#ccc;
}
/*------------------------------- home portfolio area -------------------------------*/
#homePortfolio .blogLink {
	display:block;
	clear:both;
	width:205px;
	margin:0 15px 15px 0;
	padding:0;
	text-align:center;
}
#homePortfolio .blogLink a img {
	border:none;
	padding:0;
	margin:0;
}

#homePortfolio {
float:left;
display:inline;
margin:0;
padding:5px 0 0 0;
width:220px;
text-align:left;
}
#homePortfolio p {
margin:0 20px 0 0;
padding:0;
float:left;
display:inline;
width:136px;
font-family:Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:11px;
line-height:14px;
color:#999;
clear:none;
}
#homePortfolio a {
margin:0;
padding:0;
font-family:Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:11px;
line-height:14px;
color:#6cf;
text-decoration:none;
font-weight:bold;
}
#homePortfolio a:hover {
text-decoration:underline;
}
#homePortfolio #title {
float:left;
display:inline;
margin:0;
padding:0;
width:50px;
height:260px;
}
#homePortfolio ul {
margin:0;
padding:0;
display:inline;
width:136px;
height:136px;
list-style:none;
overflow:hidden;
}
#homePortfolio li {
float:left;
display:inline;
list-style:none;
margin:0 10px 10px 0;
padding:0;
width:58px;
height:58px;
border:1px solid #999;
}
#homePortfolio li a img{
border:2px solid #fff;
margin-bottom:-4px;
padding:0;
}
#homePortfolio li a:hover img{
border-color:#6cf;
}

#dhtmltooltip{
position: absolute;
width: 200px;
border: 1px solid #999;
background-color:#fff;
visibility: hidden;
filter:alpha(opacity=90);
opacity: 0.90;
-moz-opacity:0.90;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
#dhtmltooltip h1 {
padding: 10px 5px 0 5px;
font-size:14px;
line-height:18px;
color:#777;
}
#dhtmltooltip p {
padding:0 5px 5px 5px;
font-family:Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
line-height:14px;
color:#777;
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/*------------------------------- home current news/login area -------------------------------*/
#homeGreyBox {
float:left;
display:inline;
margin:0;
padding:0;
vertical-align:bottom;
width:550px;
height:180px;
background:url(../img/images/home_greybox_bg.jpg) top left no-repeat;
}

#homeNews {
float:left;
display:inline;
margin:0;
padding:5px 0 0 10px;
width:325px;
height:175px;
text-align:left;
}
#homeNews p {
margin:5px 0 15px 0;
padding:0;
font-family:Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:11px;
line-height:14px;
color:#777;
}
#homeNews a {
margin:0;
padding:0;
font-family:Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
line-height:18px;
color:#990;
text-decoration:none;
}
#homeNews a:hover {
text-decoration:underline;
}
#homeNews h2 {
display:inline;
margin:0;
padding:0;
font-size:20px;
line-height:25px;
}
#homeNews h2 {
color:#999;
}
#homeNews h2 span {
color:#990;
}
#homeNews h3 {
display:inline;
margin:0;
padding:0;
font-size:12px;
line-height:13px;
font-weight:bold;
color:#666;
}
.newsImg a img {
float:left;
display:inline;
margin:10px 10px 10px 0;
padding:5px;
width:130px;/*
height:110px;*/
border:1px solid #999;
background:#fff;
}
.newsImg a:hover img {
border-color:#990;
}


#homeLogin {
float:left;
display:inline;
margin:0;
padding:5px 0 0 20px;
width:195px;
height:175px;
text-align:left;
font-family:Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:11px;
line-height:14px;
color:#777;
}
#homeLogin form {
margin:0;
padding:10px 0 0 5px;
width:180px;
}
#homeLogin a {
margin:0;
padding:0;
font-family:Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:11px;
line-height:18px;
color:#777;
text-decoration:none;
}
#homeLogin a:hover {
text-decoration:underline;
}
#homeLogin h2 {
display:inline;
margin:0;
padding:0;
font-size:20px;
line-height:25px;
}
#homeLogin h2 {
color:#c33;
}
#homeLogin h2 span {
color:#999;
}







/*------------------------------- footer -------------------------------*/
#number {
position:relative;
z-index:2;
vertical-align:bottom;
margin-top:-185px;
float:left;
display:inline;
height:155px;
width:300px;
text-align:left;
color:#39F;
}

#footer {
margin:0 auto 15px auto;
padding:30px 20px 20px 20px;
width:910px;
text-align:center;
background:#ded9cf url(../img/images/footer_bg.jpg) top left no-repeat;
font-size:11px;
line-height:16px;
}


#footer ul.footerLinks {
width:60%;
margin:0;
padding:0;
float:left;
display:inline;
text-align:left;
clear:both;
}
#footer ul.footerLinks li {
padding:0 10px 0 0;
}

#footer ul.copyright {
width:35%;
margin:0;
padding:0;
float:right;
display:inline;
text-align:right;
}
#footer ul.copyright li {
padding:0 0 0 10px;
}

#footer ul li {
display:inline;
margin:0;
font-size:11px;
line-height:16px;
color:#999;
text-decoration:none;
}
#footer ul li a {
margin:0;
padding:0;
font-size:11px;
line-height:16px;
color:#999;
text-decoration:none;
}
#footer ul li a:hover {
text-decoration:underline;
}





#footer form {
z-index:3;
width:250px;
height:75px;
float:left;
display:inline;
clear:left;
text-align:right;
margin:0 20px 0 0;
padding:0;
font-size:11px;
line-height:14px;
color:#999;
text-decoration:none;
}
#footer form h2 {
display:inline;
margin:0;
padding:0;
font-size:11px;
line-height:14px;
text-decoration:none;
font-weight:bold;
}
#footer form input, #footer form select {
font-size:10px;
line-height:10px;
color:#777;
text-decoration:none;
background:#ede9e2;
margin:5px 0 0 10px;
padding:1px;
border:0;
}