/* GENERICS */
body 
{
	font-family:arial, Verdana;
	font-size:small;
	margin:0;
	padding:0;
}
h1
{
	font-size:200%;
	font-weight:normal;
	margin-top:0px;
	padding-top:0px;
	color:Red;
}
h2
{
	font-size:130%;
    font-weight:normal;
	color:Red;
}
.midgrey
{
	color:#999;
}
.rightalign
{
	float:right;
	display:inline;
	padding:5px;
}
.leftalign
{
	float:left;
	display:inline;
	padding:5px;
}
.centrealign
{
	text-align:center;
}
a:link, a:visited, a:active
{
	color:red;
}
a:hover
{
	color:#999;
}
img
{
	border:0;
}
.imgright
{
    float:right;
    padding: 0 0 30px 30px;
}
.imgleft
{
    float:left;
    padding: 0 30px 0 30px;
}
.center
{
    text-align: center;
}
/* TEMPLATE */
#menuarea
{
	background: #151611 url('../images/bg_nav.jpg') repeat-x top;
	border:0;
	width:100%;
	padding:0;
	margin:0;
}
#menucontent
{
	margin:auto;
	width:950px;
}
#menu
{
	background: #151611 url('../images/bg_nav_swoop.jpg') repeat-x top;
	margin:0;
	padding:0;
	padding-top:15px;
	width:637px;
	height: 77px;
	min-height: 77px;
	height: 77px;
	list-style: none;
	float:left;
}
#menu li
{
	float:left;
	margin:0;
	padding:0;
	text-align:center;
}
#menu li strong
{
	letter-spacing: -0.05em;
}
#menu li a:link, #menu li a:active, #menu li a:visited, #menu li a:hover
{
	display:block;
	width: 95px;
	margin: 0;
	padding:0;
	height: 39px;
	min-height: 39px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top:20px;
	color: #fff;
	text-decoration: none;
	border-left:solid 1px #434440;
}
#menu li a:hover
{
	color: #dbdbdb;
	background-color: transparent;
}
#salessign
{
	float:right;
	width:192px;
	height:74px;
	min-height:74px;
	margin:0;
	padding:0;
}
#focalarea
{
	border-top: solid 1px #434440;
	width:100%;
	background-color:#1e1e1e
}
#focal
{
	background: #1e1e1e url('../images/focal.jpg') repeat-x top;
	width:950px;
	height:241px;
	min-height:241px;
	margin:auto;
}
#contentarea
{
	background: #ffffff url('../images/bg_body.jpg') repeat-x top;
	padding-top: 45px;
	width: 100%;
	min-height:350px;
	overflow:auto;
}
#footerarea
{
	background: #1e1e1e url('../images/bg_footer.jpg') repeat-x top;
	margin:0;
	padding:0;
}
#footer
{
	background: url('../images/footer_logo.png') no-repeat 50% bottom;
	height:87px;
	min-height:87px;
	width:950px;
	margin:0;
	padding:0;
}
#content
{
	width:950px;
	margin:auto;
	color:#666;
	line-height:1.7;
	min-height:350px;
}
/* HOMEPAGE */
.colleft
{
	float:left;
	width:444px;
	margin-top:0;
	padding-top:0;
	padding-right:30px;
	border-right:dotted 1px #ccc;
}
.colright
{
	float:right; 
	width:443px;
	padding-left:30px;
}
.colright dl
{ 
	width: 443px;
	margin-top:0;
}
.colright dl,dd
{ 
	margin: 0;
}
.colright dd 
{
	display:none;
	padding:10px;
	width: 425px;
	border-top:#ccc dotted 1px; 
}
.colright dt
{
	background: #f2f2f2 url(../images/plus_icon.jpg) no-repeat right top; 
	height:60px;
	min-height:60px;
	font-size: 85%; 
	border-top:#ccc dotted 1px; 
}
.colright dt a 
{ 
	display:block; 
	width:100%;
	height:40px;
	min-height:40px;
	padding:10px; 
	text-decoration:none;
	color:#666;
}
.colright dt a:hover
{
background:none;
}
.colright dt a strong
{
	color:Red;
	font-size:130%;
	font-weight:normal;
}
.colright dt a small
{
	color:#666;
}
#spotlightcontainer
{
    width:100%;
    min-height:350px;
    height:350px;
    background-color:#f3f3f3;
}
#spotlight
{
	background: #f3f3f3 url('../images/table_bg.jpg') no-repeat top left;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	width:930px;
	margin:auto;
	margin-top:50px;
	margin-bottom:20px;
	padding:10px;
	clear:both;
	color:#666;
	line-height:1.7;
}
.spotlightleft
{
	float:left;
	width:312px;
	padding-right:15px;
}
.spotlightleft h1
{
	margin:0;
	font-size:150%;
}
.spotlightleft h2
{
	margin:0;
	font-size:110%;
	color:#666;
	font-weight:normal;
}
.spotlightright
{
	float:right;
	width:588px;
	padding-left:15px;
	height: 195px
}
ul#portfolio
{
	list-style:none;
	margin:0;
	padding:0;
}
ul#portfolio li img{
	padding: 4px;
}
/* CONTENT PAGES */

.contentquoteright
{
	float:right;
	width:280px;
	background-color:#f8f8f8;
	border-left:solid 1px #cccccc;
	margin: 10px 1px 5px 10px;
	padding:10px;
	font-family:"Times New Roman", Times, serif;
	color:#999999;
	font-size:170%;
	font-style:italic;
	font-weight:lighter;
}
.profile
{
    background-color:#f8f8f8;
	border-left:solid 6px #cccccc;
	margin: 10px 1px 10px 1px;
	padding:10px;
	font-family:"arial", Times, serif;
	color:#999999;
	clear:both;
	min-height:230px;
	height:230px;
}
.profileimg
{
    float:left;
    padding-right:10px;
}
.profile h3
{
    font-size:150%;
	font-weight:normal;
	margin-top:60px;
    margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	line-height:0px;
	color:Red;
}
/* CONTACT FORM */
#ctl00_ContentPlaceHolder1_contactform 
{  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  min-width: 444px;
  width: 444px; 
  line-height:1.5;
}

#ctl00_ContentPlaceHolder1_contactform fieldset 
{
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

#ctl00_ContentPlaceHolder1_contactform fieldset legend 
{
	font-weight:bold;
	color:#666;
}

#ctl00_ContentPlaceHolder1_contactform label 
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 155px; 
	padding: 0;
	padding-right:5px; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

#ctl00_ContentPlaceHolder1_contactform fieldset label:first-letter
{ /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

#ctl00_ContentPlaceHolder1_contactform input, .contactform textarea 
{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	border:solid 1px #ccc;
}

#ctl00_ContentPlaceHolder1_contactform input#reset 
{
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

#ctl00_ContentPlaceHolder1_contactform textarea 
{
	overflow: auto; 
}

#ctl00_ContentPlaceHolder1_contactform small 
{
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

#ctl00_ContentPlaceHolder1_contactform .required
{
	font-weight:bold;
} /* uses class instead of div, more efficient */

.ctl00_ContentPlaceHolder1_contactform br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
#ctl00_ContentPlaceHolder1_human 
{
	visibility:hidden;
	display:none;
}
#ctl00_ContentPlaceHolder1_Confirmation
{
	color:Red;
	font-weight:bold;
	margin-bottom:10px;
}
/* NEWS INDEX */
.news
{
	list-style:none;
	margin:0;
	padding:0;
}
.news li
{
    clear:both;
}
.news li img
{
    float:left;
    padding: 0 30px 40px 0;
}
.news li div
{
    float:left;
}
.newsdate
{
    font-size: 70%;
    border-bottom: solid 1px #eee;
    padding: 0;
    margin: 0;
}
.newstitle
{
    font-size: 140%;
    padding: 0;
    margin: 0;
}
.newssnippet
{
    font-size: 100%;
    padding: 0;
    margin: 0;
}
.newslink
{
    text-decoration: none;
}