/* 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;

}