@charset "UTF-8";

/*Swatches-------------------------------------
	Dark Brown: #35231b
	Dark Green: #8bc53f
	Light Green: #c9e09d
	light brown: #bfb2af
	light brown stroke: #a09794
*/


/*----------Global Styles----------*/
* { margin: 0px; padding: 0px; outline: 0 }
body { text-align: center; font: 14px Helvetica, Arial, Geneva, sans-serif; line-height: 1.286em; background-color: #35231b; color: #35231b }
a:link { text-decoration: none; color: #8bc53f }
a:visited { text-decoration: none }
a:active { text-decoration: none }
dl { font-size: 14px }
dt { font-weight: bold }
dd { margin-bottom: 10px }
p { margin: 0 10px 10px 0 }

/*Header*/
#header, #content, #footer { text-align: left; width: 960px; margin: 0px auto }
#header { height:95px; position:relative }
#header h1 { top: 15px }
#header h1 a { background: url("img/titles/logo.png") no-repeat; text-indent: -5000px; width:258px; height:58px; display: block }
#header h1, #nav { position: absolute }


/*Top Navagation*/
#nav { list-style: none; left:640px; top:38px; width:310px; overflow:hidden }
#nav li { float:left }
#nav li a { display: block; height: 57px; text-indent: -5000px; background-position:0px 114px; background-repeat: none }
#nav li a:hover { background-position: 0px 57px }
#nav li a.active { background-position: 0px -57px; border: none }
#nav li a.active:hover { background-position: 0px 0px }
#services a { width: 79px; background: url("img/buttons/services_btn.png") }
#gallery a { width: 86px; background: url("img/buttons/gallery_btn.png") }
#faq a { width:57px; background: url("img/buttons/faq_btn.png") }
#contact a { width:82px; background: url("img/buttons/contact_btn.png") }

/*Sub-Navagation*/
#sub_nav { width: 300px; height: 139px; background: url("img/bkgr/subnav_bkgr.png"); border: 1px solid #a09794; margin: 10px 0 0 15px }
#sub_nav ul { margin: 18px 0 0 35px; padding-top: 0px }
#sub_nav li { padding-top: 0px; padding-left: 10px; width: 175px; margin:0 0 12px 0; height: 15px; overflow:visible; list-style: none }
#sub_nav li.active { list-style-image: url("img/buttons/sub_nav_bullet.png") }
#sub_nav li.active a { background-position: -178px 2px }
#sub_nav li a { height: 15px; display: block; width: 174px; background-position: 0 2px }
#sub_nav li a span { /*used fahner instead of phark here because of list-display-image problem in IE8*/ visibility: hidden }
#sub_nav li a:hover { background-position: -178px 2px }
#overview a { background: url("img/buttons/overview_btn.png") no-repeat }
#concept a { background: url("img/buttons/concept_btn.png") no-repeat }
#development a { background: url("img/buttons/development_btn.png") no-repeat }
#administration a { background: url("img/buttons/administration_btn.png") no-repeat }

/*content area*/
#white_wrap{ background:white; border: #8bc53f solid 1px; border-right: none; border-left: none }
#content { width:960px; height: 407px; margin: 0px auto; position: relative; z-index:1 }
#col_wide, #col_narrow, #col_single { float: left; margin-top: 30px }
#col_wide { width: 630px; margin-right:0px }
#col_wide h2, #col_single h2 { height: 35px; text-indent: -5000px; margin-bottom: 15px; float: left }
#col_wide h2 span, #col_single h2 span { text-indent: -5000px }
#col_wide h5, #col_single h5 { float: left; font-size: 14px; line-height: 26px; font-weight: normal; margin-top: 7px }
#col_wide br, #col_single br { clear: both }
#col_wide img { float: left; margin: 3px 15px 5px 0; border: solid 1px }
#col_narrow { width: 330px }
#col_single { width: 100% }
#leaves { height: 407px; margin-left:-480px; width:960px; position:absolute; left:50%; top:95px }
#leaves div { background:url("img/bkgr/leaves.png") 0 1px no-repeat; height:100%; width:620px; position:relative; margin-left: 438px }

/*footer*/
#footer { color: #c9e09d; overflow: hidden }
#footer_links { margin: 30px 0 0 0 }
#footer li { float: left; list-style: none; margin-left: 23px; padding-left: 23px; border-left: white solid 2px; line-height: 31px }
#footer li:first-child { margin-left: 0px; padding-left: 0px; border-left: none }
#footer li.first { /*fixes IE6 :first-child problem*/ margin-left: 0px; padding-left: 0px; border-left: none }
#footer ul { width: 70%; float: left }
#footer li a { color: #c9e09d; height: 31px }
#footer li a:hover { color: white }
#home a { display: block; width: 32px; background: url("img/buttons/home_btn.png"); text-indent: -5000px }
#icona  { background: url("img/bkgr/icona_logo.png"); display: block; width: 212px; height:31px; text-indent: -5000px; float: left; margin:26px 0 0 60px }

/*----------Home Page----------*/
#home_title { background: url("img/titles/home_title.png") -4px 0px; text-indent: -5000px; width: 304px; height: 44px; margin: 8px 0 0 13px }
#intro { margin: 15px 20px 0 15px }

/*----------Service Page----------*/
#services_title { background: url("img/titles/services_title.png")0 5px no-repeat; width: 130px }
#select_service_title { background: url("img/titles/select_service_title.png") 13px 0 no-repeat; text-indent: -5000px; height: 17px; margin-top: 50px }
#service_text { margin-right: 10px }
#accordion h3 { padding-bottom: 10px }
#accordion h3 a { color: black; font-size: 14px; padding-left: 30px; background: white url("img/buttons/plus.png") 0px 0px no-repeat }
#accordion h3 a:hover { color: #8bc53f }
#accordion div { background: url("img/bkgr/expand.png") no-repeat; margin-top: 5px }
#accordion p { margin-left: 30px }

/*----------GALLERY----------*/
#gallery_title { background: url("img/titles/gallery_title.png")0 -0px no-repeat; width: 130px }

/*----------FAQ----------*/
#faq_title { background: url("img/titles/faq_title.png"); width: 40px }
#faq_list h3 { font-size: 14px; padding-bottom: 10px }
#faq_list h3 a { color: #35231b; display: block; padding-left: 30px; background: url("img/buttons/plus.png") 0px 3px no-repeat }
#faq_list h3 a:hover { color: #8bc53f }
#faq_list a { display: block }
#faq_list div { background: url("img/bkgr/expand.png") no-repeat }
#faq_list p { margin-left: 30px }

/*----------Contact Page----------*/
#contact_title { background: url("img/titles/contact_title.png") no-repeat; width: 95px }
form { width: 100%; clear: both }
fieldset { width: 600px; height: 219px; background: url("img/bkgr/contact_bkgr.png"); border: #a09794 solid 1px; position: relative }
fieldset div { float: left }
#envelope { background: url("img/bkgr/envelope.png"); position: absolute; width: 102px; height: 80px; left: 515px; top: -10px }
label { display: block; margin: 14px 0 0px 10px }
fieldset input:focus, textarea:focus { border: #a09794 solid 2px; background: #e6f6c7 }
#contact_details input { width: 180px; margin-left: 10px; font-size: 14px; color: #35231b; padding:6px 0px }
#php_msg { color:white; width:310px; margin:10px 0 0 60px }
textarea { margin: 0 0 0 55px; width: 330px; height: 120px; font-size: 14px }
#message label { margin-left: 54px }
form #submit_btn { margin: 25px 241px }
#thank_you { background: url("img/titles/thankyou_title.png") no-repeat; text-indent: -5000px; height: 80px; width: 310px; margin:55px 0 0 12px }