/* - - - - - - - - - - - - - - - - - - - - -
TITLE    :   NAKCSS FRAMEWork VERSION 3
AUTHOR   :   Manu Goenka
URL      :   http://nakulsoft.com
- - - - - - - - - - - - - - - - - - - - - - 
Variable Defination

.textleft      =     Aligns Text to Left
.textcenter    =     Aligns Text to Center
.textright     =     Aligns Text to Right
.bg            =     Background Style
.fc            =     Font Color Style
.fs            =     Font Size Style
- - - - - - - - - - - - - - - - - - - - - */

/* Clearfix Starts Here */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;}

.clearfix {
    display: inline-block;}

html[xmlns] .clearfix {
    display: block;}

* html .clearfix {
    height: 1%;}
/* Clearfix Property ends Here */
/* Global Form Styles */

form{
margin: 0;
padding: 0;}

/*  --- Global Form Styles  -- End HERE */

/* Global Reset Styles Starts */

*{	margin:0;
	padding:0;}
img{
	margin:0;
	padding:0;
	border:none;
}
/* Global Reset Styles End */

body {	
	color:#000;
	background:#adcfe9 url(img/bg_body.jpg) repeat-x top;
	font-size:14px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;}
a{	color:#001b37;
	text-decoration: none;}


a:active { outline: none; 
			color:#001b37;}

a:hover{
	color:#000;
	text-decoration:underline;
	outline: none;}
a img {border: 0;}


/* Heading Styles Starts */
h1{font-size:23px;}
h2{font-size:21px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}
h1,h2,h3,h4,h5,h6{line-height:120%;}
/* Heading Styles Ends */
/* Para Styles Starts */
/* Para Styles Starts */
/* Layout Styles Starts */				


#nakainer{
width:100%;}
		#nakainer_inner{			
		   width:960px;
		   margin:auto;}
  
		   
#header{
	height:149px;}
	
#header_left{
			float:left;}
#logo{
	background:url(img/logo.png) no-repeat top left;
	width:405px;	
	margin:38px 0 0 36px;
	}
	#logo a{
		height:33px;
		display:block;}	
		#logo a span{
			display:none;}
#headerurl{
	width:250px;
	margin:18px 0 0 155px;}
	#headerurl p{
		font-size:14px;
		color:#fff;
		font-weight:bold;}
		#headerurl img{
			margin:0 0 0 15px;}
				
#header_right{
			float:right;}	
	#topmenu{
			float:right;
			height:17px;
			padding:5px 0;
			margin:0 35px 0 0;}					
					#topmenu ul{
						list-style:none;
						display:inline;}
							#topmenu ul li{				
							display:inline;
							font-size:12px;
							font-family:Verdana, Geneva, sans-serif;							
							line-height:14px;
							border-right:solid 1px #FFF;		
							padding:0 12px;}
								#topmenu ul li a{															
									color:#fff;
									font-weight:bold;
									text-decoration:none;}																	
										#topmenu ul li a:hover{						
											color:#a1bfe3;
											text-decoration:none;}
	#header_key{
		width:389px;
		margin:40px 35px 0 0;
		background: url(img/your_key_to_guam_properties.png) no-repeat bottom left;
		min-height:78px;
		height:auto !important;
		height:78px;}
		#header_key h2{
			font-family:Times New Roman, Times, serif;
			font-size:25px;
			font-style: italic;
			color:#d6f408;
			padding:50px 0 0 0;}
			
					
#pagearea{ 
	width:930px;
  background:#FFF url(img/bg_pagearea.jpg) repeat-x left top;
  padding:0 15px 15px 15px;}
  
	 #banner{
		   height:260px; 
			position:relative;}
				#banner_image{
						position:absolute;
						top:-20px; 
						left:13px;
						width:885px;
						border:#fff 7px solid;
						height:275px;
						overflow:hidden;}                  
							
#primary_content{
	padding:15px 0 100px 15px;
	min-height:500px;
	height:auto !important;
	height:500px;
	}

#primary_content h3{
	color:#000; font-size:18px; line-height:30px;
	padding:0px 0px 5px 0px;
	margin:0 0 5px 0;}
	
	#primary_content ul{
		margin:0 0 0 15px;}


.sublinks{
			margin:0 0 20px 0;
			border-bottom:solid 1px #555;
			padding:15px 0;	
						}	

				.sublinks ul{
						list-style:none;
						display:inline;	
						text-align:left;
						margin:0;
						}
				.sublinks li{
						list-style:none;
						display:inline;
						font-size:12px;
						line-height:14px;
						padding:0px 19px 0px 19px;
						margin:0px;
						border-left:solid 1px #000;}
				.sublinks li a{
						color:#02376b;}
#home_page_tip{
	background:url(img/bg_tip_of_week.png) no-repeat left top;
	margin:15px 0 0 0px;
	height:61px;
	display:none;
	
	}
	#home_tip_left{
		float:left;
		width:170px;
		padding:10px 0 0 15px;}
		#home_tip_left h3{
			font-size:15px;
			line-height:20px;
			font-family:Verdana, Geneva, sans-serif;}
	
	#home_tip_mid{
		float:left;
		width:540px;
		padding:20px 0 0 15px;
		}
	
	#home_tip_right{
		float:right;
		padding:20px 15px 0 15px;
		width:150px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;}
		#home_tip_right a{
			float:right;
			color:#32446b;}
				#home_tip_right a:hover{
					text-decoration:underline;}
			
	
	

#homepage_midblock{
	margin:20px 0 0 0px;
	background:#91b8de;
	padding:10px;}
	
	
#flag_shareblock{
		height:25px;
		margin:0 0 10px 0;}
		#guam_flag{
			float:left;}
			#guam_flag p{}
			#guam_flag p span{
				padding:0 0 10px 10px;}
		
		#share_block{
			float:right;}
			
			
#homewelcome_block{
		padding:20px 15px;
		width:460px;
		float:left;
		height:300px;
		background:#001b37;}
		#homewelcome_block h3{			
			color:#fff;
			font-size:18px;
			line-height:25px;
			padding:0px 0 8px 0;
			border-bottom:2px solid #ebf90c;}
			#homewelcome_block p{
				color:#ffffff;}
				#homewelcome_block p span{
					font-size:20px;
					font-style:italic;
					line-height:25px;color:#ffffff;}
			#homewelcome_text{
				width:290px;
				float:left;}
				#homewelcome_text a{color:#ffffff;}
					#homewelcome_text a:hover{color:#ffffff;
					text-decoration:none;}	
				
		
		
#homesearch_block{
		width:410px;
		padding:0px 0px;
		float:right;
		height:340px;
		background:#5c84c3;}
		 #homesearch_block p{
			 padding:10px 0 0 0;
			 color:#fff; font-size:18px; line-height:22px;}		 
		 	#homesearch_block p a{
				color:#fff; font-size:18px; line-height:25px; text-decoration:underline;}
				#homesearch_block p a:hover{text-decoration:none;}
			#homesearch_block_top{
				padding:10px 15px;
				height:30px;
				background:#001b37;}
				#homesearch_block_top h3{
					color:#d6f408; font-size:17px; line-height:20px; padding:5px 0 0 0;}
			
			#homesearch_block_left{
				width:230px;
				float:left;
				padding:15px 0 0 20px;}
				
				#homesearch_block_left ul{
					width:195px;}
					#homesearch_block_left ul li{
						list-style:none;											
						text-decoration:none; }
						#homesearch_block_left ul li a{
						color:#2e3231;
						display:block;
						font-size:16px;
						font-weight:bold;
						background:url(img/bg_menu_search_properties.jpg) repeat-x;
						padding: 14px 10px 5px;
						height:20px;	
						width:160px;	
							}
							#homesearch_block_left ul li a:hover{
								background:url(img/bg_menu_hover_search_properties.jpg) repeat-x;}
			
				
			
			#homesearch_block_right{
				float:left;
				padding:15px 0 0 0px;}
				
			

#teaser_block{
		margin:35px 0 0 0;}					
			#teaser_block ul{						
						list-style:none;
						display:block;}						
					#teaser_block li{
						list-style:none;
						display:block;
						width:290px;
						float:left;						
						margin:0 30px 0 0;
						background:#cfdd28;}
							#teaser_block li h2{
								text-align:center;
								padding:0px 0 5px 0;
								margin:0;}					
							#teaser_block li a{
							color:#080b00;}					
								#teaser_block li a:hover{
									color:#fff;
									text-decoration:none;}






#footer{
	margin:35px 0 0 0;
	background:#adcfe9 url(img/bg_footer.jpg) no-repeat bottom left;
	padding:15px;}	
	#footer_contacts{		
		text-align:center;
		background:#adcfe9;
		color:#0a245f;
		margin:0px 0 20px 0;}
			#footer_contacts h3{
				font-size:18px;
				line-height:25px;}
				#footer_contacts span{
					margin: 0 5px 0 5px;}
	
	#footer_links{
		min-height:306px;
		height:auto !important;
		height:306px;}
		#footer_links ul{					
					float:left;
					margin:85px 0 0 0;
					width:19%;
					padding:0px 5px 0px 0px;}
				#footer_links li{
					list-style:none;
					font-size:12px;
					line-height:14px;
					margin-bottom:1px;}
						#footer_links li a{
							color:#fff;
							text-decoration:none;}
								#footer_links li a span{
									font-size:13px;
									font-weight:bold;}
									#footer_links li a:hover{
											color:#fff;
											text-decoration:underline;}
	
.home_button{
	background:#d8e70e;
	width:120px;
	padding:4px;
	text-align:center;}
	.home_button a{
		color:#151120;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;}
			.home_button a:hover{color:#fff;}
	

#copyrights_block{
	padding:8px 0 10px 0;
	text-align:center;
	font-size:10px;}						
				
	#copyrights_block ul{
		}	
		#copyrights_block ul li{
			list-style:none;
			display:inline;
			line-height:18px;
			font-size:10px;
			font-weight:normal;
			border-right:#000 1px solid;
			padding:0px 15px;}
			
			#copyrights_block ul li a{
				color:#000;}
			
				#copyrights_block ul li a:hover{
					color:#000;
					text-decoration:underline;}
			

#menu{	
	padding:0;
	position:relative;
	margin:15px 0 0 0px;
	background:#3f5e8c url(img/bg_menu.jpg) repeat-x;
	height:59px;
	font-family:Verdana, Geneva, sans-serif;}
	.pmenu {
	position:relative;	
	z-index:1;
	float:left;
	margin:0;	
	}
	
	
/* Get rid of the margin, padding and bullets in the unordered lists */
.pmenu, .pmenu ul,.pmenu, .pmenu li {
	padding:0;
	margin:0px;
	list-style: none;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;}

/* Set up the link size, color and borders */

.pmenu a, .pmenu a:visited {
	display:block; 
	float:left;
	text-decoration:none;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	line-height:20px;
	padding:10px 24px 10px 10px;
	margin:0;}


/* Set up the sub level borders */
.pmenu li ul li a, .pmenu li ul li a:visited {
border-bottom:1px solid #A6CCDD;
width:190px; 
background:#223c5f;
height:auto !important;
padding:5px 10px;
margin:0 0px 0 0;
color: #fff;
text-align:left;
font-size:14px;
line-height:20px;
font-weight:bold;
}

.pmenu li a.enclose, .pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
.pmenu li {float:left;}
/* For Non-IE browsers and IE7 */
.pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
.pmenu li:hover > a {color:#d8e70e;  text-decoration:none; background:url(img/bg_menu_hover.jpg) repeat-x;}

.pmenu li li:hover > a {background:#E5F0F6; color:#000; text-decoration:none;}

.pmenu li li:hover > a:hover {background:#E5F0F6; color:#000; text-decoration:none;}

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
.pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
.pmenu li:hover > ul {display:block; position:absolute; top:-21px; left:180px; padding:5px 30px 30px 30px; background:transparent url(transparent.gif); width:150px;}
/* Position the first sub level beneath the top level liinks */
.pmenu > li:hover > ul {left:-31px; top:55px;}
.pmenu > li:hover > ul  li:hover > ul {left:180px; top:0px;}

/* get rid of the table */
.pmenu table {position:absolute; border-collapse:collapse; top:-19px; left:-13px; z-index:100; font-size:1em;}
.pmenu table table {top:10px;}

/* Common Styles Here */
.floatleft{float:left;}
.floatright{float:right;}
.fc1{color:#0a245f;}
.fc2{color:#902511;}
.fc3{color:#B2CFEF;}
.fs1{font-size:20px; line-height:30px;}
.fs2{font-size:15px; line-height:20px;}
.margin_left{margin:0 0 0 15px;}
.margin_left1{margin:0 0 0 6px;}
.website-map ul li{
line-height:23px;
}
.profile_photo{
	border:1px solid #848586;
	padding:3px;
	margin-bottom:5px;}
.submit { border: 0; width: auto; background:#5174aa; color:#fff; padding:3px; font-weight:bold; }

.submit:hover, .submit:active { border:0; background:#5174aa; color:#000;  }

.radio { background: none; border: 0; }	
	
