/*------------------------------------BODY-------------------------------------------------*/
body {
background: #0085c6 url('images/horizontal_bg.jpg') repeat-x;
background-color: #0085c6;
color : #ffffff;
margin : 0;
padding : 0;
letter-spacing : normal;
text-align : justify;
line-height: 20px;
font: 12px Arial, sans-serif;
cursor: default;
}





a:link, a:visited, a:active {
	font: bold 12px Arial, sens-serif;
	letter-spacing: 2px;
	color: #ffffff;
	text-decoration: none;
	cursor: help;
	}





a:hover {
	color: #a1cfff;
	}





b {
	letter-spacing: 2px;
	font-weight: bold;
	}





i{
	font-style: italic;
	letter-spacing: 2px;
	}





div#horizontal {
	background: transparent url('images/horizontal_bg.jpg') repeat-x;
	width: 100%;
	height: 600px;
	position: absolute;
	}





div#wrapper {
width : 800px;
margin: 0 auto;
padding: 0;
position: relative;
}





div#header_top {
	background: transparent url('images/head_top.jpg') no-repeat;
	width: 800px;
	height: 80px;
	margin: 0;
	padding: 0;
	}





div#header_bottom {
	background: transparent url('images/head_bottom.jpg') no-repeat;
	width: 800px;
	height: 88px;
	margin: 0;
	padding: 0;
	}





div#main_menu {
	background: transparent url('images/menu.jpg') no-repeat;
	width: 800px;
	height: 23px;
	margin: 0;
	padding: 0;
	}





div#navigation_ {
	margin: 10px auto;
	padding: 0;
	position: relative;
	}





div#navigation_ ul {
	position: relative;
	margin: 0 0 0 80px;
	color: #ffffff;
	padding: 0;
	text-align: center;
	list-style-type: none;
	font: italic 16px "Trebuchet MS", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;

	}





div#navigation_ ul li {
	margin: 0 15px;
	padding: 0;
	float: left;
	position: relative;
	}





div#navigation_ ul a:link, div#navigation_ ul a:active, div#navigation_ ul a:visited {
	display: block;
	font: italic bold 16px "Trebuchet MS", sans-serif;
	letter-spacing: 1px;
	color: #ffffff;
	text-decoration: none;
	}





div#navigation_ ul a:hover {
	color: #9eebfe;
	}





div#content_area {
	background: transparent url('images/background.jpg') no-repeat;
	width: 800px;
	height: 409px;
	margin: 0;
	padding: 0;
	position: relative;
	}



div#area_box {
	width: 800px;
	margin: -405px 0 0 0;
	padding: 0;
	position: relative;
	float: left;
	}

div#cont_area_head {
	background: transparent url('images/content_area_head.png') no-repeat;
	width: 748px;
	height: 10px;
	margin: 0;
	padding: 0;
	}





div#box {
	background: transparent url('images/content_area_bg.png') repeat-y;
	width: 748px;
	margin: 0;
	padding: 0;
	float: left;
	}



div#box p {
	width: 748px;
	margin: 0 auto;
	padding: 10px;
	position: relative;
	}




* html div#box {
	margin: 10px 0 0 0;
	}





div#box img {
	border: 6px solid #ffffff;
	margin: 5px;
	padding: 0;
	}


div#box .thumbnail {
	width: 748px;
	position: relative;
	margin: 20px 30px 20px 20px;
	padding: 0;
	text-align: left;
	}

 span.thumbnail_box {
	padding: 0;
	margin: 0 5px 10px 5px;
	background-color: #ffffff;
	font: italic 11px "trebuchet MS", sans-serif;
	color: #006f9c;
	float: left;
	text-align: center;
	}


div.story_head {
	width: 522px;
	margin: 20px 5px 5px 5px;
	padding: 0;
	position: relative;
	}


div.story_wide_head {
	width: 748px;
	margin: 20px 5px 5px 5px;
	padding: 0;
	position: relative;
	}


div.story_wide_head_white, div.story_head_white {
	font: italic bold 30px "Trebuchet MS", sans-serif;
	letter-spacing: normal;
	line-height: 30px;
	color: #ffffff;
	text-align: left;
	}





div.story_head_blue, div.story_wide_head_blue, div.story_head_blue a:link, div.story_wide_head_blue a:link, div.story_wide_head_blue a:visited, div.story_wide_head_blue a:active, div.story_head_blue a:visited, div.story_head_blue a:active {
	font: bold 20px Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 40px;
	color: #8bd9f6;
	}
	

div.story_head_blue a:hover, div.story_wide_head_blue a:hover {
	color: #ffffff;
	}




div.story {
	width: 522px;
	margin: 0 0 20px 0;
	padding: 5px;
	line-height: 20px;
	position: relative;
	}

div.story_wide {
	width: 728px;
	margin: 0;
	padding: 10px;
	line-height: 20px;
	position: relative;
	}


div.story ul, div.story_wide ul {
	margin: 10px 0 10px 20px;
	padding: 10px 0 10px 20px;
	list-style-type: square;
	position: relative;
	}





div.story ul li, div.story_wide ul li {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px dotted #78bfd9;
	}

div.info {
	margin: 0 auto;
	float: left;
	}


span.preview_img {
	float: left;
	text-align: left;
	margin: 5px;
	width: 200px;
	}


div.design_info {
	float: left;
	text-align: left;
	margin: 10px 20px 20px 30px;
	padding: 0;
	width: 450px;
	}

div.design_info ul {
	margin: 3px;
	padding: 0 0 0 10px;
	list-style-type: square;
	}

div.design_info ul li {
	list-style-type: square;
	margin: 7px;
	padding: 0;
	border-bottom: 1px dotted #78bfd9;
	}
div#comments {
	width: 500px;
	margin: 0 auto;
	position: relative;
	}

div.comment {
	width: 500px;
	margin: 20px 0 20px 20px;
	padding: 5px;
	position: relative;
	background-color: #0a70a2;
	line-height: 18px;
	border-top: 1px dotted #78bfd9;
	border-bottom: 1px dotted #78bfd9;
	}





div.comment_head, div.comment_head a:link, div.comment_head a:visited, div.comment_head a:active {
	font: bold 13px Verdana, sans-serif;
	letter-spacing: 1px;
	border-bottom: 4px double #ffffff;
	font-variant: small-caps;
	margin: 5px 0;
	}




div.comment_head a:hover {
	color: #fc7e7f;
	}





div.left {
	float: left;
	width: 522px;
	margin: 5px;
	padding: 0;
	}





div.right{
	float: right;
	width: 195px;
	margin: 20px 5px 0 0;
	padding: 0;
	}





div.side_head {
	background: transparent url('images/side_head_bg.png') no-repeat;
	width: 195px;
	height: 11px;
	margin: 5px 0 0 0;
	padding: 0;
	font: bold 13px Tahoma, sans-serif;
	font-variant: small-caps;
	text-align: center;
	color: #ffffff;
	}





div.side_text {
	background: transparent url('images/side_bg.png') repeat-y;
	width: 195px;
	margin: 0;
	padding: 10px;
	font: italic 12px "trebuchet MS", sans-serif;
	color: #fc7e7f;
	}





div.side_text ul {
	width: 165px;
	position: relative;
	margin: 0 3px;
	color: #ffffff;
	padding: 0 5px;
	text-align: left;
	list-style-type: square;
	font: 12px Arial, sans-serif;
	letter-spacing: 1px;

	}





div.side_text ul li {
	margin: 0;
	position: relative;
	padding: 3px 0;
	border-bottom: 1px dotted #43a5c3;
	}





div.side_text ul a:link, div.side_text ul a:active, div.side_text ul a:visited {
	display: block;
	min-height: 20px;
	padding: 5px 0 0 0;
	font: 12px Arial, sans-serif;
	letter-spacing: normal;
	color: #c7e7ff;
	text-decoration: none;
	}





div.side_text ul a:hover {
	background-color: #1d95c0;
	}





div.side_foot {
	background: transparent url('images/side_foot_bg.png') no-repeat;
	width: 195px;
	height: 11px;
	margin: 0 0 15px 0;
	padding: 0;
	}





div.clear {
	clear: both;
	}





div#cont_area_foot {
	background: transparent url('images/content_area_foot.png') no-repeat;
	margin: 0 0 20px 0;
	width: 749px;
	height: 10px;
	clear: both;
	float: left;
	}

/*-------------------------------------- F O O T E R ---------------------------------------------------------------*/

div#footer {
	background: transparent url('images/footer_background.jpg') repeat-x;
	margin: 20px 0 0 0;
	height: 299px;
	padding: 0;
	clear: both;
	}


div#footer_container {
	text-align: left;
	position: relative;
	margin: 0;
	padding: 90px 0 20px 10px;
	}

div#footer_logo {
	background: transparent url('images/foot_logo.jpg') no-repeat;
	width: 147px;
	height: 154px;
	margin: 10px;
	padding: 0;
	float: left;
	}

div.recent_container {
	float: left;
	width: 260px;
	font: 13px Arial, sans-serif;
	color: #6cc3e6;
	letter-spacing: 1px;
	margin: 10px 20px;
	padding: 0;
	}

div.recent_container ul {
	margin: 5px 0;
	padding: 0;
	list-style-type: none;
	}

div.recent_container ul li {
	margin: 0;
	padding: 6px 0;
	}


div.recent_header {
	font: bold 15px Tahoma, sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom: 1px dotted #ffffff;
	}

div.recent_container a:link, div.recent_container a:visited, div.recent_container a:active {
	font: 13px Arial, sans-serif;
	color: #a8d9ec;
	letter-spacing: 1px;
	margin: 0;
	padding: 5px 3px;
	height: 20px;
	}

div.recent_container a:hover {
	background-color: #005a7e;
	border-right: 1px solid #004560;
	border-bottom: 1px solid #1e7ea4;
	}

div#footer_low {
	background: transparent url('images/footer_low.jpg') repeat-x;
	background-color: #002e41;
	position: absolute;
	margin: 0;
	padding: 30px 10px 10px 10px;
	font: 12px Arial, sans-serif;
	color: #006a96;
	line-height: 18px;
	}



	
	
/*--------------------------- F O R M --------------------------------------------*/

div#comment_form {
	margin: 30px 20px;
	padding: 0;
	position: relative;
	}
		

input {
width: 500px;
height: 20px;
background-color: #0177ae;
border-left: none;
border-right: none;
border-top: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff; 
font: italic bold 13px "Trebuchet MS", sans-serif;
color: #ffffff;
letter-spacing: 2px;
margin: 10px 2px;
padding: 3px;
text-align: left;
display: block;
}



input:hover, input:focus {
border-top: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
background-color: #0a70a2;
}


textarea {
width: 500px;
height: 200px;
background-color: #0177ae;
border-left: none;
border-right: none;
border-top: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff; 
font: italic bold 14px "Trebuchet MS", sans-serif;
color: #ffffff;
letter-spacing: 1px;
margin: 10px 2px;
padding: 3px;
display: block;
text-align: left;
}

textarea:hover, textarea:focus {
border-top: 1px solid #a6e0eb;
border-bottom: 1px solid #a6e0eb; 
background-color: #0a70a2;
}


input.button {
width: 80px;
height: 33px;
background-color: #0177ae;
border-left: none;
border-right: none;
border-top: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff; 
font: italic bold 13px "Trebuchet MS", sans-serif;
color: #ffffff;
letter-spacing: 2px;
margin: 10px 2px;
padding: 3px;
text-align: center;
display: block;

}

input.button:hover, input.button:focus {
border-top: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
background-color: #0a70a2;
}
	
	
/*-----------------------------------TEXT LINK EXCHANGE DISPLAY--------------------------------------------------*/
	
div.linkroll {
	float: left;
	width: 748px;
	font: 13px Arial, sans-serif;
	color: #6cc3e6;
	letter-spacing: 1px;
	margin: 10px 0 20px 0;
	padding: 0;
	}

div.linkroll ul {
	margin: 3px 5px;
	padding: 0;
	float: left;
	list-style-type: square;
	}



div.linkroll ul li {
	width: 350px;
	margin: 3px 5px;
	padding: 6px 0;
	float: left;
	border-bottom: 1px dotted #58b9e6;
	display: block;
	}

div.linkroll img {
	border: 2px solid #ffffff;
	margin: 3px;
	padding: 0;
	}