#wrapper {background-color: #999999; width: 980px;}
#masthead {display:table; width: 980px;}
#mastheadpr {display:none;}
#title {display:table; width: 980px;}
#titlepr {display:none;}
#leftcol {display:table-cell;}
#footer {display:table;}
#footerpr {display:none;}
#credit {display:table;}




body {background-color: #333333; margin: 0px 0px 0px 0px; background-image: url(/images/bg.png);font-family: Trebuchet MS, arial, helvetica, sans-serif; }

h1 {font-size: 26px; color: #3367A6; margin-top: 0px; margin-bottom: 0px; font-weight: normal; letter-spacing: -1px;}
h2 {font-size: 20px; color: #453E34; margin-top: 0px; margin-bottom: 8px; font-weight: normal}
h3 {font-size: 16px; color: #9F3400; margin-top: 0px; margin-bottom: 8px; font-weight: normal}
h4 {font-size: 14px; color: #FFFFFF; margin-top: 0px; margin-bottom: 8px; font-weight: normal; text-transform: uppercase; letter-spacing: 5px; padding: 10px 0 0 15px; }/*-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;*/
td, div, p {font-size: 13px; color: #666666; line-height: 1.5}
hr {border: none 0; border-bottom: 1px dashed #C0BDAD; width: 100%; height: 1px; margin: 10px auto 10px 0; text-align: left;}	

.hrmain {border: none 0; border-bottom: 2px solid #C0BDAD; width: 100%; height: 2px; margin: 10px 0 10px 0; text-align: left;}
.hrdashed {border: none 0; border-bottom: 1px dashed #C0BDAD; width: 100%; height: 1px; margin: 15px 0 15px 0; text-align: left;}

ul {margin-top: 0px;} 
li {margin-left: -1em; margin-bottom:6px;}
.wwdli {font-size: 11px; margin-left: -2em; padding: 0 0 0 0; border-bottom: none;}

.main {padding-left: 15px; padding-right: 20px; padding-top: 30px;}
.boxbio {background-color: #fff; margin: 15px 0 30px 0; padding: 15px 15px 0 5px; border: solid 1px #C0BDAD;}
.boxnoborder {padding: 15px; background-color: #FBFBF4;}
.testimonial {margin: 30px; padding: 15px; background-color: #fff; border: solid 1px #C0BDAD;}
/*.boxheadline {padding: 15px; background-color: #D8D0B0; font-size: 13px; color: #9F3400; font-weight: normal;}*/
.boxaccent {margin-bottom: 15px; padding: 2px; background-color: #D8D0B0;}

/* .li {margin-left: -2em; margin-bottom:4px} */

.light {font-size: 24px; color: #757059; margin-top: 0px; margin-bottom: 8px; font-weight: bold}

.bgbeige {background-color: #F1EFE2;}
.bg000 {background-color: #000;}
.bgoutline {background-color: #C0BDAD;}
.bgsidebar {background-color: #E3E3C7;}

/* These are the masthead colours. Use the topnav links L-R order as a key for ordering */
.bg01 {background-color: #3264A1; background-image: url(/images/gradient-blue.jpg);}
.bg02 {background-color: #3291A5; background-image: url(/images/gradient-green.jpg);}
.bg03 {background-color: #9B957F; background-image: url(/images/gradient-brown.jpg);}
.bg04 {background-color: #9F2F5D; background-image: url(/images/gradient-maroon.jpg);}
.bg05 {background-color: #77982F; background-image: url(/images/gradient-lime.jpg);}
.bg06 {background-color: #734686; background-image: url(/images/gradient-purple.jpg);}

.mastshadow {background-color: #F1EFE2;	background-image: url(/images/mast-shadow.jpg);}
.footshadow {border-top: 1px solid #C0BDAD; background-color: #DBDAC6;} /* background-image: url(/images/footer-shadow.jpg);	background-repeat: repeat-x; background-position: top; */

/*.h1 {font-size: 18px; color: #757059; margin-bottom: 8px; font-weight: bold}*/
.h2 {font-size: 14px; color: #757059; margin-bottom: 8px; font-weight: bold}
.px10 {font-size: 10px;}
.px10caps {font-size: 10px; text-transform:uppercase}
.px11 {font-size: 11px;}
.pq {width:150px; font-size: 18px; font-style:italic; color:#D54500; float:right; padding: 15px 0px 15px 15px; margin:10px; border: dashed 1px #C0BDAD; background-color: #fff;}

/* MOS  */
.mosmain {border-bottom: solid 1px #C0BDAD; padding: 0px 0px 5px 0px; font-weight: bold;}
.mossub {color: #D54500; padding: 10px 0px 0px 0px; font-weight: bold;}
.mosdesc {font-size: 11px; padding: 10px 0px 0px 0px;}
.moslistdesc {border-bottom: dashed 1px #C0BDAD; font-size: 11px; font-weight: bold; color:#000; padding: 10px 0px 0px 0px;}
.moslist {font-size: 11px}
.mosboxout {padding: 15px; border: solid 1px #000;}

.dialernotes {font-size: 11px;}
.dialermaintable {font-size: 11px;}

#typ div {padding: 5px; border: solid 1px #C0BDAD; margin: 0 5px 10px 5px; font-size: 11px;}
#typ li {margin-left: -2em;}

.typsub {text-transform: uppercase; font-size: 11px; font-weight: bold;}

.typneedshd {
	background-color: #FFE7C1;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-align: center;
	background-image: url(/images/gradient-typ-needs.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.typneeds {
	background-color: #FFE7C1;
/* 	background-image: url(/images/gradient-typ-needs.jpg);
	background-repeat: repeat-x;
	background-position: bottom; */
}	
.typneeds:hover {
	background-color: #fff;
}	


.typskillhd {
	background-color: #F0EFD9; 
	text-transform: uppercase;
	letter-spacing: 5px;
	text-align: center;
	background-image: url(/images/gradient-typ-skill.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.typskill {
	background-color: #F0EFD9;
/*	background-image: url(/images/gradient-typ-skill.jpg);
	background-repeat: repeat-x;
	background-position: bottom; */
}

.typskill:hover {
	background-color: #fff;
}	

.typsustainhd {
	background-color: #E3FFBB; 
	text-transform: uppercase;
	letter-spacing: 5px;
	text-align: center;
	background-image: url(/images/gradient-typ-sustain.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.typsustain {
	background-color: #E3FFBB;
/*	background-image: url(/images/gradient-typ-sustain.jpg);
	background-repeat: repeat-x;
	background-position: bottom; */
}

.typsustain:hover {
	background-color: #fff;
}	

.testimonialmain {border-bottom: solid 1px #C0BDAD; color: #D54500; padding: 0px 0px 5px 0px; font-weight: bold;}
.testimonialcopy {padding: 5px 0px 0px 0px;}

.newsholder {padding: 15px; border: solid 1px #C0BDAD;}
.newsstory {background-color: #fff; margin-top:15px; padding: 15px; border: solid 1px #C0BDAD;}
.newsctc {font-size: 11px}

.leading-none {line-height: 1.0}

.select {font-size: 11px}
.nav_border {background-color: #BCCCD3}

.copyright {font-size: 10px; color: #fff; padding: 30px 15px;}

.marginud {margin-top: 15px; margin-bottom: 15px;}
.margind {margin-bottom: 15px}

.ddmenu {color: #005797; font-size: 11px; font-weight: bold}
.ddmenu_form {color: #005797; font-size: 9pt}
input, textarea {font-size: 11px}


#clients tbody tr td {padding: 2px 4px; font-size: 11px; border-top: solid 1px #C0BDAD;}
.clients {padding: 4px 4px; font-size: 11px; border-bottom: solid 1px #C0BDAD;}


	#dialer tbody tr td {
		font-size: 11px;
		padding: 5px 0px;
		border-bottom: 1px solid #C0BDAD;
		border-right: 1px solid #C0BDAD;
	}
	
	
#mastblk {
	font-size: 10px;
	color: #979175;
	background-color: #000000;
	padding: 10px 15px 0 15px;
}

a:link {text-decoration: underline; color: #005797}
a:active {text-decoration: underline; color: #005797}
a:visited {text-decoration: underline; color: #005797}
a:hover {text-decoration: none; color: color: #005797}

.bacredit {font-size: 10px; font-weight: normal; color: #fff; padding: 15px;}
.bacredit a:link {text-decoration: none; color: #666; font-weight: normal}
.bacredit a:visited {text-decoration: none; color: #666; font-weight: normal}
.bacredit a:active {text-decoration: none; color: #666; font-weight: normal}
.bacredit a:hover {text-decoration: none; color: #fff; font-weight: normal}

.sidebar {font-size: 11px; line-height: 1.4}
.sidebar a:link {text-decoration: underline; font-size: 11px; color: #666666} /* ; text-transform: uppercase */
.sidebar a:visited {text-decoration: underline; color: #666666}
.sidebar a:active {text-decoration: underline; color: #666666}
.sidebar a:hover {text-decoration: none; color: #005797}

/*.wwdsidebar {font-size: 11px; line-height: 1.4}
.wwdsidebar a:link {text-decoration: underline; font-size: 11px; color: #005797} 
.wwdsidebar a:visited {text-decoration: underline; color: #005797}
.wwdsidebar a:active {text-decoration: underline; color: #005797}
.wwdsidebar a:hover {text-decoration: none; color: #005797}*/

#mastblk a {color: #979175}
#mastblk a:link {text-decoration: none; color: #E3E3C7; font-weight: normal}
#mastblk a:active {text-decoration: none; color: #E3E3C7; font-weight: normal} 
#mastblk a:visited {text-decoration: none; color: #E3E3C7; font-weight: normal} 
#mastblk a:hover {text-decoration: none; color: #fff; font-weight: normal}

.jrheader {color:#D54500; font-size: 12px; text-transform: uppercase; font-weight: bold;}

.navtop {font-size: 10px; color: #7E7E7E; border-left: solid 1px #C0BDAD; text-transform: uppercase;}
.navtop a {color: #7E7E7E}
.navtop a:link {text-decoration: none; color: #7E7E7E; font-weight: normal}
.navtop a:active {text-decoration: none; color: #7E7E7E; font-weight: normal} 
.navtop a:visited {text-decoration: none; color: #7E7E7E; font-weight: normal} 
.navtop a:hover {text-decoration: none; color: #7E7E7E; font-weight: normal}

#navbtm {font-size: 10px; color: #666; text-transform: uppercase; padding: 15px;}
#navbtm a {color: #666}
#navbtm a:link {text-decoration: none; color: #666}
#navbtm a:active {text-decoration: none; color: #666} 
#navbtm a:visited {text-decoration: none; color: #666} 
#navbtm a:hover {text-decoration: none; color: #005797}