/*----------------------------+
 | Site: Southperth Dental    |
 +----------------------------*/

@import url("reset.css");

body{background:url(../images/core/bg-main.jpg) center top no-repeat #2e9499; font-family: Verdana, Arial, Helvetica, sans-serif; color:#7e7e7e;}

h1{display:none;}
h2, h2 a{font-size:1.0em; margin:5px 0; color:#1d8c85; font-weight: 100;}
h3{font-size:0.9em; line-height:25px; color:#002b54; font-weight: 100;}
h4{font-size:0.9em; margin:0 0 10px 0; color:#28bdb3;}
h5{font-size:0.9em; margin:0 0 7px 0;color:#28bdb3;}
p{margin:0 0 10px 0;}

a{color:#002b54; text-decoration:none;}
a:hover{color:#28bdb3;}

dl dt{color:#228693; margin:5px 0; font-weight:100; text-align: left;}

.highlight{color:#228693;}

#text-content ul{list-style:circle;}
#text-content ol{list-style:decimal;}
#text-content ul, #text-content ol{margin:0 0 10px 15px;}
#text-content ul li, #text-content ol li{ font-size: 0.8em; line-height: 1.4em; }
ul.list-links li a{color:#1d8c85;}
ul.list-links li a:hover{color:#28bdb3;}

img.img-left{float:left; margin:0 5px 5px 0; border:2px solid #beebe8;}
img.img-right{float:right; margin:0 0 5px 5px; border:2px solid #beebe8;}
img.border{border:2px solid #beebe8;display: block!important;}
.subsections{padding:5px 0; display:block; clear:both;}
.top{text-align:right; display:block; margin:3px 0 0 0; border-top:solid 1px #beebe8;}


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

#container {width:825px; height:424px; background:url(../images/core/bg-content.jpg) 0 0 no-repeat; margin: 98px auto 0 auto; padding:12px 25px 0 0; display: block;}

	#secondary-container{width:380px; background:url(../images/core/cta-zoom.jpg) bottom left no-repeat; float:left; height:419px; display:inline; position:relative;}

		ul#primary-nav {width:180px; height:240px; float:left; display:inline; margin-top:12px;}
			ul#primary-nav li {height:26px; width:180px; margin:0; padding:0;}
			ul#primary-nav li a{width:180px; height:26px; background-position: right 0; background-repeat: no-repeat; /* float:right; */}
			ul#primary-nav li a#nav-home{background-image:url(../images/navigation/nav_home.gif);}
			ul#primary-nav li a#nav-about{background-image:url(../images/navigation/nav_aboutus.gif);}
			ul#primary-nav li a#nav-services{background-image:url(../images/navigation/nav_services.gif);}
			ul#primary-nav li a#nav-faqs{background-image:url(../images/navigation/nav_faqs.gif);}
			ul#primary-nav li a#nav-contact{background-image:url(../images/navigation/nav_contact.gif);}
		
		ul#primary-nav li a:hover{background-position: right -26px;}
		
		#p-home ul#primary-nav li a#nav-home,
		#p-about ul#primary-nav li a#nav-about,
		#p-services ul#primary-nav li a#nav-services,
		#p-faqs ul#primary-nav li a#nav-faqs,
		#p-contact ul#primary-nav li a#nav-contact,
		#p-thankyou ul#primary-nav li a#nav-contact
		 {background-position:right -26px;}
		 
		 ul.sub-nav{display:none;}
		 #p-services ul.sub-nav {display:block!important;height:54px;}
		 #p-services ul.sub-nav li {height:18px;}
		 #p-services li.dropdowns {height:90px;}
		 #p-services ul.sub-nav li a{height:18px; background-position: right 0; background-repeat:no-repeat;}
		 #p-services ul.sub-nav li a:hover{background-position: right -18px;}
		 #p-services ul.sub-nav li a#nav-preventative{background-image:url(../images/navigation/sub-nav-preventative.gif);}
		 #p-services ul.sub-nav li a#nav-general{background-image:url(../images/navigation/sub-nav-general.gif);}
		 #p-services ul.sub-nav li a#nav-cosmetic{background-image:url(../images/navigation/sub-nav-cosmetic.gif);}

		a#cta-zoom, h2#logo, h3#cta-slogan, ul#primary-nav li a, h2#logo a, #p-services ul.sub-nav li a{
			text-indent:-999em;
			overflow:hidden;
			display:block;
			margin:0;
			padding:0;
			line-height:0;
		}
	
		a#cta-zoom{width:140px; height:39px; margin:63px 0 0 30px; float:left; background-position:0 0; background-repeat:no-repeat; background-image:url(../images/core/btn_zoom.gif); display:inline;}
		a:hover#cta-zoom{background-position:0 -39px;}
	
		#flash{width:200px; height:400px; float:right;}
		#flash img{width:200px; height:400px;}

	#primary-content{width: 413px; float: right; display: block; padding: 9px 18px 14px 0;}
	#primary-content p { font-size: 0.8em; line-height: 1.4em; }
		
		h2#logo a{width:auto; height:110px; background:url(../images/core/logo-southperth.gif) right 0 no-repeat;}
		h3#cta-slogan{width:auto; height:51px; background:url(../images/core/cta-slogan.gif) right 0 no-repeat; font-size:0;}
		body#p-services h3#cta-slogan{width:auto; height:51px; background:url(../images/core/cta-slogan-services.gif) right 0 no-repeat;}
		
		#text-content {width:400px; height:217px; padding:0 7px; text-align:justify; overflow: auto; display:block; position: relative; padding-right: 10px; visibility: visible!important/*for IE8*/ }

	#footer{
		float:right;
		color:#ddf2f3;
		font-size:0.9em;
		width:600px;
		text-align:right;
		line-height:0.7em;
	}
	
	#footer a{color:#ddf2f3; text-decoration:none;}
	#footer p { font-size: 0.8em;}
	#footer a:hover{text-decoration:underline;}
		.wf-logo{display:block;margin-top:10px;	}

.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase { width: 8px; background-color: #ddf2f3; }
.vscrollerbar { width: 8px; background-color: #339995; }
.hscrollerbase { height: 8px; background-color: white; }
.hscrollerbar { height: 8px; background-color: black; }
.scrollerjogbox { width: 10px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: gray; }


/*----------Page Specific Layouts & Styles----------*/


.location-map{height:260px;}


/*----------Form----------*/

#text-content .baseform ol{margin:0;}
#text-content .baseform li {margin: 5px 0 20px 0; list-style: none;}

form.baseform  input, form.baseform  select, form.baseform  textarea{
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
}

.baseform fieldset {border: none;}
.baseform li.address {margin-bottom: 0;  line-height: 15px;}
.baseform label {float: left;  display: block; width: 135px;}

.baseform input[type="text"] {
  background: #fff url(../images/core/input-background-top.gif) top left repeat-x;
  padding: 2px 2px;
  height: 18px;
}

.baseform textarea {
  background: #fff url(../images/core/input-background-top.gif) top left repeat-x;
  padding: 2px 2px;
	border: 1px solid #beebe8;
}

.baseform input[type="text"], .baseform input{border: 1px solid #beebe8;}
.baseform input, .baseform textarea{width:180px;}
.baseform input.checkbox {background: none; border: none;}
.baseform input.disabled {background: #d4d0c8; border: 2px solid #ccc;}

.baseform label.error {
  float: none;
  display: block;
  color: #ff0000;
  font-size: 10px;
  line-height: 12px;
  margin-left: 135px;
  width: auto;
}

.baseform label.correct {
  background: url(../images/core/icon-form-valid.gif) 0 6px no-repeat !important;
  width: 10px;
  height: 22px;
  margin-left: 5px;
  vertical-align: top;
  display:-moz-inline-stack; /* to be removed */
  display:inline-block;
  /* NOTE: inline-block not in firefox 2 but will be in firefox 3.
  More info here: https://bugzilla.mozilla.org/show_bug.cgi?id=9458 */
}

form.baseform, .baseform fieldset {width: auto;}
#text-content li.buttons {margin-left: 135px;} /* pushes submit button flush with inputs instead of labels */
#text-content li.buttons input{width:85px; border: 1px solid #beebe8; background:#e9eef4;line-height:1.5em; cursor:pointer; color:#7e7e7e; }

a#form-dl{width:94px; height:27px; overflow:hidden; text-indent:-999em; display:block; background:url(../images/core/btn_form.gif) 0 0 no-repeat; position:absolute; top:230px; left:75px; }

/********************************************
        GOOGLE MAP STYLES
********************************************/



.googlemap{
  height:251px;
  width:374px;
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}