/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}

html {
	width: 100%;
   	height: 100%;
   	margin: 0;
   	padding: 0;

}
 
body {
	font: 14px/130% helvetica, arial, sans-serif;
	height: 100%;
}
 
/***** Common Formatting *****/
 

p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
 
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}
 
blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}

sup.symbol-title {
font-size: 12px;
position:relative;
bottom:12px;
vertical-align:baseline;
}

sup.symbol-sub-title {
font-size: 10px;
position:relative;
bottom:10px;
vertical-align:baseline;
}

sup.symbol-normal {
font-size: 12px;
position:relative;
bottom:12px;
vertical-align:baseline;
}
 
sup {
position:relative;
bottom:0.5em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a, a:visited {
text-decoration:none;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em helvetica, arial, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 18px 0;
padding:0;
}
 
  table tr td {
  padding:2px;
  }
 
/***** Containers *****/

#wrapper-outer {
	width:100%;
	height: 100%;
	background: repeat-x url(/images/sites/content-bg.jpg) 0 0;
}
 
#wrapper {
	width:774px;
	margin: 0 auto;
}

#head-outer-dec {
	width: 100%;
	height: 110px;
	margin-top: 10px;
	background-color: #fff;
}

#head-inner-dec {
	width: 774px;
	margin: 0 auto;
}

body#home #header-img-outer {     
	width: 100%;
	height: 250px;
	background: repeat-x url(/images/sites/header-bg.jpg) #600 0 0;
}

body#home #header-img-inner {
	width: 774px;
	height: 250px;
	margin: 0 auto;
	padding: 0 18px 0 18px;
	background: no-repeat url(/images/sites/header-inner-img-bg.jpg) #600 0 0;
}

body#home #header-img-outer #header-img-inner #square, #header-img-outer #header-img-inner #square {
	width: 260px;
	height: 210px;
	background: no-repeat url(/images/sites/box.png) 0 0;
	position: absolute;
	z-index: 5;
	padding: 20px
}

#header-img-outer #header-img-inner #square {
	width: 180px;
	height: 130px;
	padding: 10px;
}

#header-img-outer {
	width: 100%;
	height: 150px;
	background: repeat-x url(/images/sites/header-bg.jpg) #600 0 0;
}

#header-img-inner {
	width: 774px;
	height: 150px;
	margin: 0 auto;
	background-color: #600;
}

.slogan {
	color: #fff;
	font-size: 36px;
	line-height: 110%;

}

.page-header-title {
	color: #fff;
	font-size: 30px;
	margin-top: 50px;
}

#logo {
	float: left;
	width: auto;
	height: auto;
}

#header-img {
	width: 774px;
	height: 172px;
	float: left;
	background-image: url(../images/header-imgs/image2.jpg);
	margin: 10px 0 0 0;
	border: 1px solid #eee;

}

#content {
	width: 774px;
	float: left;
	padding: 0;
	margin-top: 20px;
	clear: both;
	border: 1px solid #d2d2d2;
	-webkit-border-radius: 7px; /* -webkit rounded corners */
	-moz-border-radius: 7px;  /* Mozilla rounded corners */
	background: repeat-y url(/images/sites/nav-border.jpg) #fff 200px 0;
}

#left-col {
	width: 201px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav {
	margin: 15px 0 15px 0;
	font-size: 16px;
}

div.products {
	margin-bottom: 20px;
}

#primary-content {
	width: 525px;
	margin: 0;
	padding: 0 20px 0 25px;
	float: right;
	min-height: 900px;
}

#footer-outer-dec {
	width: 754px;
	margin: 10px 0;
	padding: 10px 10px;
	border: 1px solid #d2d2d2;
	-webkit-border-radius: 7px; /* -webkit rounded corners */
	-moz-border-radius: 7px;  /* Mozilla rounded corners */
	font-size: 12px;
	color: #393939;
	float: left;
}

#footer-inner-dec {
	
}

div#spacer {
	width: 774px;
	height: 30px;
	float: left;
}

/****** Left Column List Styles *******/

#left-col ul, #left-col li {
	padding: 0;
	margin: 0;
}

/****** Nav Styles *******/

#nav a {
	color: #600;
}

#nav a:hover {
	text-decoration: underline;
}

#nav li {
	margin: 5px 0 5px 15px;
}

#idList {
	margin: 0;
	padding: 0;
}
 
#idList li {
	display: block;
	margin: 3px 0 0 0;
	padding: 4px 4px 4px 15px;
	width: 90px;
	background-color: #fff;
}

#idList #idList li {
	display: none;
}

#idList li.active {
	width: 100px;
	padding-left: 30px;
	background-color: #eee;
	border: 1px solid #eee;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
}

body#capabilities #idList #idList.capabilities li,
body#promos #idList #idList.promos li {
	display: block;
	margin: 0;
	padding: 2px 2px 2px 40px;
	font-size: 12px;
}

/****** Locations Styles *******/

.locations {
	font-size: 10px;
	padding: 20px 0 0 8px;
	border-top: 1px solid #d2d2d2;
	color: #393939;
}

.locations .title {
	font-size: 18px;
	margin: 0;
	color: #600;
}

.locations .location {	
	font-size: 14px;
	color: #600;
	margin: 15px 0 0 0;
}

.locations .hours {
	margin: 10px 0 0 0;
	font-weight: bold;
}

.contact-location-container {
	width: 525px;
	margin-bottom: 20px;
	float: left;
}

.contact-location {
	width: 230px;
	float: left;
	margin-right: 10px;
	font-size: 12px;
}

.contact-location .location, .contact-location .hours {
	font-size: 16px;
	color: #600;
	margin: 10px 0;
}

.contact-location .phone {
	margin: 7px 0;
}


/****** Left-Col Styles *******/

.left-col-general {
	font-size: 10px;
	padding: 20px 0 10px 8px;
	margin: 20px 0 10px 0;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	color: #393939;
	overflow: hidden;
}

.left-col-general .title {
	font-size: 18px;
	margin: 0 0 10px 0;
	color: #600;
}

.facebook {
	margin: 5px;
	float: left;
}

.left-col-general p {
	margin-left: 50px;
}

/****** Left Col Links **********/

.left-col-general a:link {
	color: #600;
}

.left-col-general a:hover, .left-col-general a:visited:hover {
	color: #600;
	text-decoration: underline;
}

.left-col-general a:active, .left-col-general a:visited:active {
	color: #004500;
}

.left-col-general a:visited {
	color: #000;
	font-weight: bold;
}

/******* Primary Conntent styles ******/

#primary-content .title, #primary-content h1 {
	font-size: 26px;
	margin: 20px 0 20px 0;
	color: #600;
	font-weight: normal;
	line-height: 100%;
}

#primary-content .sub-title, #primary-content h2 {
	font-size: 18px;
	margin: 10px 0 10px 0;
	color: #600;
	font-weight: normal;
}

#primary-content h3 {
	font-size: 14px;
	font-weight: bold;
}

#primary-content .post img {
	margin: 10px;
	float: left;
}

#primary-content ul {
	list-style-type: square;
}

#primary-content ol {
	list-style-type: decimal;
}

#primary-content .border {
	float: left;
	border: solid 1px #eee;
	padding: 5px;
	margin: 10px 10px 0 0;
}

#primary-content .service-list-container {
	width: 520px;
	float: left;
	clear: both;
}

#primary-content .services-list {
	float: left;
	width: 260px;
}

#primary-content .service-desc p {
	margin: 0 0 0 25px;
}

#primary-content .recaptcha {
	width: 400px;
	padding-left: 83px;
	margin: 10px 0 0 10px;
}

/********** Doc Profiles ******/

#primary-content .doc {
	width: 520px;
	float: left;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #d2d2d2;
}

#primary-content .doc:last-child {border: none;}

#primary-content .doc img {
	float: right;
	border: solid 1px #eee;
	padding: 5px;
	margin: 0px 0 0 10px;
}

#primary-content .doc .docname {
	font-size: 18px;
	color: #600;
	margin: 0 0 15px 0;
}

#primary-content .doc .demo {
	margin: 0 0 15px 25px;
}

#primary-content .doc ul {
	list-style: none;
	font-weight: bold;
	padding-left: 10px;
	margin: 0;
}

#primary-content .doc ul ul {
	list-style: square;
	font-weight: normal;
	padding-left: 30px;
}

.symbol {
	font-size: 75%;
	vertical-align:top;
}

hr {
	border-top: 1px solid #eee;
	clear: both;
}

/******** Articles *******/

body#home p.article-date {
	margin-top: -5px;
	color: #666;
}

p.article-date {
	margin-top: -15px;
	color: #666;
}


/******** Google Map *******/

#map, #directions {
	width: 520px;
	padding: 0;
	margin-top: 15px;
}

#map {
	height: 400px;
}

.directions-input {
	margin-bottom: 10px;
}

.example {
	font-size: 10px; 
	color: #757575;
	margin-left: 50px;
}

/****** Links **********/

#primary-content a:link {
	color: #600;
}

#primary-content a:hover, #primary-content a:visited:hover {
	color: #600;
	text-decoration: underline;
}

#primary-content a:active, #primary-content a:visited:active {
	color: #004500;
}

#primary-content a:visited {
	color: #000;
	font-weight: bold;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float: left; }
.float-right   { float: right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.small 		   { font-size: 80%; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left; margin:2px 7px 2px 0; border: solid 1px #eee; padding: 5px; }
.img-right     { float:right; margin:2px 0 2px 7px; border: solid 1px #eee; padding: 5px; }
.indent        { margin: 0 0 25px 25px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/************* Forms ******************/

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 520px;
  width: 520px; 
}

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

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

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

form fieldset label:first-letter {
	text-decoration:underline;
}

form input, form 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 */
}

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

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 90px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 10px;
	color: #727272;
}

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

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

/******** SLIMBOX ***********/

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/slimbox/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}