/*
############################################
######                                ######
######     STANDARD/MARKUP STYLES     ######
######                                ######
############################################
*/

body {
	margin: 0px;
	padding: 0px;
	font: normal 75% Arial, Helvetica, sans-serif;
	background-image: url(../images/body_bg.gif);
	color: #D9E0E3;
	}
img {
	border: 0;
	}
a {
	text-decoration: none;
	color: #0099CC;
	color: #FFFFCC;
	}
a:hover {
	text-decoration: underline;
	}

form {
	margin: 0 0 15px 0;
	padding: 0;
	}
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
p {
	margin: 0px 0px 15px 0px;
	padding: 0;
	}
strong,
em {
	color: white;
	}
table {
	margin: 0px 10px 15px 10px;
	}

/************************/
/***** MISC STYLES *****/
/**********************/

/** Clear **/
 
.clear {
	height: 0px;
	overflow: hidden;
	clear: both;
	}
.clear_l { clear: left; }
.clear_r { clear: right; }
.clear_n { clear: none; }
 
/** Float **/
 
.float_l { float: left; }
.float_r { float: right; }
.float_n { float: none; }
 
/** Text align **/
 
.align_l { text-align: left; }
.align_r { text-align: right; }
.align_c { text-align: center; }
.align_j { text-align: justify; }

/** Width values **/

.width_50 {
	float: left;
	width: 50%;
	}

/** Error Message **/

.error {
	clear: both;
	margin-bottom: 15px;
	padding: 4px 8px;
	border: 1px solid #ff4444;
	background-color: #FFdddd;
	color: red;
	}
	.error ul,
	.error li {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		}


/**************************/
/***** HEADER STYLES *****/
/************************/

h1 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	background-image: url(../images/h1_bg.gif);
	height: 29px;
	text-transform: uppercase;
	color: white;
	}
	h1 span {
		position: relative;
		left: 10px;
		top: 8px;
		}
h2 {
	position: relative;
	left: 1px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: white;
	background-image: url(../images/h2_bg.gif);
	height: 30px;
	}
	h2 span {
		position: relative;
		left: 10px;
		top: 8px;
		}
h3 {
	position: relative;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: white;
	}

/************************/
/***** LINK STYLES *****/
/**********************/



/************************/
/***** FORM STYLES *****/
/**********************/

.frm_text,
select,
textarea {
	border: 1px solid #B3B3B3;
	color: #FBFBFB;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333334;
	}
	
.frm_submit,
.frm_button {
	border: 0px;
	color: white;
	font-weight: bold;
	height: 16px;
	width: auto;
	text-align: center;
	padding-left: 12px;
	padding-right: 7px;
	background-image: url(../images/btn_bg.gif);
	background-repeat: no-repeat;
	font-size: 0.9em;
	background-color: transparent;
	}


/************************/
/***** LINE STYLES *****/
/**********************/

.dots_horizontal,
.dots_horizontal2 {
	position: relative;
	clear: both;
	background-image: url(../images/dots_horizontal.gif);
	background-repeat: repeat-x;
	height: 1px;
	font-size: 0.2em;
	line-height: 0.2em;
	margin: 0;
	padding: 0;
	}
.dots_horizontal2 {
	background-image: url(../images/dots_horizontal2.gif);
	}
p.dots_horizontal,
p.dots_horizontal2 {
	margin-bottom: 15px;
	}

.line_horizontal {
	position: relative;
	clear: both;
	height: 1px;
	font-size: 0.2em;
	line-height: 0.2em;
	background-color: #6F8992;
	}

/*
####################################
######                        ######
######     WEBSITE STYLES     ######
######                        ######
####################################
*/






/*****************************/
/***** STRUCTURE STYLES *****/
/***************************/

#wrapper {
	position: relative;
	width: 776px;
	margin: auto;
	}

.feature_panel {
	position: relative;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	width: 422px;
	color: white;
	font-size: 1em;
	}
	.feature_panel form {
		margin: 0px;
		}
	.feature_panel p {
		padding: 0px 0px 10px 0px;
		margin: 0px;
		}
	.feature_panel li {
		display: block;
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		}
	.feature_panel li.header {
		height: 18px;
		background-image: url(../images/content_header.jpg);
		color: #23445E;
		font-weight: bold;
		text-transform: lowercase;
		}
		.feature_panel li.header span {
			position: relative;
			left: 7px;
			top: 2px;
			}
	.feature_panel li.middle {
		padding: 10px 15px 0px 15px;
		height: auto !important;
		height: 66px;
		min-height: 66px;
		background-image:  url("../images/feature_panel_bg.gif");		
		}
	.feature_panel li.footer {
		height: 15px;
		background-image: url(../images/content_footer.jpg);
		}

/**************************/
/***** HEADER STYLES *****/
/************************/

#header {
	position: relative;
	margin: auto;
	width: 776px;
	height: 385px;
	background-image: url(../images/header_bg.jpg);
	}
	#header .feature_panel {
		position: absolute;
		right: 24px;
		bottom: 21px;
		font-size: 0.9em;
		margin-bottom: 0px;
		}
		#header .feature_panel li.header {
			text-transform: uppercase;
			}
		#header .feature_panel li.middle {
			background-image:  url("../images/feature_panel_bg2.gif");
			height: auto !important;
			height: 70px;
			min-height: 70px;
			height: 70px;
			}
			#header .feature_panel li.middle .left {
				float: left;
				width: 110px;
				}
			#header .feature_panel li.middle .right {
				float: left;
				width: 270px;
				}
			#header .feature_panel li.footer a {
				position: relative;
				top: 1px;
				left: 43px;
				font-weight: bold;
				color: #343434;
				}
			
/***** HEADER TOP *****/

	#topnav {
		display: block;
		height: 62px;
		margin: 0px;
		padding: 0px;
		background-repeat: repeat-x;
		}
		#topnav li {
			position: relative;
			left: 24px;
			float: left;
			width: 94px;
			height: 62px;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			}
			#topnav li a {
				display: block;
				height: 61px;
				border-right: 1px solid #C6C6C6;
				border-left: 1px solid #B2B2B2;
				background-image:  url("../images/topnav_links_bg.jpg");
				background-position: 0px 0px;
				color: white;
				font-weight: bold;
				text-align: center;
				}
			#topnav li a:hover {
				background-position: 0px -62px;
				text-decoration: none;
				}
			#topnav li a.active {
				background-position: 0px -124px;
				}
				#topnav li a span {
					position: relative;
					top: 24px;
					}

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

#banner {
	clear: both;
	height: 177px;
	background-image: url(../images/header_banner.jpg);
	background-position: right top;
	}

/***** GREEN PANEL *****/

#green_panel {
	position: absolute;
	left: 24px;
	bottom: 10px;
	width: 283px;
	height: 136px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/header_highlight.jpg);
	}
	#green_panel li {
		position: relative;
		left: 12px;
		top: 15px;
		margin: 0px 0px 9px 0px;
		padding: 0px;
		display: block;
		height: 14px;
		clear: both;
		list-style-type: none;
		}
		#green_panel li a {
			float: left;
			background-image: url(../images/green_panel_link2.gif);
			background-repeat: no-repeat;
			background-position: left top;
			display: block;
			height: 14px;
			font-size: 1em;
			font-weight: bold;
			color: white;
			}
			#green_panel li a span {
				position: relative;
				left: 21px;
				top: -1px;
				}
		#green_panel li a:hover {
			color: #D3F2F6;
			text-decoration: none;
			background-position: left bottom;
			}
		#green_panel li a.active {
			text-transform: uppercase;
			color: white;
			background-position: left bottom;
			}
			#green_panel li a.active span {
				position: relative;
				top: 0px;
				}



/**************************/
/***** MIDDLE STYLES *****/
/************************/

#middle {
	width: 776px;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #124250;
	font-size: 0.9em;
	}

/********************************/
/***** CONTENT LEFT STYLES *****/
/******************************/

#content_left {
	position: relative;
	left: 24px;
	float: left;
	width: 283px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	}
	#content_left h2 {
		margin-bottom: 10px;
		}
	#content_left p {
		margin: 0px 0px 10px 0px;
		padding: 0px 10px;
		}

/*********************************/
/***** CONTENT RIGHT STYLES *****/
/*******************************/

#content_right {
	position: relative;
	left: 47px;
	float: left;
	width: 422px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	}
	#content_right .feature_panel li.middle {
		background-image: url(../images/feature_panel_bg3.gif);
		}
	#content_right .feature_panel p {
		padding-left: 0px;
		padding-right: 0px;
		}
	#content_right p,
	#content_right h3 {
		padding-left: 10px;
		padding-right: 10px;
		}
	
/********************************/
/***** CONTENT FULL STYLES *****/
/******************************/

#content_full {
	position: relative;
	left: 24px;
	clear: both;
	width: 728px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	}
	#content_full p {
		padding-left: 10px;
		padding-right: 10px;
		}
	#content_full p,
	#content_full h2 {
		padding-left: 10px;
		padding-right: 10px;
		}
	#content_full p.dots_horizontal {
		margin-left: 10px;
		margin-right: 10px;
		}
	#content_full h2,
	#content_full h3 {
		position: relative;
		background-image: none;
		height: auto;
		padding-left: 8px;
		padding-right: 8px;
		}
		#content_full h2 span {
			position: relative;
			left: 0px;
			top: 0px;
			}

/*******************************/
/***** CONTENT BAR STYLES *****/
/*****************************/

.content_bar {
	clear: both;
	height: 52px;
	background-image: url(../images/content_bar_bg.jpg);
	}

/**************************/
/***** FOOTER STYLES *****/
/************************/

#footer {
	width: 776px;
	height: 74px;
	margin: auto;
	background-image: url(../images/footer_bg.jpg);
	color: #3D3D3D;
	font-size: 0.9em;
	}
	#footer #copyright {
		position: relative;
		float: left;
		left: 24px;
		background-image: url(../images/footer_copyright_bg.jpg);
		width: 283px;
		height: 74px;
		text-align: center;
		}
		#footer #copyright span {
			position: relative;
			top: 37px;
			}
	#footer #footer_links {
		position: relative;
		right: 17px;
		top: 26px;
		float: right;
		}
		#footer #footer_links li {
			display: inline;
			padding-left: 8px;
			list-style-type: none;
			}
			#footer #footer_links li span {
				position: relative;
				top: 1px;
				right: 1px;
				}
			#footer #footer_links li a {
				color: #3D3D3D;
				}
			#footer #footer_links li a:hover {
				text-decoration: underline;
				}
			#footer #footer_links li a.active {
				font-weight: bold;
				}



/*
########################################
######                            ######
######     UNIQUE PAGE STYLES     ######
######                            ######
########################################
*/

/********************************/
/***** CONTACT PAGE STYLES *****/
/******************************/

#frm_contact {
	}
	#frm_contact p {
		margin: 0px 0px 8px 0px;
		padding: 0px;
		}
	#frm_contact label {
		position: relative;
		top: 1px;
		float: left;
		width: 100px;
		}
	#frm_contact .frm_text,
	#frm_contact textarea {
		float: left;
		width: 200px;
		margin-bottom: 8px;
		}
	#frm_contact textarea {
		height: 70px;
		}
	#frm_contact .frm_button,
	#frm_contact .frm_submit {
		float: right;
		margin-bottom: 8px;
		cursor: pointer;
		}
	#frm_contact .frm_button {
		font-weight: normal;
		}

/********************************/
/***** DOMAINS PAGE STYLES *****/
/******************************/

fieldset.domains {
	padding-left: 10px;
	padding-right: 10px;
	}
	fieldset.domains label {
		position: relative;
		}
	fieldset.domains .frm_text {
		width: 110px;
		}

/*****************************/
/***** PORTFOLIO STYLES *****/
/***************************/

.portfolio_img {
	position: relative;
	left: 10px;
	float: left;
	margin-bottom: 15px;
	width: 100px;
	}
.portfolio_txt {
	position: relative;
	left: 10px;
	float: left;
	margin-bottom: 15px;
	width: 220px;
	padding-left: 10px;
	}