

/* -------------------------------------
/*  Casa Bella Property Management
	Created by AtHomeNet
	UPDATED: 4.1.2013
/* -------------------------------------*/


/* -------------------------------------
/*  Reset Values
/* -------------------------------------*/

*/
* {padding: 0; margin: 0;}

html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0;padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size:1em;font-weight:normal;font-style:normal; }
body { line-height:1; } 
blockquote, q { quotes:none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } 
:focus { outline: 0; } 
fieldset,img { border:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing: 0; }
ins { text-decoration:none; } 
del { text-decoration:line-through; }



/* 
   HTML and Body Styling
------------------------------------------------------------------- */
body {margin:0 auto;line-height:1em;width:100%;}
body {background:#ddd url(images/casa-bella-container-bg.jpg) repeat-x top left;}




/* 
   Floats and Clears 
------------------------------------------------------------------- */
.left {float:left;}
.right {float:right;}
.clear {clear:both;height:0px;font-size:0px;line-height:0px; }
.clearer {clear:both;display: block;font-size:0;line-height:0;}
.clearFix:after {content: ".";display: block;height:0;clear:both;visibility:hidden;}



/* 
   Typography Baseline Values
------------------------------------------------------------------- */

body,p,table,td,th,ul,ol,textarea,input { font-family: 'Open Sans', sans-serif; }
h1,h2,h3,h4,h5,h6 {font-family: 'Open Sans', sans-serif;}

h1 {font-family: 'Archivo Narrow', sans-serif;font-weight:400;font-size:2.2em;letter-spacing:-1px;color:#480411;margin-top:0px;margin-bottom:10px;line-height:100%;}
h2 {font-family: 'Droid Sans', sans-serif;font-weight:400;font-size:1.3em;color:#333;margin-top:10px;margin-bottom:15px;line-height:100%;}
h3 {font-family: 'Cinzel', serif;font-weight:600;font-size:1.2em;color:#480411;margin-bottom:10px;line-height:100%;}
h4 {font-family: 'Open Sans', sans-serif;font-size:0.90em;color:#480411;font-weight:600;}
h5 {font-family: 'Open Sans', sans-serif;font-size:0.87em;font-weight:300;color:#666;}
h6 {font-family: 'Open Sans', sans-serif;font-size:0.77em;font-weight:300;color:#333;}
h4, h5, h6 {margin-top:5px;margin-bottom:10px;line-height:100%;}
h1,h2,h3,h4,h5,h6 {background-color:transparent;text-align:left;}

p { font-size:12px;margin-bottom:15px;text-align:left;color:#666;letter-spacing:0px;line-height:18px;font-weight:300; }
p.intro { font-weight:800; }
p.colored { font-weight:400;background:#ececec;padding:5px;color:#ff2408;line-height:18px;margin-left:25px;border-left:2px #ccc solid;border-right:2px #ccc solid;width:90%;margin-bottom:25px;}
.bold {font-weight:800;}

em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }
ul { margin-bottom: 18px; }
ol { margin-bottom: 18px; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }


/* 
   Default Values
------------------------------------------------------------------- */
a:link {color: #480411;text-decoration:none;font-weight:600;}
a:visited {color: #480411;text-decoration:underline;font-weight:600;}
a:focus {color: #480411;text-decoration:underline;font-weight:600;}
a:active {color: #480411;text-decoration:underline;font-weight:600;}
a:hover {color: #666;text-decoration:underline;font-weight:600;}



/* 
   Layout Structure Elements 
------------------------------------------------------------------- */
#casabella-wrapper {background:transparent;width:1024px;height:100%;padding-top:20px;}
#casabella-shell {background:#fff;height:auto;width:1024px;margin-top:-5px;}
#casabella-content {width:1004px;padding:10px 5px 5px 5px;height:auto;text-align:left;background:#fff;min-height:600px;}
#casabella-footer {width:1024px;height:auto;background:transparent;}



/* 
   Header Elements
------------------------------------------------------------------- */
.casabella-header {width:1024px;height:412px;background:#fff url(images/casa-header-bg.png) no-repeat top left;}
.casabella-header .casabella-logo {margin:0 auto;height:112px;width:538px;background:transparent;padding:10px 0 0 110px;}



/* 
   Centered Horizontal Nav Menu CSS
------------------------------------------------------------------- */
/* For this to Work the #ListMenu needs to be wrapped in an outside ID Div */
#casabella-nav-bar {width:1024px;height:40px;background:#fff;margin:0 auto;}


/* Below are the controls you will need to over-write Classic CSS */
div#listmenu {background-color:transparent;font-family: 'Oswald', sans-serif;border:0;}
div#listmenu ul {text-align:center;list-style-type:none;margin-top:10px;padding-left:0;}
div#listmenu li {float:none;display:inline;background-color:transparent;border-right:0;border-left:0;font-family: 'Cinzel', serif;}
div#listmenu li:first-child {border-left:0;}
div#listmenu li:hover {background-color:transparent;border:0;}
span.spacer:hover {background-color:transparent;border:0;}

/* This is Over Writing the Classic CSS which makes this a Block Element, We might need to fix Classic CSS but for now this will work */
div#listmenu a, div#listmenu .text-menu-item {display:inline;}


/* All Links and States Must be Observed */
/* Colors, Fonts, Padding can all chnage depneding on Website Layout */
div#listmenu a:link, div#listmenu a:visited, div#listmenu a:focus {padding:8px 10px 4px 4px;text-decoration:none;color:#480411;font-weight:300;text-transform:uppercase;font-size:1.3em;font-family: 'Cinzel', serif;}
div#listmenu a:hover {color:#000;}


/* Drop Down Controls */
/* Be Wary of the Negative Left Margin Here */
div#listmenu ul li ul {text-align:left;margin:0 0 0 -0.063em;}
div#listmenu ul li ul li {float:left;background:transparent url(images/transparent-black-90.png) repeat top left;width:230px;padding:0.500em;border:0;margin:0 0 0.083em 0;}
div#listmenu ul li ul li:hover {background:transparent url('images/transparent-black-90.png') repeat 0 0;border-bottom:0px #bbae91 solid;}
div#listmenu ul li ul li:first-child {border-top:0px #bbae91 solid;}

/* Again All links and States Must Be Observed */
/* Colors, Fonts, Padding can all chnage depneding on Website Layout */
div#listmenu ul li ul li a:link, div#listmenu ul li ul li a:visited, div#listmenu ul li ul li a:focus {color:#dfae14;font-weight:300;font-size:0.97em;font-family: 'Cinzel', serif;}
div#listmenu ul li ul li a:hover {color:#fff;}





/*
   Content Controls
------------------------------------------------------------------- */
#casabella-content {text-align:left;}
#casabella-content h3 {text-align:left;}
#casabella-content img.arrow-pad {padding-bottom:5px;}

/* UL or OL List in Content Areas */
#casabella-content ul {list-style:disc;}
#casabella-content ul li {text-align:left;padding-bottom:8px;}

/* Block Quote */
#casabella-content blockquote {margin:1.6em 0 1em 1em;float:right;width:300px;text-align:right;color:#480411;}
#casabella-content p.quoteBody {margin:0;color:#480411;font-size:1.3em;}	
#casabella-content p.quoteCite {font-weight:600;text-align:right;}






/* 
   Home Page Elements
------------------------------------------------------------------- */

.casabella-content-full {width:1004px;height:auto;overflow:auto;}
.casabella-content-hp-full {width:auto;height:auto;overflow:auto;margin-top:15px;}
.casabella-hp-1 {float:left;width:511px;height:auto;overflow:auto;}
.casabella-hp-1 ul li, .casabella-hp-1 ol li {text-align:left;margin-bottom:10px;letter-spacing:0px;font-size:12px;line-height:18px;font-weight:300;color:#666;}
.casabella-hp-2 {float:left;width:468px;height:auto;min-height:480px;overflow:auto;margin-left:25px;background:transparent url(images/casa-bellat-homepage-img-comp.jpg) no-repeat top left;}

.cta-1 {float:left;margin:360px 1px 1px 100px;width:315px;}

.request-btn-cta {display:block;width:266px;height:49px;background: url(images/hp-cta-btns.png) bottom;text-indent:-99999px;}
.request-btn-cta:hover {background-position: 0 0;}


/* Services Box */
.casabella-services-box {}
.casabella-service {border-bottom:#eee 1px dotted;height:auto;width:300px;overflow:hidden;margin-bottom:10px;float:left;margin-left:20px;}
span.casabella-service-img {float:left;width:290px;height:150px;background:#eee;}
span.casabella-service-text {float:left;margin:20px 0 0 0px;padding:3px;width:280px;}
span.casabella-service-text h3 {font-size:1.3em;}
span.casabella-service-text  { font-size:0.87em;margin-bottom:15px;text-align:left;color:#666;letter-spacing:0px;line-height:18px;font-weight:300; }
ul.casabella-service-list {padding-top:10px;}


/* Why Choose Us Box */
.casabella-why-choose-us {background:transparent url(images/why-choose-us-box-bg.png) no-repeat top left;width:1004px;height:auto;margin-top:25px;margin-right:10px;}
.casabella-why-choose-us h3 {color:#480411;font-size:1.2em;}
.casabella-why-choose-us p {width:80%;}
.casabella-why-choose-us ul {width:80%;}
.casabella-why-choose-us ul li {}
.casabella-why-choose-us ul {display:block;list-style:disc;}
.casabella-why-choose-us ul li {text-align:left;margin-left:20px;font-size:0.87em;color:#333;line-height:22px;font-weight:300;}
.casabella-why-choose-us ul li a:link, .casabella-why-choose-us ul li a:visited, .casabella-why-choose-us ul li a:focus {font-size:0.87em;text-decoration:underline;}
.casabella-why-choose-us ul li a:hover {color:#666;font-size:0.87em;text-decoration:none;}
.casabella-why-choose-us ol {display:block;}
.casabella-why-choose-us ol li {text-align:left;margin-left:20px;font-size:0.82em;color:#333;line-height:22px;font-style:italic;}
.casabella-why-choose-us ol li a:link, .casabella-why-choose-us ol li a:visited, .casabella-why-choose-us ol li a:focus {font-size:0.87em;text-decoration:underline;}
.casabella-why-choose-us ol li a:hover {color:#666;font-size:0.87em;text-decoration:none;}
.casabella-why-choose-us .choose-us-action {margin:1px 1px 1px 5px;float:left;width:70%;}
.casabella-why-choose-us div.choose-us-action a:link, div.casabella-why-choose-us .choose-us-action a:visited, div.casabella-why-choose-us .choose-us-action a:focus {color:#480411;font-weight:800;}
.casabella-why-choose-us div.choose-us-action a:hover {color:#000;}


.casabella-why-choose-us .choose-us-btn {text-decoration:none;color:#fff;background-color:#480411;padding:8px;text-transform:uppercase;font-size:1.2em;font-weight:600;font-family: futura-pt-1,futura-pt-2, Helvetica, Arial, sans-serif;text-align:center;border:0;-webkit-border-radius:10px;border-radius:10px;width:240px;margin:1px 1px 1px 255px;}
.casabella-why-choose-us .choose-us-btn a:link:after, .casabella-why-choose-us .homeown-btn a:visited:after, .casabella-why-choose-us .homeown-btn a:focus:after, .casabella-why-choose-us .homeown-btn a:active:after {content: '\25b8';}
.casabella-why-choose-us .choose-us-btn a:hover:after {content: '\25b8';}
.casabella-why-choose-us .choose-us-btn a:link, .casabella-why-choose-us .choose-us-btn a:visited, .casabella-why-choose-us .choose-us-btn a:focus {color:#fff;}
.casabella-why-choose-us .choose-us-btn a:hover {color:#fff;text-decoration:none;}
.casabella-why-choose-us .choose-us-btn:hover {color:#fff;background-color:#666;border:0;}


/* Client Testimonials */
.casabella-client-testimonials {background:transparent;margin-top:25px;width:1000px;padding-left:10px;}
p.casabella-quote-text {font-weight:300;font-family: 'Oswald', sans-serif;font-size:1.1em;color:#333; }
p.casabella-quote-client {font-weight:600;font-size:1.5em;color:#480411;float:right;padding-right:20px;}



/* 
   Interior Page (Custom Page) Elements
------------------------------------------------------------------- */

/* 2 Column CSS */
.casabella-int-1 {float:left;width:511px;height:auto;overflow:auto;}
.casabella-int-2 {float:left;width:468px;height:auto;overflow:auto;margin-left:15px;}



/* CTA Button */
a.request-btn {text-decoration:none;color:#fff;background-color:#480411;padding:7px;text-transform:uppercase;font-size:.97em;font-weight:600;letter-spacing:0.16em;text-align:center;border:0;-webkit-border-radius: 5px;border-radius: 5px; }
a.request-btn a:link {color:#fff;}
a.request-btn:hover {color:#fff;background-color:#333;border:0;}




/* 
   Registration Page Page Elements
------------------------------------------------------------------- */
.eformfree {}
.eformfree {margin:1px 5px 5px 10px;padding:5px;width:96%;height:auto;}
.eformfree table {border-collapse:collapse;border-spacing:0pt;}
.eformfree th {border:none;font-size:0.77em;padding:5px 5px 5px 5px;line-height: 1.0;color:#2485d4;} 
.eformfree td {border-top:0;border-right:0;border-bottom:0;border-left:0;font-size:0.77em;padding:3px;line-height:1.0;}
.eformfree .padheight {padding-bottom:10px;border:0px;}
.eformfree input {border:1px #ccc solid;padding:5px;}
.eformfree select {border:1px solid #ccc;background-color:#dddddd;padding:5px;width:365px;}
.eformfree td.line-height {letter-spacing:0px;color:#444;border-top:#ccc 1px dotted;border-bottom:#ccc 1px dotted;}
.eformfree .formField {margin-top:3px;border:3px #ccc solid;}
.eformfree .checkbox {font-weight:300;}
.eformfree .submitButton {font-size:1.1em;border:3px solid #ccc;background-color:#2485d4;padding:5px 12px;color:#fff;float:right;margin-right:5px;}
.eformfree .submitButton:hover {background-color:#2485d4;cursor:pointer;cursor:hand;}
.eformfree p.register-intro {color:#333;font-size:1.0em;}



/* 
   Content Bottom BG
------------------------------------------------------------------- */
.casabella-bottom-content-bg {width:1024px;height:54px;margin-bottom:20px;background:transparent;}



/* 
   Footer Elements
------------------------------------------------------------------- */
#casabella-footer p {color:#480411;font-size:11px;line-height:110%;text-align:center;margin-bottom:5px;width:100%;}
#casabella-footer strong {font-weight:800;}
#casabella-footer ul.ft-social-list {display:line;list-style:none;width:500px;margin:0 auto;}
#casabella-footer ul.ft-social-list li {line-height:21px;float:left;padding-top:15px;padding-right:10px;padding-bottom:15px;}
#casabella-footer a:link, #casabella-footer a:visited, #casabella-footer a:focus {color:#480411;font-weight:normal;}
#casabella-footer a:hover {color:#333;}


/* 
   Widgets and UPPED Elements
------------------------------------------------------------------- */
#ahn-bottom-content {background:transparent;}
.ahn-feature-title-bar {background:transparent;}
.ahn-feature-title-bar h2 {font-family: 'Archivo Narrow', sans-serif;font-weight:400;font-size:2.2em;letter-spacing:-1px;color:#480411;margin-top:0px;margin-bottom:10px;line-height:100%;}
.ahn-feature-action-bar {background:#fff;}
.ahn-feature-bottom-bar {background:transparent;}
.ahn-category-edit {background:transparent;}