/*  
Theme Name: nolansidenew-mod
Theme URI: http://www.nolansidenew.com
Description: A Web 2.0 Wordpress Theme with unique accordian page style. The theme has 1 columns and comes under a Creative Commons License.
Version: 1.0
Author: Ramsay Taplin
Author URI: http://www.taplinwebdesign.com.au
*/

*{margin:0; padding:0; outline:0; border:0;}
body{background:#211f1d; font-family: Arial, Helvetica, sans-serif;}
a:link, a:visited{text-decoration:underlined;color:#003366;font-weight:strong;}

#wrapper{width:896px; margin:auto; }
#header{width:896px; height:78px; position:relative; z-index:1;}
#flash{position:absolute; bottom:0px; display:block; z-index:2;}
#logo{position:absolute; width:128px; height:60px; right:0px; display:block; z-index:2; bottom:0px;}
#logo h1{text-indent:-10000px;}
#logo h1 a{display:block; background:url(images/logo.jpg); width:128px; height:60px;}

#container{width:896px; height:633px; position:relative; z-index:1;}
#bigbg{position:absolute; width:896px; height:633px; z-index:2;}
#spacer{width:896px; height:128px;}

#footer{width:896px; height:110px; position:relative; z-index:1; font-size:24px; color:#fff; font-family:Trebuchet MS; letter-spacing:-1px;}
#urbanplanner{position:absolute; left:0px; top:0px; z-index:2; display:block;}
#addr{position:absolute; display:block; right:0px; z-index:2; top:0px;}

#cwrap{width:836px; margin:0; padding:0; position:absolute; z-index:4; top:146px; right:0px;}
.page{ background:url(images/content_bg.png) repeat; width:100%; height:487px; }
.page h3{ color:#f08b1d; font-size:16px; font-weight:strong; }
.page h4{ color:#f08b1d; font-size:16px; font-weight:strong; margin-top:12px;}
.page p{font-size:13px; color:#3c3328; }

.horizontal_accordion_toggle {/* REQUIRED */
float: right;/* This make sure it stays horizontal */
/* REQUIRED */
display: block;height: 487px;width: 26px; color: #ffffff;text-decoration: none;outline: none; cursor: pointer;margin: 0 0 0 0;}
.horizontal_accordion_toggle_active {}
.horizontal_accordion_content {/* REQUIRED */ width:100%;
height: 487px;/* We need to define a height for the accordion as it stretches the width */
float: right;/* This make sure it stays horizontal */  zoom:1;
/* REQUIRED */
overflow: hidden;}
.horizontal_accordion_content p { }
 /* Container styling*/
 #horizontal_container {margin:0px; width:836px; height:487px;}
 
#aboutus{ width:26px; height:472px; padding:15px 0 0 0;  display:block;background-image:url(images/about_bg.png); background-repeat:repeat-y;}
#services{background:url(images/services_bg.png) repeat-y; height:472px; padding:15px 0 0 0;}
#staff{background:url(images/staff_bg.png) repeat-y; height:472px; padding:15px 0 0 0;}
#news{background:url(images/news_bg.png) repeat-y; height:472px; padding:15px 0 0 0;}
#contact{background:url(images/contact_bg.png) repeat-y; height:472px; padding:15px 0 0 0;}

.pwrap{padding:5px 30px 20px 35px;}
.pwrap p{padding:5px 0 5px 0;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 10px;}
img.alignleft{display:inline;margin:0 15px 2px 0; padding:24px 0 0 0;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}
ul{
font-size:13px;
}
ul li{
margin-bottom:10px;
margin-left:22px;
}
#staff1{
overflow:hidden;	
position:relative;
}
#staff2{
top:0;}

/** Footer **/
#footer2{width:900px; margin:5px auto 5px auto;text-align: right;color:#777;}
#footer2 ul li{display:inline; font-size:11px;color:#777;}
#footer2 ul li a{color:#777; text-decoration:underline;}
#footer2 a{color:#777; text-decoration:underline;}
#footer2  a:hover{text-decoration:underline;}
p.rights{font-size:10px; color:#777; padding:0;}