/********************* GENERAL *********************/

* {
	margin: 0;
	padding: 0;
}
.i, em {
	font-style: italic;
}
.b, strong {
	font-weight: bold;
}
abbr, acronym, span.abbr {
	border-bottom: 1px dotted #999999;
	cursor: help;
}
a {
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}
a:link, a:visited {
	color: #FFCA3A;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #BABABA;
}
hr {
	display: none;
}
sup, sub {
	line-height: 0em;
}
q {
	font-style: italic;
/*	quotes: '\2018' '\2019' '\201C' '\201D';
}
q:before {
	content: open-quote;
}
q:after {
	content: close-quote;
*/}

/********************* WRAPPERS *********************/

body {
	font-family: "Bitstream Vera Sans", Verdana, sans-serif;
	color: #FFFFFF;
	background: #000000 url("images/bg_tpg.gif") repeat-x scroll top center; /* gradient at top of page* */
	font-size: 100%;
	padding: 45px 0 10px 0;
}

#container {
	font-size: 81.25%;
	text-align: center;
}

/********************* SKIP *********************/

#skip {
	position: absolute;
	top: -30em;
}
#skip ul {
	font-size: 10px;
	display: inline;
	list-style: none; 
}
#skip ul li {
	display: inline;
}

/********************* BANNER *********************/

#wrap_banner {
	margin: 0 auto;
	width: 620px;
	text-align: left;
	background: #000000 url("images/bg_cnt.gif") repeat-y scroll top center; /* content bg */
}
#banner {
	background-image: url("images/bg_top.gif"); /* top buttony graphic */
	background-repeat: no-repeat;
	background-position: top center;
	padding: 55px 40px 30px 40px;
}
#banner h1 {
	font-size: 100%;
	font-weight: normal;
	width: 540px;
	height: 140px;
	position: relative;
	overflow: hidden;
}
#banner h1 a {
	text-decoration: none;
}
#banner h1 #do_img {
	background: url("images/banner.gif") no-repeat; /* banner! */
	position: absolute;
	width: 540px;
	height: 140px;
	cursor: pointer;
	cursor: hand;
}
#banner h1 #line_name {
	display: block;
	color: #FFCA3A;
	font-size: 340%;
}
#banner h1 #line_wd {
	display: block;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 200%;
}
#banner h1 #line_ad {
	display: block;
	color: #BABABA;
	text-transform: uppercase;
	font-size: 160%;
}

/********************* SIDEBAR *********************/

#wrap_navig {
	background-color: #e9b424;
	text-align: center;
}
#navig {
	background: #FFCA3A url("images/bg_lnk.gif") repeat-y scroll top center; /* yellow navbar bg */
	margin: 0 auto 0 auto;
	padding: 0;
	width: 620px;
}
#navig ul {
	padding: 0 40px;
	text-align: left;
	list-style: none; 
}
#navig ul li {
	list-style: none;
	float: left;
}
#navig ul li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding: 1em; /*14px;*/
	font-size: 107.69%;
}
#navig ul li a:link, #navig ul li a:visited {
	background-color: #FFCA3A;
	color: #000000;
}
#navig ul li a:focus {
	outline: none;
  -moz-outline-style: none;
	padding: 0.7em;
	border: 0.3em solid #FFFFFF;
	background-color: #FFCA3A;
	color: #000000;
}
#navig ul li a:hover {
	background-color: #161616;
	color: #FFFFFF;
}
#navig ul li a:active {
	background-color: #161616;
	outline: none;
  -moz-outline-style: none;
	color: #FFFFFF;
	padding: 0.4em; /*10px;*/
	border: 0.6em solid #FFFFFF; /*4px solid #FFFFFF;*/
}
/*#navig ul {
	display: inline;
	list-style: none; 
}
#navig ul li {
	list-style: none;
	display: inline;
}
#navig ul li a {
	display: inline;
	font-weight: bold;
	text-decoration: none;
	padding: 14px;
	font-size: 107.69%;
}
#navig ul li a:link, #navig ul li a:visited {
	background-color: #FFCA3A;
	color: #000000;
}
#navig ul li a:hover {
	background-color: #161616;
	color: #FFFFFF;
}
#navig ul li a:active {
	background-color: #161616;
	color: #FFFFFF;
	padding: 10px;
	border: 4px solid #FFFFFF;
}*/

/********************* MAIN *********************/

#wrap_main {
	margin: 0 auto;
	width: 620px;
	text-align: left;
	cursor: default;
}
#main {
	padding: 0 40px 0 40px;
	background: #000000 url("images/bg_cnt.gif") repeat-y scroll top center; /* content bg */
}
#main p {
	line-height: 180%;
	text-indent: 2em;
	padding-top: 1em;
}
#main h2, #main h3, #main h4 {
	line-height: 180%;
	padding-top: 1em;
	font-weight: bold;
}
#main h2.sentence {
	font-weight: normal;
	font-style: italic;
}
#main dl {
	line-height: 180%;
	padding-top: 1em;
}
#main dt {
	margin-left: 1em;
	font-style: italic;
}
#main dl a {
	font-weight: bold;
}
#main dd {
	margin-left: 3em;
}
#main table {
	font-size: 100%;
	line-height: 180%;
	border-bottom: 1px solid #555555;
	margin: 1em auto 0 auto;
}
#main table th {
	font-size: 107.69%;
	font-weight: bold;
	text-align: center;
	padding: 0.5em 1em;
	border-top: 2px solid #555555;
	border-bottom: 2px solid #555555;
	background-color: #333333;
}
#main table td {
	padding: 0.5em 1em;
	border-bottom: 1px solid #555555;
}
#main table p {
	line-height: 180%;
	text-indent: 2em;
	padding-top: 0;
}
#main ul {
	padding-top: 0.5em;
	line-height: 180%;
	padding-left: 40px;
}
#main ul li {
	padding-top: 0.5em;
}
/*#main ul li:before {
	display: marker;
	marker-offset: 3em;
	content: "\00BB";
}*/
#main ul li ul {
	padding-top: 0;
	padding-left: 25px;
}
#main ul li ul li {
	padding-top: 0.5em;
}
#main dl ul {
	padding-top: 0;
}
#main dl ul li {
	padding-top: 0;
}
#main ul.compact_text {
	padding-left: 70px;
	padding-right: 120px;
}
/*#main dl ul {
	padding: 0 0 0 30px;
}
#main dl ul li {
	padding: 0;
}*/
#main h2 {
	font-size: 130.77%;
}
#main h3 {
	font-size: 115.38%;
}
#main h4 {
	font-size: 100%;
}
#main blockquote.testimonial {
	margin: 1em 0 0 0;
	border: 1px solid #555555;
	background-color: #333333;
	padding: 1em;
}
#main blockquote.testimonial p {
	padding: 0 0 1em 0;
}
#main blockquote.testimonial cite {
	display: block;
	line-height: 180%;
	font-style: italic;
	color: #BABABA;
	padding: 0;
	text-align: right;
	text-indent: 0;
}
#main kbd {
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	background-color: #333333;
	font-size: 100%;
}
#main address {
	white-space: normal;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.2em;
	word-spacing: 0.5em;
	display: block;
	text-align: center;
	line-height: 180%;
	padding-top: 1em;
}

/********************* FLOAT SITES *********************/

ul#float_sites {
	margin: 0;
	padding: 0;
	line-height: normal;
	display: block;
	list-style: none;
}
ul#float_sites li.f {
	margin: 0;
	padding: 2.2em 0 0 0;
	list-style: none;
	display: block;
	float: left;
	width: 269px;
}
/* ul#float_sites li:hover {
	background-color: #2E2E2E;
} */
ul#float_sites li#featproj {
	margin: 0;
	padding: 2.5em 0 1em 0;
	float: none;
	width: 538px;
}
ul#float_sites li#featproj p {
	font-size: 115.38%
}
ul#float_sites li#featproj ul {
	margin: 0;
	padding: 0.5em 0 0 80px;
	list-style: disc;
}
ul#float_sites li#featproj ul li {
	margin: 0;
	padding: 0.5em 0 0 0;
	float: none;
	width: auto;
}
ul#float_sites p {
	font-size: 100%;
	line-height: normal;
	text-align: center;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
ul#float_sites img {
	vertical-align: top;
}
ul#float_sites a:link img, ul#float_sites a:visited img {
	border: 2px solid #FFCA3A;
}
ul#float_sites a:hover img {
	border: 2px solid #FFFFFF;
}
ul#float_sites a:active img {
	border: 2px solid #BABABA;
}
ul#float_sites h3 {
	font-size: 100%;
	line-height: normal;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	padding: 0 0 0.8em 0;
}
ul#float_sites .clear { /* use this at the start of each supposed "row" */
	clear: both;
}
/* ### FLOAT CLEARING ### */
/* following required by Mozilla to clear a float completely and allow margin to be applied to subsequent elements (note - not required by Opera and not understood by IE)  */
ul#float_sites:after, div#contact div:after, #navig ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
span.clear, span.portfolioclear {
	display: block;
	clear: both;
	height: 0em;
	visibility: hidden;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
}

/********************* CONTACT FORM *********************/

div#contact {
	text-align: center;
}
div#contact * {
	margin: 0;
	padding: 0;
}
div#contact form {
	width: 500px;
	padding-top: 1em;
	margin: 0 auto;
	text-align: left;
}
div#contact fieldset {
	margin: 0 0 1em 0;
	padding-bottom: 1em;
	border: 1px solid #555555;
}
div#contact legend {  
	margin-left: 1em;
	padding: 0.5em;
	color: #BABABA;
}
div#contact fieldset ol {  
	padding: 0;
	margin: 0;
	list-style: none;
}
div#contact form li { /* each li is a row */
	clear: both;
	padding-top: 0.5em;
}
div#contact form div { /* each div is a row */
	clear: both;
	padding-top: 0.5em;
}
div#contact form div label, div#contact form li label {
	float: left;
	width: 140px;
	text-align: right;
	vertical-align: top;
	line-height: 180%;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
}
div#contact form div span.field, div#contact form li span.field {
	float: right;
	width: 320px;
	text-align: left;
}
div#contact input, div#contact textarea {
	width: 300px;
	padding: 1px;
	margin: 0;
	border: 1px solid #FFFFFF;
	background-color: #BABABA;
	color: #000000;
	font-family: "Bitstream Vera Sans", Verdana, sans-serif;
	font-size: 100%;
}
div#contact input:focus, div#contact textarea:focus {
	border: 1px solid #FFCA3A;
	background-color: #FFFFFF;
}
div#contact textarea {
	overflow: auto;
}
.asterisk {
	color: #FFCA3A;
	font-weight: bold;
	font-size: 180%;
	line-height: 55%;
	vertical-align: middle;
}
/* <img src="images/asterisk.gif" alt="*" width="10" height="10" class="asterisk" /> */
/* img.asterisk {
	vertical-align: top;
} */

#newsflash {
	background-color: #5B3E73;
	padding: 0 1em 1em 1em;
	margin: 1em 0 0 0;
	border: 1px solid #D0B9E3;
}
#newsflash h3 {
	color: #D0B9E3;
	text-transform: uppercase;
}

/********************* FOOTER *********************/

#wrap_footer {
	margin: 0 auto;
	width: 620px;
	text-align: left;
	cursor: default;
	background: #000000 url("images/bg_cnt.gif") repeat-y scroll top center; /* content bg */
	text-align: center;
}
#footer {
	background-image: url("images/bg_btm.gif"); /* bottom buttony graphic */
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 2.6em 40px 55px 40px;
}
#footer h2 {
	font-size: 84.62%;
	font-weight: bold;
}
#footer ul {
	display: block;
	margin: 0;
	list-style: none; 
	padding: 0.5em 0 0 1em;
}
#footer ul li {
	font-size: 100%;
	display: inline;
	margin: 0;
	vertical-align: middle;
	padding-right: 1em;
}
#footer ul#notices {
	font-size: 76.92%;
}

#statcounter {
	position: absolute;
	top: -20em;
}
/*************************************************************************/
/*************************************************************************/
/*************************************************************************/
p#vege2go {
	text-align: center;
	padding-top: 2em;
	text-indent: 0;
}
p#vege2go img {
	vertical-align: middle;
}
p#vege2go a:link img, p#vege2go a:visited img {
	border: 2px solid #FFCA3A;
}
p#vege2go a:hover img {
	border: 2px solid #FFFFFF;
}