@charset "UTF-8";

/* CSS Document */
body { font-family: "Century Gothic", Arial, Helvetica, sans-serif; background:url(images/bg.jpg) repeat #333; margin:0; }

p { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size:0.75em; margin:0; padding:8px 0 0; line-height:16px; color:#CCC; }

h1 { color: #3bb86d; font-size:0.9em; margin:0; padding:0; font-weight:normal; }

h2 { color: #3bb86d; font-size:0.8em; padding:15px 0 0; margin: 0; font-weight:normal; }

h3 { color:#3bb86d; font-size:0.75em; margin: 0; line-height: 15px; font-weight: lighter; text-transform:uppercase; }

.h-under { line-height:12px; margin:0; padding:0 0 5px; color:#ddd; font-size: 0.7em; font-weight:bold; text-transform:uppercase; }

.bold { font-weight: bold; }

.green { color:#3bb86d }

.centre { text-align:center; }

.none { display: none; }

.large { font-size: 1.2em; }

img { border:0; }

ul { margin: 0; padding: 0; }

fieldset { margin:10px 0 0 0; padding:10px; color:#666; }

legend { font-size:0.75em; text-transform:uppercase; font-weight:bold; color: #09F; }

.caps { text-transform: uppercase; }

a:link { color:#fff; text-decoration: underline; }

a:visited { color:#3bb86d; text-decoration: underline; }

a:hover { color:#3bb86d; text-decoration: underline; }

/*Design div id tags */

#flash { height:384px; width: 950px; border: solid #fff 5px; margin: 0 auto; }

#wrap, #wrap2 { width:960px; margin: 0 auto; padding: 20px 0; overflow:hidden; clear:both; }

#wrap { height:auto;}

#wrap2 { position:relative; height:650px; }

/*Design div class tags */

.addr { margin:0 0 0 23px; padding:0; line-height:14px; }

.content, .content-wide, .gallery { float: left; height: auto; }

.content { width: 466px; margin: 0 0 15px 0; }

.content2 { height:480px; position:absolute; top:185px; width:960px; overflow:hidden; background:url(images/divider.jpg) top repeat-x; padding:20px 0 0 0; }

.content-wide { width: 700px; margin: 0 0 15px 0; }

.content ul, .content-wide ul, .content2 ul { list-style:circle; color:#ccc; font-size: 0.8em; line-height:16px; margin: 10px 0 0 20px; }

.column { float: right; width: 237px; margin: 0 0 10px 10px; height: auto; overflow:hidden; }

.column img { margin: 15px 0 0 0; }

.gallery { width: 700px; }

.gallery li { display:inline; margin-right: 1px; }

.gallery ul { padding: 5px 0 15px 0; margin:0; }

.gallery ul img { border: 5px solid #333; border-width: 2px; }

.gallery ul a:hover img { border: 5px solid #666; border-width: 2px; color: #fff; }

/*header*/

#header { height: 145px; margin: 0 auto; width: 960px; padding: 10px 0 20px 0; }

#top { height: 30px; margin: 0 auto; width: 960px; padding: 0 0 10px 0; }

#address { float: left; width: 300px; font-size:1.1em; letter-spacing:2px; }

#phone { float:right; width: 135px; font-size:1.1em; letter-spacing:2px; }

#address p, #phone p { margin:0; padding:0; }

#logo { margin: 0 auto; width: 315px; height: auto; padding: 0; }

#tour { width: 237px; height: 74px; }

#tour a, #tour a:hover { display:block; width: 237px; height: 74px; }

#tour a { background:url(images/360btn.jpg) no-repeat; }

#tour a:hover { background:url(images/360btn.jpg) no-repeat 0 -74px; }

#tour span { display: none; }

/*flash*/



/*navigation*/

#nav { height:15px; width: 535px; padding: 6px 0 0 0; margin:0 auto; display: block; background:url(images/nav-sprite.jpg) 0 6px no-repeat;}

#nav li {  float:left; list-style:none; position:relative; }

#nav li, #nav a { display:block; margin:0; padding:0; color:#FFF; text-decoration:none; width:89px; height:15px; }

#nav li span { display:none; }

#nav1 a:hover { background:url(images/nav-sprite.jpg) -0px -15px no-repeat; }

#nav2 a:hover { background:url(images/nav-sprite.jpg) -89px -15px no-repeat; }

#nav3 a:hover { background:url(images/nav-sprite.jpg) -178px -15px no-repeat; }

#nav4 a:hover { background:url(images/nav-sprite.jpg) -267px -15px no-repeat; }

#nav5 a:hover { background:url(images/nav-sprite.jpg) -356px -15px no-repeat; }

#nav6 a:hover { background:url(images/nav-sprite.jpg) -445px -15px no-repeat; }


#sidenav { width: 237px; height: 418px; background:url(images/sidenav2.jpg) no-repeat -237px 0; position:relative; margin: 0 0 10px 0; }

#sidenav li { float:left; list-style:none; position:relative; }

#sidenav li, #sidenav a { display:block; margin:0; padding:0; color:#FFF; text-decoration:none; }

li#box2 a, li#box3 a, li#box4 a, li#box5 a { height:98px; width:237px; }

li#box1 a { height:24px; width:237px; }

#sidenav li span { display:none; }

#box1 a:hover { background:url(images/sidenav2.jpg) -0px -0px no-repeat; }

#box2 a:hover { background:url(images/sidenav2.jpg) -0px -24px no-repeat; }

#box3 a:hover { background:url(images/sidenav2.jpg) -0px -122px no-repeat; }

#box4 a:hover { background:url(images/sidenav2.jpg) -0px -220px no-repeat; }

#box5 a:hover { background:url(images/sidenav2.jpg) -0px -318px no-repeat; }

/*footer*/ 

.footer { width: 960px; margin: 0 auto; overflow:hidden; height: auto; clear:both; padding: 10px 0 0 0; background:url(images/divider.jpg) top repeat-x; clear:both; }

.footer p { padding: 0; color: #ccc; }

.footer ul { padding: 0 0 30px 0; color:#3bb86d; width:770px; margin:0 auto; clear: both; text-align:center; }

.footer li { list-style-type: none; margin: 3px 0; display:inline; }

.footer li a, .footer li a:link { list-style-type:none; color:#3bb86d; font-size: 0.65em; text-decoration:none; padding: 0 13px 0 10px; border-right: 1px solid #3bb86d; text-transform:uppercase; }

.footer li a:hover, #footer a:hover { color: #fff; }

#footerbar { width: 100%; height: 40px; clear:both; overflow:hidden; background: #fff; }

#footerleft, #footerright { width: 450px; font-size:0.85em; height:58px; }

#footerleft a, #footerright a { color: #3bb86d; text-decoration:underline; }

#footerleft a:hover, #footerright a:hover { color:#fff; }

#footerleft { float: left; text-align: left; margin:15px 0 0; }

#footerright { float: right; text-align: right; margin:15px 0 0; }


/* Form */
.expose { width:600px; height:260px; overflow:hidden; padding:0; margin:10px 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:0.7em; }

.leftform { float:left; width:275px; height:auto; padding-left:10px; margin: 10px 0 0 0; }

.rightform { float:right; width:285px; height:auto; margin: 10px 10px 0 0; }

input { background-color: #fff; border: 2px solid #eee; color: #666; padding:4px 5px; width:260px; margin:5px 0; }

textarea { background-color: #fff; border: 2px solid #eee; color: #666; height:89px; width:260px; padding:4px 5px; margin: 3px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:1em; }

label { color:#666; cursor:pointer; padding-left:2px; line-height:16px; display:block; margin-top:8px; width:90%; background-repeat:no-repeat; }

.margintop { margin:5px 0 0; padding:0; font-size:0.9em; color:#FFF; font-weight:bold; }

/*Text inputs*/
.smalltext { font-size:0.7em; }

.margin { margin:10px 0 0; width:183px; }

.textinput, .textinputHovered { border:1px #FFF solid; }

.textinputHovered { border:1px #FFF solid; }

.secure { float:left; width:154px; height:25px; margin: 5px 0 0; padding:0; }

.secureimg { float:left; margin:0 5px 0 0; padding:0; }

.clear { clear:both; padding:5px 0; }

.clear a { color:#666; font-weight:bold; font-size:0.9em; text-decoration:underline; }

.clear a:hover { color: #3bb86d; }

/*Button*/
.buttonSubmit { border: 1px solid #666; height: 26px; color:#ccc; font-weight: bold; margin:35px 11px 0 0; padding: 0; width:105px; float: right; background: #333; cursor:pointer; }

/*process*/

.phpstyle4 { color:#008000; }

.phpstyle3 { color:#c33131; }

.tickyellowbox { background-color:#e9fcca; border:1px solid #008000; margin: 10px 0; padding: 20px; }

.tickredbox { background-color:#fbdacd; border:1px solid #c33131; margin: 10px 0; padding: 20px; }

#error { margin-left:15px; font-size:0.9em; line-height:1.5em; }

/*wordpress*/

.frontpostdate { float:left; height: 37px; padding: 10px 0 0; width: 49px; background: url(images/date.jpg) no-repeat; }

.frontposttext { float:left; margin:3px 10px 10px 10px; width:210px; height: auto; }

.frontposttext p { line-height:14px !important; padding: 0; margin:0; }

.frontpostcontenttitle { float:left; margin:0 10px; width:210px; font-size: 0.8em; font-weight:bold;  }

.frontpostcontenttitle a {color: #3bb86d;}

.frontpostcontenttitle a:hover {color: #fff;}

.day, .month { text-align: center; color: #3bb86d; }

.day { font-size: 1em; line-height:10px; }

.month { font-size:0.7em; line-height:20px; }

.frontpost { float: left; height: auto; list-style: none outside none; overflow: hidden; margin: 5px 5px 0 0; width: 280px; }

.feed ul, .feed2 ul { margin: 0 !important; width: 860px; float:right; }

.feed, .feed2 { height:auto; width:960px; clear:both; margin:10px 0 0 0; background:url(images/divider.jpg) top repeat-x; padding:10px 0; overflow:hidden; }

.feed2 { position:absolute; top:20px; }

.feedtitle { float:left; width: 100px; }