/* CSS Document */
/* ----------------- Text Classes ----------------------------------------------- */

h1 {
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	font-size: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #004782;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
}
.h1_grey {
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A8A8A8;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
}
h2 {
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0099FF;
	font-style: normal;
	font-weight: normal;
}
h3 {
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-style: normal;
	font-weight: normal;
}
h4 {
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0099FF;
	font-style: normal;
	font-weight: normal;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #666666;
	margin: 0 0 0 0;
	line-height: 1.3;
	padding-bottom: 10px;
}
.copy_no_lineheight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #666666;
	margin: 0 0 0 0;
	padding-bottom: 10px;
	line-height: 0.5;
}
.copy_contact_form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #666666;
	margin: 0 0 0 0;
	line-height: 0.5;
	padding-top: 3px;
}
a:link {
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}
a:visited {
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
	font-weight: bold;
	}
	.flaming a:link {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	text-decoration: none;
	font-style: normal;
}
.flaming a:visited {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	text-decoration: none;
}
.flaming a:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	text-decoration: underline;
}
.headertxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #FFFFFF;
	margin: 0 0 0 0;
}
.orangetext {
	color: #FF6600;
	font-weight: bold;
}
.smallp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #666666;
	margin: 0 0 0 0;
	line-height: 1.1;
}
.smalllink a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-size: 0.65em;
	margin: 0 0 0 0;
	line-height: 1.1;
	text-decoration: underline;
}
.smalllink a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-size: 0.65em;
	margin: 0 0 0 0;
	line-height: 1.1;
	text-decoration: underline;
}
.smalllink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-size: 0.65em;
	margin: 0 0 0 0;
	line-height: 1.1;
	text-decoration: underline;
}
.orangep {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #FF6600;
	margin: 0 0 0 0;
	line-height: 1.1;
}
.orangelink a:link {
	color: #FF6600;
	font-size: 0.75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	line-height: 1.3;
}
.orangelink a:visited {
	color: #FF6600;
	font-size: 0.75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	line-height: 1.3;
}
.orangelink a:hover {
	color: #FF6600;
	font-size: 0.75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	line-height: 1.3;
}
.orangelink2 a:link {
	color: #FF6600;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	line-height: 1.3;
}
.orangelink2 a:visited {
	color: #FF6600;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	line-height: 1.3;
}
.orangelink2 a:hover {
	color: #FF6600;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	line-height: 1.3;
}
.smalllinkblue a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0099FF;
	font-size: 0.7em;
	margin: 0 0 0 0;
	line-height: 1.4;
	text-decoration: none;
}
.smalllinkblue a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0099FF;
	font-size: 0.7em;
	margin: 0 0 0 0;
	line-height: 1.4;
	text-decoration: none;
}
.smalllinkblue a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-size: 0.7em;
	margin: 0 0 0 0;
	line-height: 1.4;
	text-decoration: none;
}
/* ----------------- Menu Layout ----------------------------------------------- */
.no_menu {
	width: 770px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	height: 36px;
	background-image: url(images/no_menu_bg.jpg);
}
/* ----------------- Page Layout ----------------------------------------------- */
html, body {
	margin : 0;
	padding : 0;
}
body {
	margin: 0;
	text-align: center;
	background-color: #0090ff;
	background-image: url(images/website_designers_02.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#bg {
	background-image:url(images/bg_lines_vert.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#bg_outer{
	clear: both;
	width: 815px;
	margin: 0 auto;
	text-align: left;

}
.page_outer {
	width: 710px;
}
.page_left {
	width: 308px;
	float: left;
}
.page_right {
	width: 377px;
	padding-left: 25px;
	float:left;
}
.dotted_spacer {
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0 14px 0;
	background-image: url(images/right_column_spacer.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 1px;
}
.dotted_spacer_long {
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0 14px 0;
	background-position: center;
	height: 1px;
	background-image: url(images/left_column_spacer.gif);
	background-repeat: no-repeat;
}
.blank_spacer {
	width: 100%;
	margin: 0 0 0 0;
	padding: 5px 0 7px 0;
	height: 1px;
	background-image: url(images/1by1px_website_spacer.gif);
}
.blank_spacer_sm {
	width: 100%;
	margin: 0 0 0 0;
	padding: 2px 0 2px 0;
	height: 1px;
	background-image: url(images/1by1px_website_spacer.gif);
}
.bullet ul {
	list-style-image: url(images/bullet.gif);
	margin: 10px 0 0 10px;
}
.bullet li {
	padding: 0 0 0 0;
	margin: 1px 10px 0 10px;
}
#bginner {
	width : 780px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 1px solid #000000;
}
#bgouter {
	margin : 0 auto;
	background-repeat : repeat-y;
	text-align: left;
	background-image: url(images/bkgd.gif);
	width: 820px;
}

#copyright {
	width : 814px;
	text-align : center;
	padding-top: 7px;
}
#header_outer {
	width: 770px;
	height: 126px;
	float: left;
}
#header_outer_2 {
	width: 815px;
	height: 126px;
}
#header_border_left {
	width: 17px;
	height: 126px;
	float: left;
	background-image: url(images/website_designers_05.jpg);
}
#header_border_right {
	width: 17px;
	height: 126px;
	float: right;
	background-image: url(images/website_designers_10.jpg);
}
#logo {
	height: 90px;
	background-repeat : repeat-x;
	text-align : left;
	background-color: #002547;
	width: 770px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	background-image: url(images/website_designers_08.jpg);
}
#logo_top {
	width: 814px;
	height: 36px;
	background-image: url(images/website_designers_03.jpg);
}
#container {
	margin : 0px 0px 0 0px;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #FFFFFF;
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;
	width: 710px;
	padding: 30px 30px 40px 30px;
}
#container_outer {
	width: 780px;
	float: left;
}
/* ----------------- PAGE HEIGHT ------------------------------------------------------------------------------ */

#container_outer_2_maintenance {
	width: 815px;
	background-repeat: repeat-y;
	background-image: url(images/website_designers_25.jpg);
	height: 350px;
}

/* ----------------- Container ----------------------------------------------- */
#container_border_left {
	width: 17px;
	height: 349px;
	float: left;
	background-image: url(images/website_designers_19.jpg);
	background-repeat: no-repeat;
}
#container_border_right {
	width: 17px;
	height: 349px;
	float: left;
	background-image: url(images/website_designers_21.jpg);
	background-repeat: no-repeat;
}

/* ----------------- footer ----------------------------------------------- */
#footer {
	width: 770px;
	height: 53px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	float: left;
}
#footer_bot_border {
	width: 814px;
	height: 32px;
	background-image: url(images/website_designers_33.jpg);
}
#footer_outer {
	width: 814px;
	height: 53px;
}
#footer_border_left {
	width: 17px;
	height: 53px;
	float: left;
	background-image: url(images/website_designers_27.jpg);
}
#footer_border_right {
	width: 17px;
	height: 53px;
	float: right;
	background-image: url(images/website_designers_32.jpg);
}

#flashcontent {
	width: 770px;
	height: 162px;
	background-color: #FFFFFF;
	vertical-align: top;
	background-repeat: no-repeat;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
}
/* ---------------------columns------------------ */
.page_content_index {
	width: 710px;
}
.right_floating_column {
	width: 240px;
	float: left;
	padding: 0 0 0 30px;
}
.right_floating_border {
	width: 200px;
	border: dotted 1px #999999;
	padding: 15px 20px 15px 20px;
}
.content_left_column {
	float: left;
	width: 438px;
}
/* ---------------------footer-links------------------ */

.email_bg {
	width: 385px;
	height: 53px;
	float: left;
	background: url("images/website_designers_28.jpg") 0 0 no-repeat;
}
.email a {
	display:block;
	width: 385px;
	height: 53px;
	float: left;
	background: url("images/website_designers_28.jpg") 0 0 no-repeat;
}
.email a:hover { 
	display:block;
	width: 385px;
	height: 53px;
	background: url("images/website_design_r__28.jpg") 0 0 no-repeat;
}
.tel_bg {
	width: 385px;
	height: 53px;
	background: url("images/website_designers_29.jpg") 0 0 no-repeat;
	float: left;
}
.tel a {
	display:block;
	width: 385px;
	height: 53px;
	background: url("images/website_designers_29.jpg") 0 0 no-repeat;
	float: left;
}
.tel a:hover { 
	display:block;
	width: 385px;
	height: 53px;
	background: url("images/website_design_r__29.jpg") 0 0 no-repeat;
}
/* ----------------- Base Navigation menu ----------------------------------------------- */

#basenav {
	width : 814px;
	text-align : center;
	background-repeat: repeat-x;
	padding-bottom: 30px;
}