/*b0d5e2 */
/* c4dfe9 */
body {
margin: 0;
padding: 0;
font-family: helvetica, Arial, sans-serif;
font-size: 10pt;
color: #343434;
background: #343434 url('../images/v-grad.jpg') repeat-x;
text-align: center;
}

/* h1 */
#wrap {
width: 736px;
text-align: left;
margin: 0 auto;
background: url('../images/shadowbg.jpg') no-repeat 0 123px;
}
h1 {
margin: 0; padding: 0;
background: url('../images/header.jpg') no-repeat;
width: 736px;
height: 123px;
}
h1 span {
position: absolute;
left: -6000px;
}

/* breadcrumb */
#breadcrumb {
width: 700px;
margin-left: 18px;
height: 26px;
background: url('../images/breadcrumbgrad.jpg') repeat-x;
font-weight: bold;
font-size: 10pt;
position: relative;
}
#breadcrumb a:link, #breadcrumb a:visited {
border: 1px solid #555;
padding: 2px;
background: url('../images/breadcrumbgrad_btn.gif') repeat-x;
height: 21px;
margin: 2px 10px 2px 5px;
color: white;
text-decoration: none;
}
#breadcrumb a:hover, #breadcrumb a:active {
background: url('../images/breadcrumbgrad_btnhov.gif') repeat-x;
border: 1px solid #999;
}

#breadcrumb .inner {
padding: 5px;
}
#breadcrumb span {
background: url('../images/breadcrumb_arrow.gif') no-repeat right 5px;
}
#breadcrumb span.final {
background: none;
}
	#linkbar {
	margin:0;padding:0;
	position: absolute;	
	height: 26px;
	right: 0;
	top: 0;
	}
	#linkbar ul {
	margin: 0;padding:0;
	}
	#linkbar li {
	display: inline;
	margin: 0; padding: 0;
	}
	#linkbar a {
	border: none;
	padding: 0;
	margin: 0;
	background: none;
	height: 26px;
	}
	#linkbar a:link, #linkbar a:visited {
	border: none;
	padding-left: 27px;
	padding-top: 0;
	font-size: 9pt;
	padding-bottom: 26px;
	color: #999;
	}
	/* i hate ie. i work around it, but i still hate it.  who doesn't? */
	* html #linkbar a:link, * html #linkbar a:visited { 
	padding-top: 1px;
	}
	#linkbar a:hover, #linkbar a:active {
	color: white;
	}
		#linkbar a.eml:link, #linkbar a.eml:visited {
		background: url('../images/eml_off.gif') no-repeat;
		border: none;

		}
			#linkbar a.eml:hover, #linkbar a.eml:active {
			background: url('../images/eml_on.gif') no-repeat;
			}
		#linkbar a.search:link, #linkbar a.search:visited {
		background: url('../images/search_off.gif') no-repeat;
		}
			#linkbar a.search:hover, #linkbar a.search:active {
			background: url('../images/search_on.gif') no-repeat;
			}
		#linkbar a.textdown:link, #linkbar a.textdown:visited {
		background: url('../images/textdown_off.gif') no-repeat;
		}
			#linkbar a.textdown:hover, #linkbar a.textdown:active {
			background: url('../images/textdown_on.gif') no-repeat;
			}
		#linkbar a.textup:link, #linkbar a.textup:visited {
		background: url('../images/textup_off.gif') no-repeat;
		}
			#linkbar a.textup:hover, #linkbar a.textup:active {
			background: url('../images/textup_on.gif') no-repeat;
			}
/* links */
#leftcol a:link, #leftcol a:visited {
text-decoration: none;
border-bottom: 1px dotted #343434;
color: black;
}

#leftcol a:hover, #leftcol a:active {
border-bottom: 1px solid #343434;
}
/* maincontent*/
#maincontent {
position: relative;
width: 700px;
background: url('../images/v-grad-maincontent.png') repeat-y;
margin-left: 18px;
}

/* pgtitle */
#pgtitle {
background: url('../images/maingrad.jpg') repeat-x;
height: 152px;
border-bottom: 10px solid #369;
width: 700px;
position: relative;
}

#pgtitle p {
position: absolute;
left:300px;
top: 50px;
padding-left: 25px;
background: url('../images/fullvol.gif') no-repeat 0 2px;
}
#pgtitle b {
font-weight: bold;
font-size: 20pt;
}
h2 {
margin: 0;
padding: 0;
height: 152px;
width: 275px;
}
h2.home {
background: url('../images/h2_home.png') no-repeat 0 0;
}
	h2.about {
	background: url('../images/h2_about.png') no-repeat 0 0;
	}
	h2.portfolio {
	background: url('../images/h2_portfolio.png') no-repeat 0 0;
	}
	h2.chooseus {
	background: url('../images/h2_chooseus.png') no-repeat 0 0;
	}
	h2.support {
	background: url('../images/h2_support.png') no-repeat 0 0;
	}
	h2.contact {
	background: url('../images/h2_contact.png') no-repeat 0 0;
	}
h2 span {
position: absolute;
left: -6000px;
}

/* col_container */
#col_container {
position: relative;
}
#col_container .inner {
padding: 15px;
}

/* columns */
#leftcol {
width: 530px;
padding: 0;
margin: 0;
}
#rightcol {
width: 169px;
padding: 0;
margin: 0;
/*background-color:#d2e6b3;
border-left: 1px solid #b1be94;*/
color: #448cb6;
font-size: 14pt;
}
#rightcol a:link, #rightcol a:visited {
color: #369;
}
.column {
float: left;
}

/* footer */
#footer {
background: url('../images/footer.png') no-repeat;
height: 83px;
width: 735px;
color: #8dd4ff;
float: left;
}
#footer p {
padding-top: 10px;
padding-left: 28px;
margin: 0;
}
#footer a:link, #footer a:visited {
color: lightblue;
}
#footer a:hover, #footer a:active {
color: white;
}
/* clear */
.clear {
clear: both;
font-size: 0;
}

/*lists */
ol {
padding: 0;
margin-left: 12px;
}
ol li {
margin: .75em 0;
list-style-image: url('../images/arrow.gif');
font-size: 10pt;
font-weight: bold;
}
ol li b {
color: #343434;
}
#leftcol li {
list-style-image: url('../images/arrow_left.gif');
margin-bottom: 1em;
}
#leftcol .innerlist {
margin-bottom: none;
font-size: 10pt;
}
#leftcol li b {
font-size: 14pt;
}
#leftcol li p {
padding-left: 1em;
}
#leftcol li small {
padding: 3px;
color: black;
}
h3 {
font-size: 13pt;
}
h3.overview {
color: #448cb6;
letter-spacing: .25em;
font-weight: bold;
background-color: #343434;
border-bottom: 4px solid #448cb6;
padding: 35px 0 5px 10px;
margin-bottom: 0;
}
div.overview {
background-color: #e9f5f9;
margin-top: 0;
padding: 10px;
font-size: 12pt;
border-bottom: 1px solid #369;
}
#leftcol div.overview b {
font-size: 13pt;
}
#leftcol div.parentheses {
padding: 5px;
font-weight: normal;
margin: 10px;
margin-left: 3em;
font-size: 10pt;
background-color: #c4dfe9;
margin-bottom: 1em;
border-bottom: 1px solid #369;

}
#leftcol div.parentheses p {
margin: 5px;
padding: 0;
}
#leftcol .parentheses li {
list-style-image: url('../images/arrow.gif');
font-weight: normal;
}
ul#links {
margin: 0;
padding: 0;
position: absolute;
bottom: 0;
right: 0;
}
ul#links li {
height: 30px;
margin: 0; padding: 0;
list-style: none;
display: inline;
position: relative;
}
ul#links a:link, ul#links a:visited {
border: 1px solid #369;
border-bottom: none;
margin: 0;
padding: 2px 2px 0 5px;
height: 30px;
text-decoration: none;
color: #343434;
font-size: 13pt;
}
ul#links a.last {
border-right: none;
}
a.homelink:link, a.homelink:visited {
border: 1px solid #777 !important;
border-bottom: none !important;
color: #777 !important;
}
a.homelink:hover, a.homelink:active {
color: #343434 !important
background-color: none !important;
background: none !important;
border: 1px solid #343434 !important;
border-bottom: none !important;
}
ul#links a:hover, ul#links a:active {
background-color: #369;
color: white;
}
ol.process {
margin-bottom: 5em;
}
/* other things */
.excerpt {
float: right;
width: 150px;
padding: 5px;
border: 1px solid black;
background: #777;
color: white;
margin: 10px;
}
img {
margin: 5px;
}
.big {
font-size: 30pt;
}
h4 {
font-size: 14pt;
}
td {
padding: 5px;
}
td p {
margin: .5em 0 .5em 0;
}
td.head {
background: #343434;
color: white;
font-size: 12pt;
}
td.head a:link, td.head a:visited {
color: white !important;
margin-left: 2em;
font-size: 10pt;
border-bottom: 1px dotted white !important;
}
td.head a:hover, td.head a:active {
border-bottom: 1px solid white !important;
}
td.image {
border: 1px solid #343434;
border-top: none;
}
td.year {
font-size: 20pt;
border: 1px solid #343434;
border-right: none;
overflow-x: hidden
}
.gr {
color: #999 !important;
}
.bl {
color: black !important;
}

#update {
display: none;
position: fixed;
top: 1em;
right: 1em;
width: 150px;
padding: 10px;
border: 1px solid white;
color: white;
background-color: black;
}