html, body{
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size : 100%;
color:#F6EFD4;
font-weight : normal;
background-color : #333333;
}
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}
a:link {text-decoration: none; color:#F6EFD4;}
a:visited {text-decoration: none; color:#F6EFD4;}
a:hover {text-decoration: underline; color:#FFF;}
a:active {text-decoration: none; color:#FFF;}
a.bodylink2:link {text-decoration: underline; color:#000000;}
a.bodylink2:visited {text-decoration: underline; color:#000000;}
a.bodylink2:hover {text-decoration: underline; color:#000000;}
a.bodylink2:active {text-decoration: underline; color:#000000;}
/* Structure
***********************************************/
IMG {
border:0px;
}
#container{
margin-left:auto;
margin-right:auto;
width:960px;
}
#inner {
position: relative;
float:left;
width:960px;
}
#logo {
position: relative;
float:left;
width:960px;
padding-top:10px;
}
#logo1 {
position: relative;
float:left;
width:686px;
}
#logo2{
position: relative;
float:left;
width:274px;
}
#logo2 a:link {color:#F6EFD4;text-decoration: none;}
#logo2 a:visited {color:#F6EFD4;text-decoration: none;}
#logo2 a:hover {color:#E2B595;text-decoration: none;}
#logo2 a:active {color:#E2B595;text-decoration: none;}
#social {
position: relative;
float:left;
width:179px;
font-size:80%;
padding-top:12px;
padding-left:95px;
}
#socialwords {
position: relative;
float:left;
width:80px;
padding-top:4px;
font-weight:bold;
}
.asocial {
position: relative;
float:left;
width:33px;
}
#topcontact {
position: relative;
float:left;
width:271px;
text-align:right;
font-size:120%;
padding-right:3px;
padding-top:0px;
}
.largewhite {
font-size:170%;
}
#gardenenq{
font-size:90%;
text-align:center;
padding:5px;
margin-right:0px;
border:1px solid #F6EFD4;
width:195px;
float:right;
}
#gardenenq a:link {color:#EF7836;text-decoration: none;}
#gardenenq a:visited {color:#EF7836;text-decoration: none;}
#gardenenq a:hover {color:#E2B595;text-decoration: none;}
#gardenenq a:active {color:#E2B595;text-decoration: none;}
.bold {
font-weight : bold;
}
ul {
font-size:100%;
font-weight : normal;
}
li {
font-size:90%;
}
ol {
font-size:100%;
}
hr {
color:#CCCCCC;
height:1px;
text-align:left;
}
p{
margin-top:0px;
padding-top:0px;
font-size:90%;
}
.underline {text-decoration: underline;}
.LWStitle {color:#567201; font-size:130%;font-weight:bold;}
/* Header
***********************************************/
.italic{
font-style : italic;
}
#topnav {
position: relative;
float:left;
width:224px;
height:24px;
font-size:90%;
text-align:right;
color:#F6EFD4;
padding-left:50px;
padding-top:10px;
}
#topnav a:link {color:#F6EFD4;text-decoration: none;}
#topnav a:visited {color:#F6EFD4;text-decoration: none;}
#topnav a:hover {color:#E2B595;text-decoration: none;}
#topnav a:active {color:#E2B595;text-decoration: none;}
.nltn {color:#E2B595;
}
.navon{
position: relative;
float:left;
padding-left:20px;
}
#topnav2 {
position: relative;
float:left;
width:960px;
height:38px;
font-size:100%;
text-align:left;
color:#F6EFD4;
padding-top:9px;
font-weight:bold;
border-bottom:1px solid #F6EFD4;
}
#topnav2 a:link {color:#F6EFD4;text-decoration: none;}
#topnav2 a:visited {color:#F6EFD4;text-decoration: none;}
#topnav2 a:hover {color:#E2B595;text-decoration: none;}
#topnav2 a:active {color:#E2B595;text-decoration: none;}
.nltn2 {color:#E2B595;}
.navon2{
position: relative;
float:left;
padding-left:0px;
padding-right:27px;
padding-top:10px;
}
#content{
position:relative;
float:left;
text-align:left;
width:960px;
}
#mid {
position: relative;
float:left;
width:960px;
padding-top:7px;
}
#thepics {
position:relative;
float:left;
width:960px;
}
#homerest{
position:relative;
float:left;
width:960px;
}
#homerestim {
position:relative;
float:left;
width:150px;
padding-top:3px;
}
#homeresttext {
position:relative;
float:left;
width:960px;
}
#home-testimonial{
position: relative;
float:left;
width:960px;
}
.strip {
position:relative;
float:left;
height:40px;
width:960px;
background-image : url(../images/strip.jpg);
background-repeat : no-repeat;
}
#right2 {
position: relative;
float:right;
width:220px;
padding:20px 0px 20px 20px;;
}
#left2 {
position: relative;
float:left;
width:300px;
padding-top:20px;
}
.rightslot {
position: relative;
float:left;
width:220px;
padding-bottom:20px;
}
#MainText{
position: relative;
float:left;
width:640px;
padding-left:10px;
}
#MainText2{
position: relative;
float:left;
width:100%;
}
/*********** Generic Style***********/
#maint {
position: relative;
float:left;
padding-top:15px;
width:620px;
}
h1{
font-size:120%;
color:#F6EFD4;
margin-top:0px;
background-repeat : no-repeat;
padding-top:0x;
}
.h2{font-size:80%; font-weight:normal;margin-bottom:0px; padding-right:20px;}
h3 {font-size:70%; font-weight:normal;}
.pagead {position: relative; float:right; width:73px; padding-left:10px;padding-bottom:10px;}
.pagemovie{position: relative;float:left;}
/* Bottom
***********************************************/
#brand {
position:relative;
float:left;
width:969px;
background-image : url(../images/bg_brands.jpg);
background-repeat : no-repeat;
height:84px;
padding-left: 10px;
}
.brandit {
position:relative;
float:left;
padding-top:26px;
}
#footer {
position:relative;
float:left;
width:960px;
font-size:70%;
text-align:center;
color: #F6EFD4;
padding-bottom:10px;
}
#footer a:link {color: #F6EFD4;text-decoration: none;}
#footer a:visited {color: #F6EFD4;text-decoration: none;}
#footer a:hover {color: #FFFFFF;text-decoration: underline;}
#footer a:active {color: #FFFFFF;text-decoration: none;}
.red {
color:#FF0000;
}
#error {
position:relative;
float:left;
padding:10px;
}
/*CONTACT FORM******************************/
#contactform{position:relative; float:left;}
.frmul{position:relative; float:left; width:110px;text-align:left;font-size:100%;height:20px;}
.frmur{position:relative; float:left;font-size:100%;height:20px;}
#formdetail{position:relative;float:left;padding:5px;margin-bottom:10px;border: 1px solid #F67C31;}
.frmll{position:relative;float:left;width:130px;text-align:right;padding-right:5px;margin-top:2px;margin-bottom:2px;}
.frmlr{position:relative;float:left;margin-top:2px;margin-bottom:2px;}
input,select,textarea {
font-family: Arial, Helvetica, sans-serif;
padding-left:3px;
font-size:100%;
border: 1 px solid #F6EFD4;
}
/*LOOP FORMAT******************************/
#paginationlinks {
position:relative; float:left; width:500px;
margin-top:10px;
}
.loopitem {position:relative; float:left; padding-bottom:2px;padding-top:2px; width:700px;}
.looptitle {font-size:150%; color:#F6EFD4;padding-bottom:20px;}
.loopimage {position:relative; float:left;width:300px;padding-right:10px;padding-bottom:10px;}
.loopimage2 {position:relative; float:left;width:130px;padding-right:10px;padding-bottom:10px;}
.loopy-bot {
position:relative;
float:left;
width:700px;
background-image : url(../images/loppy_bot.jpg);
background-repeat : no-repeat;
height:39px;
}
.looptext {
position:relative; float:left;
width:560px;
}
#loopMainImage{ postion:relative;float:right;padding-left:10px; padding-bottom:10px;}
#loopMain {position:relative; float:left; width:960px;font-size:100%;}
#loopMainPort{
position:relative; float:left; width:960px;
}
#portimage1{
position:relative; float:left; width:310px;padding-left:10px;
}
#portMainRest{
position:relative; float:left; width:640px;
}
#portimageall{
position:relative; float:left; width:960px;padding-top:10px;
}
.portthumbimage{
position:relative; float:left; width:310px;padding-right:10px;padding-bottom:10px;
}
.portlooptitle {font-size:110%; color:#F6EFD4;padding-bottom:10px;font-weight:bold;}
.portloopimage{
position:relative; float:left; width:200px;
}
.loopitemD {
float:left;
width:50%;
height:420px;
}
.loopitemimage {
height:300px;
width:100%;
}
.loopitemDtext{
float:left; width:400px;padding-top:10px;
}
#loopMainp {position:relative; float:left; width:960px;}
.loopborder {
position:relative;
float:left;
width:780px;
background-image : url(../images/loopborder.png);
background-repeat : no-repeat;
height:20px;
font-size:1%;
}
.timage2 {
position: relative;
float:left;
width:227px;
margin-bottom:20px;
}
.loopimage2p {position:relative; float:left;width:300px;padding-right:10px;}
.looptextp {
position:relative; float:left;
width:390px;
}
.loopitemPA {position:relative; float:left; width:720px;}
.loopy-botPA {
position:relative;
float:left;
width:720px;
background-image : url(../images/loppy_bot.jpg);
background-repeat : no-repeat;
height:39px;
}
.looptextPA {
position:relative; float:left;
width:410px;
}
#loopPressText{
position:relative; float:left;
width:410px;
padding-top:20px;
}
#profimages{
position: relative;
float:left;
width:400px;
padding-right:10px;
}
.projimage{
position: relative;
float:left;
width:400px;
padding-bottom:20px;
}
#projjtext {
position: relative;
float:left;
width:550px;
}
/****Gallery CSS*******/
.galtitle {font-weight:bold;font-size:110%;}
.galmenlarge {font-weight:bold;}
#galmaindisplay {position:relative; float:left; padding-top:10px;}
.galthumb { position:relative; float:left; width:130px;padding-right:15px; padding-bottom:15px;}
/*****CALENDAR*********/
#tcalendar{
position:relative;
float:left;
text-align:left;
width:580px;
}
table.cal{border:1px solid #CCCCCC;}
td.days_of_week{border:1px solid #CCCCCC;}
td.days{border:1px solid #CCCCCC;height:60px;}
td.notaday{ border:1px solid #CCCCCC;background-color : #AEAEAE;}
.day{width:75px;
text-align:right;
color:#333366;
border-bottom : 1px dotted #CCCCCC;
}
.eventtitle {font-weight:bold; font-size:120%;}
/**********PRODUCT**************************/
.product {position:relative;float:left;border-bottom:1px solid #999999;padding-top:5px;padding-bottom:5px;}
.prodtitle{font-weight:bold;font-size:120%;}
.prodimage {position:relative;float:left;width:100px; padding-right:10px;font-size:80%;}
.prodtext {position:relative;float:right;width:470px; }
.price {color:#FF0000;}
/*******************************ZOOMING*****/
td.tdim {
padding:10px;
padding-bottom:0px;
}
td.tdim2 {
padding-left:10px;
}
/*******lwsvisible******************************/
.lwsvisible {
width:1px;height:1px;visibility:hidden;line-height:1px;
}
/*****scroll div********************************/
#midsp {
position: relative;
float:left;
width:447px;
padding-bottom:10px;
padding-top:7px;
overflow:scroll;
overflow-x: hidden;
height:558px;
scrollbar-3dlight-color:#8DA4B2;
scrollbar-arrow-color:#FFFFFF;
scrollbar-base-color:#8DA4B2;
scrollbar-darkshadow-color:#8DA4B2;
scrollbar-face-color:#8DA4B2;
scrollbar-highlight-color:#8DA4B2;
scrollbar-shadow-color:#8DA4B2;
scrollbar-track-color:#C6D3DB;
scrollbar-width:10px;
}
#midspscroll { position: relative; float:left; width:447px; padding-bottom:10px; padding-top:7px;}
#midsp2 {position: relative;float:left; width:445px; padding-bottom:10px;}
#spmain { position: relative; float:left; width:420px;}
#midnav {position: relative;float:left; width:20px;}
/***POPUP Script*********************************/
#popcont{margin-left:auto; margin-right:auto; width:600px;}
#popinner{
position:relative;
float:left;
background-image : url(../images/bg_popup.jpg);
background-repeat : no-repeat;
}
#popcontent {
position:relative;
float:left;
padding:20px;
padding-top:180px;
width:560px;
padding-bottom:40px;
}
.bigred {
font-size:120%;
color:#AC3C38;
}
.underline {
text-decoration : underline;
}
.arrows {
font-size:130%;
}
.pdfpage {
position:relative;
float:left;
padding-right:40px;
padding-bottom:20px;
width:104px;
}
#subtop {
position:relative;
float:left;
height:26px;
width:166px;
background-image : url(../images/subtop.jpg);
background-repeat : no-repeat;
}
#submid {
position:relative;
float:left;
width:156px;
background-image : url(../images/submid.jpg);
background-repeat : repeat-y;
padding-left:10px;
}
#subbot {
position:relative;
float:left;
height:7px;
width:166px;
background-image : url(../images/subbot.jpg);
background-repeat : no-repeat;
font-size:1%;
}
#submitthis {
position:relative;
float:left;
width:146px;
padding-left:10px;
padding-top:10px;
}
/* ********************************************Blog**********************************************************************
*/
#sharit_blog {
position: relative;
float:left;
width:160px;
margin-top:5px;
font-size:80%;
}
#contentblog{
position:relative;
float:left;
text-align:left;
width:960px;
padding-top:10px;
}
#midblog {
position: relative;
float:left;
width:940px;
padding-left:20px;
padding-top:20px;
}
#midcontent {
position:relative;
float:left;
width:700px;
padding-left:10px;
}
#midcontent h1{
font-size:120%;
font-weight:bold;
color : #F6EFD4;
padding-top:0px;
margin-top:0px;
}
#midcontent h1 a{
color : #F6EFD4;
}
#midcontent h1 a:hover{
color : #E2B595;
text-decoration:none;
}
div.post div.ilsb_parent {margin:0 auto 0 0;font-size:1.1em;}
div.post div.ilsb-child {position:absolute; display:none; margin:0; padding:0 0 6px 0;}
div.post div.ilsb-child span {padding:0;}
div.post .ilsb {padding:10px 22px 10px 25px; font-size:0.8em; line-height:30px; background-position:0 50%; background-repeat:no-repeat;}
a.ilsb{
color : #F6EFD4;
}
#paginationlinks2 {
position: relative;
float:left;
padding-top:10px;
text-align:center;
width:960px;
font-weight:bold;
}
div.pagination{
position: relative;
float:left;
padding-top:10px;
text-align:center;
width:100%;
padding:10px;
padding-top:3px;
text-align:center;
font-size:0.8em;
}
div.pagination a{
padding:2px 5px;
margin:2px;
border:1px solid #F6EFD4;
color:#F6EFD4;
text-decoration:none;
}
div.pagination a:hover, div.pagination a:active{
border:1px solid #E2B595;
color:#E2B595;
}
div.pagination span.current{
padding:2px 5px;
cursor:default;
margin:2px;
border:1px solid #E2B595;
color:#E2B595;
font-weight:bold;
}
div.pagination span.disabled{
padding:2px 5px;
margin:2px;
border:1px solid #666666;
color:#666666;
}
/*Old div.post styling
div.post{
margin:0 0 40px;
}*/
/*New div.post styling added by Doug*/
div.post{
margin:0 0 20px 0;
float:left;
width:100%;
padding-bottom:25px;
border-bottom:1px solid #F6EFD4;
}
div.post p{
font-size:0.9em;
font-weight : normal;
}
div.post h1{
font-size:1.4em;
padding:0 0 5px 0 !important;
margin:0 !important;
color : #F6EFD4;
}
div.post h2{
font-size:1.1em;
padding:0 0 5px 0 !important;
margin:0 !important;
}
div.post h2 a{
font-size:1.1em;
padding:0 0 5px 0 !important;
margin:0 !important;
color:#F6EFD4;
}
div.post h2 a:hover{
font-size:1.1em;
padding:0 0 5px 0 !important;
margin:0 !important;
color:#E2B595;
text-decoration:none;
}
div.post h3{
font-size:1.1em;
padding:0 0 5px 0 !important;
margin:0 !important;
color:#F6EFD4;
font-weight : bold;
}
div.post h4{
font-size:0.8em;
padding:0 0 5px 0 !important;
margin:0 !important;
color:#F6EFD4;
font-weight : bold;
}
div.post img{
padding:5px;
max-width:98%;
border:1px solid #ddd;
}
div.post a:hover img{
border:1px solid #aaa;
}
div.post img.alignleft{
float:left;
margin:0 10px 10px 0;
}
div.post img.alignright{
float:right;
margin:0 0 10px 10px;
}
div.post small{
display:block;
padding-bottom:20px;
}
div.post small a{
color:#F6EFD4;
font-size:100%;
}
div.post small a:hover{
color:#E2B595;
font-size:100%;
text-decoration:none;
}
div.post small.meta{
margin:15px 0;
font-size:70%;
}
div.post ul,
div.post ol,
div.post dl{
margin:1.2em 0 1.2em 3em;
}
div.post ul *,
div.post ol *,
div.post dl *{
font-size:1em;
}
div.post blockquote{
margin:1.2em;
padding:0 0 0 10px;
border-left:3px solid #ccc;
}
div.post blockquote p{
color:#F6EFD4;
}
div.post blockquote blockquote p{
color:#F6EFD4;
}
div.post pre,
div.post code{
font-size:1.2em;
margin:0 0 1em;
}
#right {
position:relative;
float:left;
width:210px;
}
#sidebar{
list-style:none;
margin:0;
padding:0px 0 0 0;
}
#sidebar ul{
position:relative;
float:left;
padding-left:10px;
width:180px;
padding-bottom:20px;
list-style-type:none;
margin-left:0px;
}
#sidebar li{
margin:0;
padding:0;
}
#sidebar li a{
color:#F6EFD4;
font-size:1.1em;
}
#sidebar li a:hover{
color:#E2B595;
font-size:1.1em;
text-decoration:none;
}
#sidebar li.containerBgr, #sidebar li.categories{
float:left;
width:210px;
margin:0px 0 !important;
background-image : url(../blog/wp-content/themes/citygardens/images/blog_bot.jpg);
background-position : bottom;
}
#sidebar li h2.searchH2{ font-size:1.2em; padding:0 0 5px 0 !important; margin:0 !important; color : #F6EFD4;}
#sidebar li.containerBgr h2, #sidebar li.categories h2 {
/*Blog title Menu*/
color:#333333;
width:195px;
font-size:1em;
margin:0;
padding-top:10px;
padding-bottom:0px;
padding-left:10px;
background-image : url(../blog/wp-content/themes/citygardens/images/blog_top.jpg);
background-repeat : no-repeat;
height:33px;
}
#sidebar li.containerBgr ul, #sidebar li.categories ul {
margin-left:0px;
padding-left:15px;
padding-top:5px;
}
#sidebar li.containerBgr ul li, #sidebar li.categories ul li {
margin-left:0px;
padding-left:0px;
}
#sidebar ul ul{
margin-bottom:0;
}
#commenttemplate {
position:relative;
float:left;
width:528px;
}
ol.commentlist{
margin:20px 0;
padding:0;
list-style:none;
font-size:.9em;
}
ol.commentlist li div.commenttitle{
background:#F6EFD4;
padding:5px;
}
ol.commentlist li div.commenttitle cite a{
color:#F6EFD4;
text-decoration:none;
font-weight:bold;
}
ol.commentlist li div.commenttitle small a{
color:#F6EFD4;
padding-top:2px;
text-decoration:none;
float:right;
}
ol.commentlist li div.commentbody{
padding:5px;
border:1px solid #F6EFD4;
}
ol.commentlist li div.commentbody p{
padding:0 !important;
margin:5px 0 !important;
font-size:.9em;
}
#overlay2 { height:auto !important;}
.breadcrumbs{
position:relative;
float:left;
font-size:.8em;
padding:0px 0 0 0;
width:538px;
background-image : url(../blog/wp-content/themes/bennett/images/breadline.jpg);
background-position : bottom;
background-repeat : no-repeat;
padding-bottom:10px;
}
.breadcrumbs a{
color:#F6EFD4;
}
.breadcrumbs a:hover{
color:#E2B595;
text-decoration:none;
}
.searformmain {
position:relative;
float:left;
width:200px;
background-image : url(../blog/wp-content/themes/bennett/images/breadline.jpg);
background-position : bottom;
background-repeat : no-repeat;
padding-bottom:21px;
}
#blogsearchinput {position:relative;float:left; width:130px;}
#blogsearchbutton {position:relative;float:left; width:20px;padding-left:10px; }
#searchform input.searchInput{ font-size:0.8em; height:16px;}
#searchform input#searchsubmit{ float:left; }
#commentform{ font-size:.8em;}
#midcontent{margin-top:0 !important; padding-top:0 !important;}
.ddsg-wrapper p{ display:none;}
.main_view {
float: left;
position: relative;
width: 960px;
}
/*--Window/Masking Styles--*/
.window {
height:262px; width: 710px;
overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;
}
.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {float: left;}
.paging {
display: none;
}
.paging a {
position: relative;
float:left;
padding-left:10px;
padding-top:10px;
background-image : url(../images/bg_homenav.jpg);
height:42px;
width:240px;
background-repeat : no-repeat;
background-position : bottom;
font-weight:bold;
color:#000000;
}
.paging a.active {
background-image : url(../images/bg_homenav2.jpg);
color:#000000;text-decoration: none;
}
.paging a:hover {color:#000000;text-decoration: none;}
#loopMain {position:relative; float:left; width:960px;}
#popimages {
position: relative;
float:left;
width:300px
}
#popimagesmain {
position: relative;
float:left;
width:300px;
margin-bottom:10px;
}
.timage {
position: relative;
float:left;
width:60px;
margin-right:20px;
}
#loopMainRest {
position: relative;
float:left;
width:390px;
padding-left:20px;
}
#popimages2 {
position: relative;
float:left;
width:300px;
padding-right:10px;
padding-top:20px;
}
#loopMainRest2 {
position: relative;
float:left;
width:700px;
}
.loopitem3 {
position: relative;
float:left;
width:300px;
padding:10px;
padding-left:0px;
height:200px;
padding-top:0px;
font-size:90%;
}
.looptitle3 {
font-size:110%;
font-weight:bold;
}
.looptitlerest {
font-size:100%;
font-weight:bold;
color: #E2B595;
}
#tsmall {
position: relative;
float:left;
font-size:70%;
padding-top:5px;
}
#testtoparea1{
position: relative;
float:left;
width:960px;
padding-bottom:10px;
}
#testtoparea2{
position: relative;
float:left;
width:960px;
}
.atestimage{
position: relative;
float:left;
width:300px;
padding:10px;
padding-left:0px;
}
#mysliderleft {
position: relative;
float:left;
width:897px;
padding-top:10px;
}
#mysliderright {
position: relative;
float:left;
width:63px;
padding-top:10px;
}
#mysliderwrapper{
position: relative;
float:left;
width:960px;
overflow:hidden
}
#myslider{
position: relative;
float:left;
width:9000px;
}
.section{
position: relative;
float:left;
width:310px;
margin-right:10px;
margin-bottom:10px;
}
.poolmain{
width:100%;
}
.pooldiv{
float:left;
width:33%;
padding-right:3px;
height:300px;
}
.pooltext{
font-size:90%;
width:300px;
}
.poolimage {
width:100%;
}