/*---------------------------------+
 | Site: Oceanfront Conveyancing   |
 +---------------------------------*/

 
@import url("reset.css");



/* Core layout 
======================================================================*/
body {background:url(../images/core/bg-repeat.jpg) repeat 0 0; font:11px Verdana, Arial, Helvetica, sans-serif; color:#867640;}
#container {background:url(../images/core/bg-top-repeat.jpg) repeat-x 0 0; text-align:center;}
#logo {margin:0 auto; width:500px; height:189px;}
#navigation {height:40px; width:950px; margin:0 auto;}

#flash-container {width:950px; height:310px; margin:0 auto; background:url(../images/core/flash.jpg) no-repeat 0 0; border-bottom:10px solid #fff; }
	#flash-testimonials {float:left; width:324px; padding:9px 0 0 0;}
		#flash2 {width:324px; height:160px; overflow:hidden;}
		
	#flash {float:left; width:605px; height:290px; overflow:hidden; margin:9px 0 0 0;}
	
#centering-container {width:950px; margin:0 auto; padding:20px 0 0 0;}
#content-container {padding:10px; margin:0 auto; background-color:#ecd78f; border-top:1px solid #c2ab5b; border-right:1px solid #c2ab5b; border-left:1px solid #c2ab5b;}
#content {border:1px solid #d4bc65; background-color:#fff3cb; padding:20px; text-align:left;}
#footer-brown { padding:13px 0 0 0; text-align:right; display:block; clear:both;}
#footer-blue {width:950px; height:40px; background:#179dba; border-bottom:2px solid #c8b05d;}
#footer {width:950px; margin:0 auto; padding:10px 0 20px 0; font-size:10px; color:#877847;}

.cta-container {width:220px; margin:0 0 0 25px; float:right;}
	.cta-container img {padding:0 0 20px 0;}
	
.cta-container-services {width:auto; margin:0 0 0 0; float:right; overflow:hidden; border:1px solid #cec29a;}
	.cta-container-services img {padding:0 0 0 0;}
	
.img-container-right {width:220px; margin:0 0 0 25px; float:right; border:1px solid #cec29a;}
	.img-container-right img {padding:0 0 0 0;}
	
.img-container-left {width:220px; margin:0 32px 0 0; float:left; border:1px solid #cec29a;}
	.img-container-left img {padding:0 0 0 0;}
	
.img-container-left-noborder {width:220px; margin:0 32px 0 0; float:left; }
	.img-container-left-noborder img {padding:0 0 0 0;}
	
/*.contact #content {height:1090px;}*/




/* Navigation layout 
======================================================================*/
ul.nav {list-style:none; width: 950px; height:40px; display: inline-block; clear: both;}
ul.nav li {float:left; height:40px; overflow:hidden;}
ul.nav li a {display:block; height:40px; text-indent:-9999px;}
ul.nav li a:hover {background-position:0 -40px!important;}

ul.nav li#home a {background: url(../images/nav/home.jpg) no-repeat 0 0; width: 85px;} 
ul.nav li#profile a {background: url(../images/nav/profile.jpg) no-repeat 0 0; width: 170px;} 
ul.nav li#services a {background: url(../images/nav/services.jpg) no-repeat 0 0; width: 314px;} 
ul.nav li#why a {background: url(../images/nav/why.jpg) no-repeat 0 0;width: 271px;} 
ul.nav li#contact a {background: url(../images/nav/contact.jpg) no-repeat 0 0;width: 109px;} 

.home ul.nav li#home a {background: url(../images/nav/home.jpg) no-repeat 0 0; background-position:0 -40px!important; width: 85px;} 
.profile ul.nav li#profile a {background: url(../images/nav/profile.jpg) no-repeat 0 0; background-position:0 -40px!important; width: 170px;} 
.services ul.nav li#services a {background: url(../images/nav/services.jpg) no-repeat 0 0; background-position:0 -40px!important; width: 314px;} 
.why ul.nav li#why a {background: url(../images/nav/why.jpg) no-repeat 0 0; background-position:0 -40px!important; width: 271px;} 
.contact ul.nav li#contact a {background: url(../images/nav/contact.jpg) no-repeat 0 0; background-position:0 -40px!important; width: 109px;} 

a {font-weight:bold; text-decoration:none; color:#179dba;}
a:hover {color:#0a6a81;}

#footer a {font-weight:normal; font-size:10px; color:#685824;}
#footer a:hover {color:#0a6a81;}



 /* Font Style
======================================================================*/
h1.cpost-title {font-size:24px; color:#554718; font-family:Arial, Helvetica, sans-serif; padding:0 0 10px 0; line-height:18px;}
h2 {color:#65b3d6; font-size:16px; font-family:Arial, Helvetica, sans-serif; padding:0 0 10px 0; font-weight:normal; line-height:18px;}
h3 {font-size:12px; font-style:italic; color:#a36800; padding:0 30px 15px 30px; line-height:18px;}
h4 {font-size:12px; font-weight:bold; color:#993300; padding:0 0 15px 0; line-height:18px;}
h5 {font-size:12px; color:#993300; padding:0 0 3px 0; border-bottom:1px solid #ecd78f; margin:0 0 5px 0;}
p {line-height:18px; padding:0 0 15px 0; }

#footer-brown ul {padding:0 0 0 220px;}
#footer-brown ul li {float:left; padding:0 0 0 0px; list-style:none !important;}

ul.list {padding:0 0 15px 15px;}
ul.list li {list-style:square; padding:0 0 15px 10px; line-height:18px;}

.home ul.list {
  width: 910px;
	display:block;
  margin: 0 0 0 0;
  padding: 0;
}

.home ul.list li {
  float: left;
  display: inline;
  width: 445px;
  margin: 0;
  padding: 0 0 0 10px;
  list-style: none;
  background: url('../images/core/index-bullet.png') 0 8px no-repeat;
}


/* Extras 
======================================================================*/
.blue-img {margin:0 60px 0 60px;}
.float-left {float:left;}

hr {border:none; margin:0; padding:0 0 15px 0; border-top:1px solid #ecd78f;}

ul.testimonials {padding:10px 0 10px 0;}
ul.testimonials li {
	padding:10px; 
	background:#f9ebb9 url(../images/core/quote.gif) no-repeat left top; 
	border:1px solid #ecd78f; 
	margin:0 0 20px 0; 
	text-indent:30px; 
	line-height:18px;
	}

.form-container {float:left; width:360px; border-right:1px solid #ecd78f;}
.quote-container {float:left; width:500px; margin:0 0 0 20px;}
#quote {background:#f9ebb9; padding:15px; border:1px solid #ecd78f; margin:0 0 15px 0;}




 /* Form Style
======================================================================*/

form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 120px;
	float:left;
}

form.form input, form.form select, form.form textarea {
	width: 200px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #179dba;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}

.nil {width:50px !important;}

#aciwa { float:right;}
#kelly {float:right;}