@charset "UTF-8";
/* CSS Document */

body {
	background-color: #0071B5;
	background-image: url(images/bkgnd.gif);
	background-repeat: repeat-x;
	margin: 0px;
	background-attachment: scroll;
	background-position: center top;
}
#header {
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 204px;
	width: 800px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	background-color: #0071B5;
}
#homingsignal {
	float: left;
	height: 180px;
	width: 110px;
	clear: left;
	margin-right: -110px;
}
#google_search {
	overflow: hidden;
	float: right;
	padding-top: 40px;
	padding-left: 10px;
	text-align: left;
	width: 270px;
	height: auto;
}
#wrapper {
	position:relative;
	width:800px;
	overflow:visible;
	height: auto;
	clear: both;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	background-position: center top;
	background-attachment: fixed;
	background-color: #0071B5;
}
#navigation {
	width: 686px;
	height: 93px;
	list-style-image: none;
	list-style-type: none;
	margin-top: 111px;
	margin-left: 114px;
	overflow: hidden;
	background-position: right top;
	background-attachment: scroll;
	background-image: url(images/nav_bkgnd.jpg);
	background-repeat: no-repeat;
}
#navigation ul {
	list-style-image: none;
	list-style-type: none;
	height: 93px;
	width: 686px;
	float: right;
	margin-top: 0px;
	margin-left: -30px;
	overflow: visible;
}
#navigation ul li {
	list-style-image: none;
	list-style-type: none;
	float: left;
	height: auto;
	width: auto;
}
#content_wrapper {
	background-image: url(images/content_bkgnd.gif);
	background-repeat: repeat-y;
	width: 800px;
	overflow: auto;
	height: auto;
}
#content_header {
	background-image: url(images/content_header.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 760px;
	overflow: hidden;
	padding-top: 21px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 15px;
	line-height: 1.2em;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
}
#content {
	background-image: url(images/content_bkgnd.gif);
	background-repeat: repeat-y;
	width: 730px;
	padding-left: 35px;
	padding-right: 35px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 15px;
	line-height: 1.2em;
	overflow: auto;
}
#content_leftside {
	float: left;
	width: 465px;
	overflow: auto;
	padding-left: 10px;
}
#content_leftside .balls li {
	list-style-position: outside;
	list-style-image: url(images/ball_bullet.gif);
	list-style-type: none;
	font-style: italic;
	color: #333333;
	line-height: 1.3em;
}
#content_rightside {
	float: right;
	width: 225px;
	text-align: center;
	padding-left: 30px;
}
#content_footer {
	width: 800px;
	background-color: #0071B5;
	background-image: url(images/content_footer.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 55px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	height: 150px;
	text-align: center;
}
h1 {
	color: #0071B5;
	background: url(images/h1.gif) no-repeat left top;
	font: bolder 30px/1em Georgia, "Times New Roman", Times, serif;
	padding-left: 60px;
	height: 60px;
	padding-top: 15px;
	margin-top: 0px;
	margin-bottom: -20px;
}
h2 {
	background-image: url(images/h.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	color: #006699;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom-style: dotted;
	border-bottom-width: medium;
	border-bottom-color: #999999;
	line-height: 2em;
	font-size: 18px;
	font-weight: bold;
}
h3 {
	padding:0;
	margin:0;
	color: #0071B5;
	background: url(images/h1.gif) no-repeat left;
	font: bolder normal 36px/60px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	text-indent: 60px;
}
h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
	color: #006699;
	padding-left: 25px;
}
h5 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #006699;
}
.box {
	background: #efefef;
	padding: 5px;
	border: 
 1px solid #ccc;
}
.box2 {
	padding: 5px;
	border: 
 1px solid #ccc;
}
.box2 li {
	list-style: url(none) none;
	margin-bottom: 3px;
	background: url(images/tictac_orange.gif) no-repeat 0px 5px;
	margin-left: -15px;
	padding-left: 14px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}
.box2 ul {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 16px;
}
.formtext {
	font-size: 12px;
}
.formtextwhite {
	font-size: 12px;
	color: #FFFFFF;
}
.smallitalic {
	font-size: 12px;
	font-style: italic;
}
.getquote {
	overflow: auto;
	background-image: url(images/getquote.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.padding {
	padding-left: 10px;
}


/* portfolio navigation */
#portfolio_nav {
	list-style-image: none;
	list-style-type: none;
	width: 175px;
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#portfolio_nav ul {
	list-style-image: none;
	list-style-type: none;
	height: auto;
	width: 150px;
	margin-left: -15px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#portfolio_nav ul li {
	padding: 0px;
	height: 32px;
	width: 150px;
}
#logo_designs {
	display:block;
	background: url(portfolio/buttons/logo_off.gif) no-repeat 0px 0px;
	text-decoration: none;
	height: 32px;
	width: 150px;
}
#logo_designs a {
	display:block;
	background: url(portfolio/buttons/logo_off.gif) no-repeat 0px 0px;
	text-decoration: none;
	height: 32px;
	width: 150px;
}
#logo_designs a:hover {
	background-position: 0 0px;
	background-image: url(portfolio/buttons/logo_over.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 150px;
}
#promotional_designs {
	display:block;
	background: url(portfolio/buttons/promo_off.gif) no-repeat 0px 0px;
	text-decoration: none;
	height: 32px;
	width: 150px;
}
#promotional_designs a {
	display:block;
	background: url(portfolio/buttons/promo_off.gif) no-repeat 0px 0px;
	text-decoration: none;
	height: 32px;
	width: 150px;
}
#promotional_designs a:hover {
	background-position: 0 0px;
	background-image: url(portfolio/buttons/promo_over.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 150px;
}
#interactive_designs   {
	display:block;
	background: url(portfolio/buttons/interactive_off.gif) no-repeat 0px 0px;
	text-decoration: none;
	height: 32px;
	width: 150px;
}
#interactive_designs a {
	display:block;
	background: url(portfolio/buttons/interactive_off.gif) no-repeat 0px 0px;
	text-decoration: none;
	height: 32px;
	width: 150px;
}
#interactive_designs a:hover {
	background-position: 0 0px;
	background-image: url(portfolio/buttons/interactive_over.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 150px;
}
#website_designs {
	display:block;
	background: url(portfolio/buttons/web_off.gif) no-repeat 0px 0px;
	text-decoration: none;
	height: 32px;
	width: 150px;
}
#website_designs a {
	display:block;
	background: url(portfolio/buttons/web_off.gif) no-repeat 0px 0px;
	text-decoration: none;
	height: 32px;
	width: 150px;
}
#website_designs a:hover {
	background-position: 0 0px;
	background-image: url(portfolio/buttons/web_over.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 150px;
}
/* Content left side Link Styles */


#content_leftside a:link {
	color: #0071B5;
}
#content_leftside a:visited {
	color: #0071B5;
}
#content_leftside a:hover {
	color: #669933;
}
#content_leftside a:active {
	color: #000000;
	text-decoration: none;
}
#content_leftside a:visited:hover {
	color: #669933;
	text-decoration: underline;
}




.sitemap a:link {
	color: #0071B5;
}
.sitemap a:visited {
	color: #0071B5;
}
.sitemap a:hover {
	color: #669933;
}
.sitemap a:active {
	color: #000000;
	text-decoration: none;
}
.sitemap a:visited:hover {
	color: #669933;
	text-decoration: underline;
}




/* Footer Link Styles */
 

#content_footer a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
#content_footer a:hover {
	color: #C78B31;
	font-weight: bold;
	font-size: 13px;
}
#content_footer a:active {
	color: #000000;
	font-weight: bold;
	font-size: 13px;
}
#content_footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
#content_footer a:visited:hover {
	color: #C78B31;
	font-weight: bold;
	font-size: 13px;
}
/* Main Navigation Link Styles */


#portfolio a {
	display:block;
	background: url(images/portfolio.gif) no-repeat 0px 0px;
	text-decoration: none;
	height: 93px;
	width: 90px;
}
#portfolio a:hover {
	background-position: 0 -93px;
	background-image: url(images/portfolio.gif);
	background-repeat: no-repeat;
	height: 93px;
	width: 90px;
}
#services a {
	display:block;
	background: url(images/services.gif) no-repeat 0 0;
	text-decoration: none;
	height: 93px;
	width: 99px;
}
#services a:hover {
	background-position: 0 -93px;
	background-image: url(images/services.gif);
	background-repeat: no-repeat;
	height: 93px;
	width: 99px;
}
#hosting a {
	display:block;
	background: url(images/hosting.gif) no-repeat 0 0;
	text-decoration: none;
	height: 93px;
	width: 99px;
}
#hosting a:hover {
	background-position: 0 -93px;
	background-image: url(images/hosting.gif);
	background-repeat: no-repeat;
	height: 93px;
	width: 99px;
}
#blogspot a {
	display:block;
	background: url(images/blog.gif) no-repeat 0 0;
	text-decoration: none;
	height: 93px;
	width: 104px;
}
#blogspot a:hover {
	background-position: 0 -93px;
	background-image: url(images/blog.gif);
	background-repeat: no-repeat;
	height: 93px;
	width: 104px;
}
#resources a {
	display:block;
	background: url(images/resources.gif) no-repeat 0 0;
	text-decoration: none;
	height: 93px;
	width: 99px;
}
#resources a:hover {
	background-position: 0 -93px;
	background-image: url(images/resources.gif);
	background-repeat: no-repeat;
	height: 93px;
	width: 99px;
}
#contact a {
	display:block;
	background: url(images/contact.gif) no-repeat 0 0;
	text-decoration: none;
	height: 93px;
	width: 90px;
}
#contact a:hover {
	background-position: 0 -93px;
	background-image: url(images/contact.gif);
	background-repeat: no-repeat;
	height: 93px;
	width: 90px;
}
#quote a {
	display:block;
	background: url(images/quote.gif) no-repeat 0 0;
	text-decoration: none;
	height: 93px;
	width: 105px;
}
#quote a:hover {
	background-position: 0 -93px;
	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	height: 93px;
	width: 105px;
}
.float_right {
	float: right;
}
.highslide {
	cursor: url(highslide/highslide/graphics/zoomin.cur), pointer;
	outline: none;
}
.highslide img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.highslide:hover img {
	cursor: pointer;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.highslide-image {
}
.highslide-image-blur {
}
.highslide-caption {
	display: none;
	font-family: Verdana, Helvetica;
	font-size: 10pt;
	padding: 5px;
	background-color: white;
	border: 2px dotted #CCCCCC;
}
.highslide-loading {
	display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: black;/*
    padding-left: 22px;
    background-image: url(highslide/highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits, a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover, a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Controlbar example */
.controlbar {
	background: url(highslide/highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(highslide/highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}
.highslide-html {
	background-color: white;
	cursor: pointer;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
	display: none;
}
.highslide-display-block {
	display: block;
}
.highslide-display-none {
	display: none;
}
.control {
	float: right;
	display: block;
	/*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
	cursor: move;
}
.hostingbox {
	background: #efefef;
	padding: 5px;
	border: 
2px dotted #0071B5;
}