/*
--------------------
*/


* {margin: 0; padding: 0;}
html {height: 100%; margin-bottom: 1px;}
body {height: 100%;}




/* Body Typeset
-------------------------- */
body {
	color: #fff;
	background-image: url(images/grad_backing.jpg);
	background-repeat: repeat-x;
	background-color: #03254b;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	}
	
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
    margin:  .5em 0;
    padding: 0;
	}
	
img { border:none; }	

h1, h2, h3, h4, h5, h6 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*letter-spacing: -1px;*/
	/*padding-bottom: 3px;*/
	/*border-bottom: 1px solid #eee;*/
	/*color: #AE1010;*/
	/*background-color: rgb( 0, 0, 0); */
	}

h1 { font-size: 160%; margin-top: 0; margin-bottom: 5px;}
h2 { font-size: 125%; margin-top: 0px; margin-bottom: 4px; }
h3 { font-size: 125%; border-width: 1px; color: #fff; font-weight: normal;}
h4 { font-size: 118%; margin-top: 0px; margin-bottom: 2px;}
h5 { font-size: 130%; font-weight: bold; margin-bottom: 3px; margin-top: 0px; color: #990000;}
h6 { font-size: 86%; font-weight: bold; }

/* Layout
-------------------------- */

#container {
	width: 950px;
	margin: 0 auto;
	}
	
#logo_header {
	margin-bottom: 20px;
	}	
	
#home_hero {
	width: 940px;
	height: 385px;
	border: solid 5px #fff;
	margin-bottom: 5px;
	}	
	
#secondary_hero {
	width: 940px;
	height: 334px;
	border: solid 5px #fff;
	margin-bottom: 5px;
	}	
	
#main_content {
	width: 940px;
	position: relative;
	overflow: hidden;
	padding: 5px;
	background-image: url(images/main_grad_backing.jpg);
	background-repeat: repeat-x;
	background-color: #6c87a4;
	}
	
#local_att_intro {
	padding: 20px 25px 10px 25px;
	width:460px;

	}	

#2cols {
	}
	
#left_col {
	float: left;
	width: 420px;
	padding: 10px 25px 20px 25px;
	}			
	
#right_col {
	float: left;
	width: 412px;
	padding: 10px 28px 0px 29px;
	margin: 0px 0px 20px 0px;
	border-left: 1px dotted #fff;
	}
	
#left_col_v2 {
	float: left;
	width: 450px;
	padding: 10px 25px 20px 25px;
	}			
	
#right_col_v2 {
	float: left;
	width: 383px;
	height: 450px;
	padding: 10px 28px 0px 29px;
	margin: 0px 0px 20px 0px;
	}
	
#right_col_v2 a{
	color: #fff;
	}

#right_col_v2 a:hover{
	color: #000;
	}
	
#left_bullets_holder {
	float: left;
	width: 410px;
	}		
	
.left_bullets {
	float: left;
	width: 175px;
	margin-right: 20px;
	margin-left: 0px;
	}
	
.left_bullets ol {
	margin-left: 30px;
}
	
.left_bullets2 {
	float: left;
	width: 175px;
	}	
	
.left_bullets2 ol {
	margin-left: 30px;
}

#flash_icon {
	float: left;
	width: 42px;
	}
	
#flash_text {
	float: left;
	width: 300px;
	}		
	
#secondary_left_col {
	float: left;
	width: 702px;
	padding: 1px 7px 20px 0px;
	color: #C8C8C8;
	}
	
#secondary_left_col_header {
	background-color: #1d3857;
	width: 690px;
	font-size: 145%;
	padding: 7px 0px 7px 12px;
	}
	
#secondary_wide_col_header {
	background-color: #1d3857;
	width: 928px;
	font-size: 145%;
	padding: 7px 0px 7px 12px;
	}					
	
#secondary_right_col {
	float: left;
	width: 228px;
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	}	
	
.secondary_main_text {
	margin: 20px 0px 20px 38px;
	width: 600px;
	}
	
#longships_logo {
	float: left;
	width: 130px;
	margin: 20px 0px 0px 28px;
	}	
	
.longships_main_text {
	float: left;
	margin: 20px 0px 20px 16px;
	width: 450px;
	}	
	
.secondary_image_row {
	margin: 12px 0px 0px 0px;
	}
	
.secondary_image_left {
	float: left;
	width: 285px;
	height: 186px;
	margin: 0px 10px 20px 0px;
	}	
	
.secondary_image_right {
	float: left;
	width: 285px;
	height: 186px;
	margin: 0px 0px 20px 0px;
	}		
	
.secondary_right_box {
	width: 228px;
	height: 89px;
	margin: 0px 0px 6px 0px;
	}
	
/*#paisley_background {
	background-image: url(images/paisley_background.jpg);
	width: 702px;
	}*/	
	
#home_text_left {
	float: left;
	width: 175px;
	padding: 0px 18px 0px 0px;
	}	
	
#home_img_right {
	float: left;
	width: 212px;
	}	
	
#footer_boxes {
	margin: 0px 5px;
	width: 940px;
	float: left;
	}
	
#footer_box_1 {
	float: left;
	width: 228px;
	height: 89px;
	margin-right: 6px;
	}
	
#footer_box_2 {
	float: left;
	width: 228px;
	height: 89px;
	}
	
#footer_logos {
	float: right;
	margin: 5px 0px 0px 0px;
	height: 60px;
	}
	
.left {
	margin: 3px 0px 3px 0px;
	text-align: left;
	}			
	
	
#loadarea2  {
	float: left;
	width: 433px;
	height: 398px;
	background-image: url(images/local_attractions_map.jpg);
	margin-bottom: 20px;
	padding-top: 20px;
	padding-left: 20px;
	}	
	

#gallery_row {
	height: 170px;
	}
	
#gallery1 {
	float: left;
	width: 180px;
	margin-right: 15px;
	}	
	
#gallery_image {
	width: 180px;
	height: 120px;
	margin-bottom: 3px;
	}
	
#gallery_text {
	text-align: center;
	margin-bottom: 20px;
	width: 180px;
	font-size: 90%;
	height: 20px;
	}		
	
			

/* menu systems
-------------------------- */

#modernbricksmenu{
	padding: 0;
	height: 24px;
	margin-left: 0px;
	margin-right: 4px;
	width: 950px;
	text-align: center;
	}

#modernbricksmenu ul{
	font:  11px Arial;
	margin:0;
	padding: 0;
	list-style: none;
	}

#modernbricksmenu li{
	display: inline;
	margin: 0;
	padding: 0;
	}

#modernbricksmenu a{
	float: left;
	color: white;
	height: 24px;
	text-decoration: none;
	letter-spacing: 1px;
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	}	

#modernbricksmenu a:hover{
	color: #000;
	font-weight: bold;
	}
	
.noline {
	border-left: 0px;
	padding: 2px 9px 0px 0px;
	height: 24px;
	text-decoration: none;
	letter-spacing: 1px;
	text-align: center;	
	}
	
.noline a{
	color: #000;
	}

.noline a:hover{
	color: #000;
	}
	
.line {
	border-left: dotted 1px #fff;
	padding: 2px 6px;
	height: 24px;
	text-decoration: none;
	letter-spacing: 0px;
	text-align: center;
	}		
	
.line a{
	color: #000;
	}

.line a:hover{
	color: #000;
	}
	
#footer_menu{
	padding: 12px 0px 0px 0px;
	height: 24px;
	margin: 1px 0px 0px 0px;
	background-color: #FFFFFF;
	width: 950px;
	text-align: center;
	border-bottom: 1px solid #fff;
	}

#footer_menu ul{
	font:  11px Arial;
	margin:0;
	padding: 0;
	list-style: none;
	}

#footer_menu li{
	display: inline;
	margin: 0;
	padding: 0;
	}

#footer_menu li a{
	color: #000033;
	height: 24px;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 100%;
	padding: 6px 13px 3px 13px;
	}	

#footer_menu a:hover{
	color: #000;
	font-weight: bold;
	}
	
#sub_footer_menu {
	height: 2px;
	width: 950px;
	background-color: #fff;
	margin: 1px 0px 0px 0px;
	}				

	

/* end menu systems
-------------------------- */	

/* Links
-------------------------- */
a, a:link, a:active {
	color: #FFCC00;
	/* border-bottom: 1px solid #AE1010; */
	text-decoration: none;
	}
a:hover {
	color: #FFFF33;
	/* border-bottom: 1px solid #333; */
	}
	
	

										
	


/* style features
-------------------------- */		
.boldlarge {
	font-size:160%;
	font-weight: bold;
	}
.clearFloat/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
   {
  clear: both;
  display: block;
}

#introduction {
	width: 950px;
	padding: 5px 0px 5px 0px;
	font-size: 10px;
	margin: 0 auto 0 auto;
	color: #fff;
	text-align: center;
}

#introduction h1 {
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	}
	
.cf_element {
	width: 940px;
	height: 300px;
}
.cf_wrapper {
	width: 940px;
	height: 300px;
	border: solid 5px #fff;
	margin-bottom: 5px;
}
	#content {
	}
.boldlargeyellow {
	font-size:160%;
	font-weight: bold;
	color: #FFCC00;
}
.tariff_special_offer_boxes {
	margin: 0px;
	width: 580px;
	background-color: #7EB5CE;
	padding: 10px;
	color: #02264C;
}
.style1 {
	font-size: 10pt;
	font-weight: bold;
}