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

td.grad {
	background-image: url(../images/sand-shadow.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
td.contentbox {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A7B393;
	border-left-color: #A7B393;
	background-color: #FFFFFF;
}
td.sidebar {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #829499;
	border-bottom-color: #829499;
	border-left-color: #829499;
	background-image: url(../images/wave.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 262px;
	height: 579px;
	padding-left: 45px;
	padding-right: 15px;
	padding-top: 15px;
}
#logo-header {
	float: left;
	background-color: #0F5345;
	background-image: url(../images/obx-web-designer-logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 97px;
	width: 268px;
	margin: 0px;
	padding: 0px;
}
#animated-ad {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 97px;
	width: 468px;
	background-color: #0F5345;
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#slogan {
	float: left;
	background-color: #0F5345;
	background-image: url(../images/header-right.jpg);
	background-repeat: no-repeat;
	height: 97px;
	width: 244px;
}
#bluebar {
	background-color: #31788E;
	background-image: url(../images/blue-bar.jpg);
	background-repeat: no-repeat;
	height: 19px;
	width: 700px;
	padding-top: 0px;
	padding-left: 280px;
	margin: 0px;
}
#yellowleft {
	float: left;
	background-image: url(../images/yellowleft.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 14px;
	background-color: #F0BC32;
}
#yellowcenter {
	float: left;
	background-image: url(../images/yellowbg.jpg);
	background-repeat: repeat-x;
	height: 25px;
	width: 952px;
	background-color: #F0BC32;
	font-size: 14px;
	padding-top: 6px;
}
#yellowcenter a {
	text-decoration: none;
	color: #212121;
}
#yellowright {
	float: left;
	background-image: url(../images/yellowright.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 14px;
	background-color: #F0BC32;
}
.smallwhite {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.smallwhite a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.bluetxt {
	color: #73C9EA;
}
.orangetxt {
	color: #FF9D3D;
}
.content-shadow-top {
	background-image: url(../images/content-shadow-top.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 485px;
}
.content-shadow-bottom {
	background-image: url(../images/content-shadow-bottom.jpg);
	background-repeat: no-repeat;
	height: 112px;
	width: 636px;
}
.content-shadow-title-bar {
	background-image: url(../images/content-shadow-title-bar.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 151px;
}
.content-shadow-title-bg {
	background-image: url(../images/content-shadow-title-bg.jpg);
	background-repeat: repeat-x;
	height: 23px;
	width: 334px;
}
#copyright {
	line-height: 12px;
	font-size: 8px;
}
#website-left {
	float: left;
	background-image: url(../images/website-left.jpg);
	background-repeat: repeat-y;
	width: 25px;
	background-position: top;
	height: 430px;
}
#website {
	float: left;
	width: 586px;
	height: 430px;
}
#website-right {
	float: left;
	background-image: url(../images/website-right.jpg);
	background-repeat: repeat-y;
	width: 25px;
	background-position: top;
	height: 430px;
	margin: 0px;
	padding: 0px;
}
#sidebar-left {
	float: left;
	background-image: url(../images/sidebar-left.jpg);
	width: 15px;
	height: 21px;
}
#sidebar-title {
	float: left;
	height: 20px;
	text-align: center;
	width: 294px;
	padding-top: 1px;
}
#sidebar-right {
	float: right;
	background-image: url(../images/sidebar-right.jpg);
	width: 15px;
	height: 21px;
	padding-right: 0px;
	margin-right: 0px;
}
td.sidebar-title-bg {
	height: 21px;
	background-image: url(../images/sidebar-bg.jpg);
	background-repeat: repeat-x;
}
#sidebarlink a {
	color:#105772;
	text-decoration: underline;
}
ul.bubble {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
li.bubble {
	background-image:url(../images/bubble.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:14px;
}
td.footer {
	height: 50px;
	background-image: url(../images/footerbg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}
#footer a {
	color:#333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#bannerbrowser { width:980px; height:180px; font-size:12px; line-height:18px; background:url(../images/showcase-websites-bg.jpg) no-repeat top; overflow:auto; }
#bannercontainer { position:relative; width:980px; height:180px; margin:0 auto; }
#contactformleft {
	background-image: url(../images/contact-title-bar-left.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 10px;
}
#contactformcenter {
	background-image: url(../images/contact-title-bar-bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	float: left;
	width: 250px;
	height: 41px;
	text-align: center;
	line-height: 15px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contactformright {
	background-image: url(../images/contact-title-bar-right.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 10px;
}
.whitecontact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.bluecontact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #082750;
}
#contactform {
	height:306px;
	background-image: url(../images/contact-bg.jpg);
	background-repeat: repeat-y;
	background-position: top;
	margin: 0px;
	clear: both;
	width: 234px;
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 18px;
}
#contactform2 {
	height:359px;
	background-image: url(../images/contact-bg.jpg);
	background-repeat: repeat-y;
	background-position: top;
	margin: 0px;
	clear: both;
	width: 234px;
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 18px;
}
.contactlabels {
	float: left;
	width: 60px;
	padding-right: 10px;
	text-align: right;
	font-size: 10px;
	height: 30px;
}
#submitbg {
	background-image: url(../images/contact-bg.jpg);
	background-repeat: repeat-y;
}
#comments {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -1px;
}
#build-website {
	font-size: 18px;
	line-height: 30px;
	padding-top: 120px;
	padding-right: 24px;
	padding-bottom: 24px;
	padding-left: 60px;
	background-image: url(../images/build-website-bg.jpg);
	background-position: left bottom;
	height: 576px;
}