/*  
Website: http://alliancetitlefl.com
Name: Alliance Title Fl
Description: CSS-powered static website, designed and hosted by Artemis Inc.
Version: 1.0
Author: Jefte Puente
Author URI: http://www.artemisit.com
Comments:	A two column layout, Nav across top
			This stylesheet is best viewed without word wrapping.
*/

/* Structure */
#page { margin: auto; padding: 0; width: 760px; border: 1px solid #84AFD9; background-color: white; }
body { font-size: 62.5%; font-family: 'Lucida Grande', Arial, Helvetica, Sans-serif; margin: 0; }
.lColContent p { padding-left: 20px; }
ul { font-size: .9em; margin-top: 0;}

/* The header and footer */
.head{border-bottom: 0px solid #fff; width: 760px; display:block; color:#fff; padding: 0px; font-size:30px; background: #000;}
.foot{ margin: auto; display:block; background:#2E7CA2; color:#fff; text-align: left; padding: 5px; padding-right: 30px; text-align: center;}

/* An outer container div, that center aligns on page through auto margins */
#outer { margin: auto; width: 760px; } 

/*  creates borders that act as Background colors for divs above it */
#container { float: left; position:relative; display:block; background:#FFFDF8; border-right:200px solid #B2CCE7; display: block; padding-bottom: 5px; margin:0;}
#right {float:right; position:relative; width:200px; margin-right:-200px; display:inline; }
#columnL { width: 100%; padding: 0px; }
#homecolumnL { display: block;}
#columnR {color: #111; margin-left: 0px; padding: 0px; }
#shade {background: url("images/bg.gif"); background-position: top center; background-repeat: repeat-y; width: 790px; margin: auto;}

.rColContent { padding: 8px; margin: 0px; }
.lColContent { margin: 0;}

#blokContainer { display: block; overflow: hidden; float: left; width: 100%; }
#newsblok { display: block; width: 275px; float: left; margin: 0;}
#newsblok h3 { margin: 15px 10px 10px 15px;}
#newsblok li { font-size: 12px; padding: 0 0 10px 0; margin-left: -10px;}
#loginBlok { display: block; width: 265px; float: left; margin: 0; padding: 0 4px 4px 4px; margin-left: 5px; }
#loginBlok h3 { margin: 15px 10px 10px 0px;}
.clear {clear:both; height: 1px; overflow:hidden;}
.bodyhead {padding: 20px; }
.map { float: right; margin-right: 20px; border: 1px solid #666;}
.map p { padding: 2px; font-size: .9em; }


/* Fonts Paragraphs Headlines etc*/
img { border: 0;}
h1 { display:none } 
h2 { margin-left: 0px; margin-bottom: 10px; margin-top: 0; font-size: 1.8em; margin-bottom: 10px; } 
h3 { margin-left: 10px; margin-top: 15px; font-size: 1.5em; margin-bottom: 10px; } 
h4 { margin-left: 10px; margin-top: 5px; font-size: 1.3em; margin-bottom: 10px; } 
h5 { background: #f3f3f3; padding: 5px; display: block; width: 95%; font-size: 1.8em; margin-left: 8px; margin-bottom: 8px;}
hr { display:none; }
.hr { height: 1px; margin-left: 10px; margin-top: 8px; margin-bottom: 8px; width: 95%; border-bottom: 1px dashed #D4D5D8; text-align: center; padding: 0; }
.bodyhead { padding: 0 10px 0 10px; }
p { font-size: 1.3em; line-height: 145%; margin-top: 0; margin-bottom: 0;}

/* Misc Classes */
.altrow { background-color: #CCCCCC; }
.price { display:block; text-align: right; width: 150px; float: left; }
.altp { background-color: #F6F7FB; padding: 10px;}
.altp2 { padding: 20px; }
.indent30 { margin-left: 30px; }
.indent15 { margin-left: 15px; }
.costs { float: left; margin-left: 10px; margin-right: 10px; }
div.spacer { clear: both; }

/* Forms - No more tables! */
label,input {display: block; width: 250px; float: left;	margin-bottom: 10px; }
label {	text-align: right; width: 175px; padding-right: 20px; }
form, br { clear: left; }
.submit { width: 50px; margin: auto; background-color: white; border: 1px solid brown; margin-right: 10px; }
#submit { margin-left: 100px;}
#form { margin-bottom: 20px; }

/* Lists */
.lColContent li { padding-top: 5px; font-size: 1.2em; font-family: 'Lucida Grande', Arial, Helvetica, Sans-Serif; margin: 0px; line-height: 145%;}

/* Tables */
table { background-color: #f5f5f5; border: 0;}
td { font-size: 1.1em; padding: 5px;}
tr.altrow { background-color: #e5e5e5; }

/* Links */
a:link { color: #2E7CA2; }
a:visited { color: #E29F00; }
a:hover { color: red; }
#footerlink { color: #B2CCE7;}
.toplink {font: 8px; float: right; margin-right: 20px;}
.dirlink {font: 8px; float: right; margin-right: 20px;}


/* mainNavlist */
#navShade {height: 34px; background: url("images/navbg.gif"); background-position: bottom left; background-repeat: repeat-x; }
#navShadeh {height: 220px; background: url("images/bd_service.jpg"); background-position: bottom left; }
#navShadeh2 {height: 220px; background: url("images/bd_service2.jpg"); background-position: bottom left; border-bottom: 4px solid #EBF1F1; }
#navShadeh3 {height: 220px; background: url("images/bd_service3.jpg"); background-position: bottom left; border-bottom: 4px solid #EBF1F1; }
#navShadeh4 {height: 220px; background: url("images/bd_service4.jpg"); background-position: bottom left; border-bottom: 4px solid #EBF1F1; }
#navShadeh7 {height: 220px; background: url("images/bd_service7.jpg"); background-position: bottom left; border-bottom: 4px solid #EBF1F1; }


#navcontainer { float: left; margin: 0px; padding: 0; background: #2E7CA2; width: 100%; }
#navcontainer ul { width: 100%; float: left; border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#navcontainer ul li { width: 79px; float: left;display: block; text-align: center; padding: 0; margin: 0; }
#navcontainer ul li a { background: #2E7CA2;  height: 20px; padding: 3px 5px 3px 5px; margin: 0 0 0px; color: #fff; text-decoration: none; display: block; text-align: center; font: normal 10px/18px "Lucida Grande", Arial, Helvetica, sans-serif; }
#navcontainer ul li a:hover { color: #fff; background: #111350; }
#navcontainer a:active { background: #B2CCE7; color: #fff; }
#navcontainer li#active a { background: 11134C; color: #fff; }

/* footerNavlist */
#nav { color: white; }
ul#footerNavlist { width: auto; height: 20px; white-space: nowrap; text-align: center;  padding-top: 5px; margin-top: 0px; margin-bottom: 0px; }
#footerNavlist li { display: inline; list-style-type: none; }
#footerNavlist a:link, #footerNavlist a:visited { padding: 3px; color: #fff; background:#2E7CA2;  text-decoration: none;}
#footerNavlist a:hover { color: #fff; background:#3998C7;  text-decoration: none; }


/* LocationNavlist */
#locNav { background: #FFFDF8; padding-left: 0px; text-align:left;}
ul#locNavlist { height: 20px; white-space: nowrap; text-align: left; padding-top: 5px; margin-top: 0px; margin-bottom: 0px; margin-right: 30px; font: bold 10px/18px "Lucida Grande", Arial, Helvetica, sans-serif; list-style-type: none;}
#locNavlist li { display: inline; list-style-type: none; margin-right: 2px; }
#locNavlist a:link, #locNavlist a:visited { padding: 2px; color: #171078; background:#FFFDF8; text-decoration: none; }
#locNavlist a:hover { background:#EEF6FF; text-decoration: none; }

/* LocationNav2list */
.loc2Nav { overflow: hidden; float:left; position: relative; background: #FFFDF8; padding-left: 0px; text-align:left; }
table {	padding: 0px; margin: 0px; float: left; margin-right: 25px; margin-left: 5px; }
td { padding: 3px; margin: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-collapse: 1; width: 55px; }
ul.locNav2list { height: 120px; white-space: nowrap; text-align: left;  padding-top: 5px; margin-top: 0px; margin-bottom: 0px; margin-right: 10px; font: bold 10px/18px "Lucida Grande", Arial, Helvetica, sans-serif; }
.locNav2list li { display: block; 	list-style-type: none;	margin-right: 2px; width: 400px; }
.locNav2list a:link, .locNav2list a:visited { padding: 2px; color: #171078; background:#FFFDF8;  text-decoration: none; }
.locNav2list a:hover {  background:#EEF6FF; text-decoration: none; }

/* Images begin

	Using 'class="alignright"' on an image will align the image to the right. 
	And using 'class="centered', will of course center the image. This is much
	better than using align="center", being much more futureproof (and valid)              */
	
img.centered { display: block; margin-left: auto; margin-right: auto; }	
img.alignright {border: 1px solid #ccc; padding: 5px; margin: 0 25px 0px 10px; display: inline; }
img.alignleft {border: 1px solid #ccc; padding: 5px; margin: 0 10px 0px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/* End Images */


/* Agents styles */
#agents {}
#agents img.alignleft { margin-left: 10px; }