/*
	theme name: Lagoon Website
	version: 1.0
	author: Jakub Machala
	email: jakub.machala@youweyoucoding.com
	website: http://youweyoucoding.com

	created by youweyoucoding.com 2010
*/

/* main */
body { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #666; background: url(img/bg.png) center 177px no-repeat; }
body#comp2 { background: url(img/bg.png) center 177px no-repeat; }
body.comp { background: none; }
#wrap { width: 924px; margin: 0 auto; }
#wrapper { }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
a { text-decoration: underline; color: #41a8a6; }
a:hover { text-decoration: none; }
#content { background: url(img/content-top.png) center top no-repeat; width: 100%; padding: 21px 0 0 0; }
/* main */

/* header */
#header { height: 103px; }
#header h1 a { display: block; background: url(img/logo.png); width: 173px; height: 93px; margin: 0 auto; text-indent: -500px; overflow: hidden; }

#pixopoint_menu1 { width: 100%; height: 32px; }
#pixopoint_menu1 ul { width: 100%; }
#pixopoint_menu1 li { line-height: 32px; z-index: 20; float: left; position: relative; }
#pixopoint_menu1 li:hover, #pixopoint_menu1 li.sfhover { }
#pixopoint_menu1 li a { background: url(img/nav-li.png) right top no-repeat; height: 32px; text-decoration: none; display: block; color: #47b7b8; font-size: 14px; text-align: center; }
#pixopoint_menu1 li.page-item-2 { width: 123px; }
#pixopoint_menu1 li.page-item-21 { width: 139px; }
#pixopoint_menu1 li.page-item-34 { width: 112px; }
#pixopoint_menu1 li.page-item-30 { width: 90px; }
#pixopoint_menu1 li.page-item-48 { width: 120px; }
#pixopoint_menu1 li.page-item-50 { width: 136px; }
#pixopoint_menu1 li.page-item-52 { width: 108px; }
#pixopoint_menu1 li.page-item-54 a { background: none; width: 95px; }
#pixopoint_menu1 li.page-item-54 ul { width: 103px; }

#pixopoint_menu1 li a:hover, #pixopoint_menu1 li.current_page_item a, #pixopoint_menu1 li.current_page_item li a:hover { color: #666; }
#pixopoint_menu1 li.current_page_item li a { color: #47b7b8; }
#pixopoint_menu1 ul ul { position: absolute; margin: 0 0 0 -1px; padding: 0 0 5px 0; left: -999em; top: 32px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; background: url(img/nav-li-li.png) center top no-repeat #fff; }
#pixopoint_menu1 li:hover ul, #pixopoint_menu1 li.sfhover ul { left: auto; }
#pixopoint_menu1 ul ul li { z-index: 20; line-height: normal; float: left; width: 100%; }
#pixopoint_menu1 ul ul li a { display: block; font-size: 12px; border-bottom: 1px solid #47b7b8; height: auto; padding: 5px 0; margin: 0 7px; background: none; text-align: left; }
#pixopoint_menu1 ul ul li.last-child a { border: none; }
/* header */

/* main */
#slideshow { height: 304px; overflow: hidden; }
#slideshow #nav, #slideshow #nav-noslide { float: left; padding: 5px 0 0 0; }
#nav a, #nav-noslide a { display: block; width: 40px; height: 24px; color: #b1b1b1; font-size: 13px; text-decoration: none; text-align: center; margin: 0 0 16px 0; line-height: 22px; }
#nav li.activeSlide a, #nav-noslide li a { width: 38px; height: 22px; border: 1px solid #b1b1b1; color: #47b7b8; }
#slideshow #slide { float: right; width: 876px; height: 302px; border: 1px solid #b1b1b1; }
#slideshow #slide a { margin: 5px; display: block; height: 292px; overflow: hidden; }

#hp { padding: 16px 0 0 0; }
#hp #main { float: left; line-height: 1.6; width: 528px; padding: 0 0 22px 47px; }
#hp #main h2 { font-size: 17px; color: #47b7b8; font-weight: normal; background: url(img/h2-bg.png) left bottom repeat-x; margin: 0 0 10px 0; padding: 0 0 8px 0; text-transform: uppercase; line-height: normal; }
#page #main { float: left; line-height: 1.5; width: 556px; padding: 0 0 25px 0; }
#page #main h2 { width: 100%; font-size: 20px; color: #47b7b8; font-weight: normal; text-transform: uppercase; background: url(img/h2-bg.png) left bottom repeat-x; margin: 22px 0 12px 0; padding: 0 0 8px 0; }
#page #main h2 a { color: #47b7b8; text-decoration: none; }
#main h3 { font-size: 16px; font-weight: bold; color: #666; margin: 10px 0 0 0; }
#main p { padding: 7px 0; }
#main p.intro { padding: 0; margin: -6px 0 0 0; font-size: 16px; color: #666; }
#main h4 { padding: 0; margin: -6px 0 0 0; font-size: 16px; color: #666; font-weight:normal;}
#main ul { margin: 0 0 12px 28px; list-style: square; }
#main blockquote { width: 536px; font-size: 13px; color: #41a8a6; font-weight: normal; text-transform: uppercase; padding: 0 0 0 20px; background: url(img/quote-top.png) left 7px no-repeat; }
#main blockquote p { display: inline; padding: 0; }
#main blockquote .sig { text-align: right; text-transform: none; color: #b1b1b1; margin: 15px 0 0 0; }
#main blockquote .sig strong { color: #41a8a6; }
#main blockquote .qb { display: inline-block; width: 18px; height: 13px; margin: 3px 0 0 3px; background: url(img/quote-bottom.png) no-repeat; }
#main strong { color: #41a8a6; }
#main .blue { color: #41a8a6; }
#blog #main { float: left; line-height: 1.4; width: 737px; margin: 0 0 25px 0; background: url(img/blog-right.png) right top no-repeat; min-height: 930px; height: auto !important; height: 930px; }
#blog #main .post { float: left; width: 344px; height: 338px; margin: 35px 20px 0 0; border-bottom: 1px solid #b1b1b1; display: inline; }
#blog #main .posts { width: 710px; margin: 35px 0 0 0; }
#blog #main h2 { font-size: 16px; font-weight: normal; color: #41a8a6; text-transform: uppercase; }
#blog #main h2 a { text-decoration: none; }
#blog #main h2 a:hover { text-decoration: underline; }
#blog #main .top { height: 20px; background: url(img/h2-bg.png) left bottom repeat-x; color: #b1b1b1; margin: 0 0 7px 0; font-size: 12px; }
#blog #main .top a { color: #b1b1b1; text-decoration: none; }
#blog #main .top a:hover { text-decoration: underline; }
#blog #main .top .left { float: left; }
#blog #main .top .right { float: right; }
#blog #main .exp { height: 75px; padding: 10px 0 0 0; }
#blog #main .pic { padding: 10px 0 30px 0; }
#blog #main a.more { display: block; font-weight: bold; float: right; text-decoration: none; }
#blog #main a.more:hover { text-decoration: underline; }
#blog #main img { padding: 4px; }
#gallery #main { width: 100%; line-height: 1.4; padding: 0 0 25px 0; }
#gallery #main h2 { width: 100%; font-size: 20px; color: #47b7b8; font-weight: normal; text-transform: uppercase; background: url(img/h2-bg.png) left bottom repeat-x; margin: 22px 0 12px 0; padding: 0 0 8px 0; }

#ourrange { overflow: hidden; }
#ourrange .top { background: url(img/h2-bg.png) left bottom repeat-x; padding: 0 0 26px 0; }
#ourrange .top .left { float: left; margin: 43px 0 0 0; padding: 10px; border: 1px solid #eaeaea; }
#ourrange .top .right { float: right; width: 505px; line-height: 2.5; }
#ourrange .top h2 { font-size: 80px; color: #bbb; font-weight: normal; line-height: normal; margin: -10px 0 0 0; }
#ourrange .top h3 { font-size: 19px; color: #666; font-weight: normal; line-height: normal; position: absolute; margin: -37px 0 0 70px; }
#ourrange .top p { padding: 0; }
#ourrange .bottom { background: url(img/h2-bg.png) left bottom repeat-x; line-height: 1.3; padding: 29px 0 26px 0; }
#ourrange .bottom .left { width: 294px; float: left; }
#ourrange .bottom .left.middle { margin: 0 20px; }
#ourrange .bottom h3 { font-size: 19px; font-weight: normal; color: #666; padding: 12px 0 8px 0; margin: 0 0 10px 0; background: url(img/h2-bg.png) left bottom repeat-x; }
#ourrange .bottom p { padding: 4px 0; }
#ourrange .bottom img { padding: 0; }
#ourrange .range { height: 160px; width: 1000px; }
#ourrange .range h4 { margin: 30px 0 20px 0; font-size: 16px; font-weight: bold; color: #666; }
#ourrange .range img { float: left; margin: 0 20px 0 0; padding: 0; border: none; }
#ourrange .nav { clear: both; padding: 10px 0 0 488px; height: 31px; position: relative; }
#ourrange .nav a { display: block; float: right; height: 31px; margin: 0 0 0 16px; text-align: center; background: url(img/nav-right.png) right top no-repeat; padding: 0 2px 0 0; color: #fff; line-height: 31px; font-size: 14px; text-decoration: none; }
#ourrange .nav a span { display: block; float: left; height: 31px; background: url(img/nav-left.png); padding: 0 15px 0 17px; }
#gallery .ngg-galleryoverview { padding: 25px 0 0 0; width: 100%; }
#gallery .ngg-gallery-thumbnail-box { width: 33%; float: left; text-align: center; margin: 0 0 30px 0; }

#main img { border: 1px solid #b1b1b1; padding: 6px; }
#main img.alignleft { float: left; margin: 4px 10px 0 0; }
#main img.alignright { float: right; margin: 4px 0 0 10px; }

#main #navigation { width: 708px; clear: both; }
#main #navigation a { display: block; margin: 15px 0 0 0; font-size: 12px; color: #b1b1b1; text-decoration: none; }
#main #navigation .alignleft a { float: left; }
#main #navigation .alignright a { float: right; }

.breadcrumb { font-size: 11px; color: #b1b1b1; }
.breadcrumb a { color: #b1b1b1; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }

#page #main .agent { background: url(img/h2-bg.png) left top repeat-x; padding: 20px 0 30px 0; }
#page #main .agent:first-child, #page #main .agent.first-child { background: none; padding-top: 10px;height:177px }
#page #main .agent h3 { font-size: 14px; font-weight: bold; color: #41a8a6; margin: 5px 0 0 0; }
#page #main .agent a { text-decoration: none; }

.wpcf7 form { margin: 30px 0 0 0; }
.wpcf7 fieldset { border: 1px solid #d0d0d0; padding: 18px 32px 20px 32px; margin: 0 0 30px 0; color: #666; font-size: 11px; }
.wpcf7 legend { font-size: 18px; color: #41a8a6; font-weight: normal; text-transform: uppercase; }
.wpcf7 label { line-height: 18px; }
.wpcf7 input { margin: 0 0 6px 0; width: 279px; height: 20px; border: 1px solid #41a8a6; line-height: 20px; padding: 0 7px; color: #666; font-size: 11px; }
.wpcf7 .left { width: 181px; float: left; }
.wpcf7 input#postcode { width: 98px; }
.wpcf7 select { margin: 0 0 6px 0; width: 114px; height: 22px; border: 1px solid #41a8a6; line-height: 20px; padding: 3px 0 0 0; color: #666; font-size: 11px; }
.wpcf7 textarea { overflow: auto; margin: 0; width: 473px; height: 85px; border: 1px solid #41a8a6; line-height: 15px; padding: 7px; color: #666; font-size: 11px; font-family: Verdana, Geneva, sans-serif; }
.wpcf7 .bt { margin: -6px 0 0 -5px; height: 30px; }
.wpcf7 #news { float: left; }
.wpcf7 #news input { margin: 0; width: auto; height: auto; border: none; line-height: normal; padding: 0; }
.wpcf7 input#submit { float: right; background-color: #41a8a6; margin: -18px 1px 0 0; font-size: 11px; color: #fff; text-transform: uppercase; padding: 0; width: 65px; height: 26px; }
.wpcf7 span.req { color: #41a8a6; }
.wpcf7 img { border: none; padding: 0; }

.cform form { margin: 30px 0 0 0; }
.cform fieldset { border: 1px solid #d0d0d0; padding: 18px 32px 20px 32px; margin: 0 0 30px 0; color: #666; font-size: 11px; }
.cform legend { font-size: 18px; color: #41a8a6; font-weight: normal; text-transform: uppercase; }
.cform label { display:block;line-height:18px;width:180px;}
.cform input { margin: 0 0 6px 0; width: 279px; height: 20px; border: 1px solid #41a8a6; line-height: 20px; padding: 0 7px; color: #666; font-size: 11px; }
.cform .left { width: 181px; float: left; }
.cform input#cf_field_7 { width: 98px; }
.cform select { margin: 0 0 6px 0; width: 114px; height: 22px; border: 1px solid #41a8a6; line-height: 20px; padding: 3px 0 0 0; color: #666; font-size: 11px; }
.cform textarea { overflow: auto; margin: 0; width: 473px; height: 85px; border: 1px solid #41a8a6; line-height: 15px; padding: 7px; color: #666; font-size: 11px; font-family: Verdana, Geneva, sans-serif; }
.cform .bt { margin: -6px 0 0 -5px; height: 30px; }
.cform #news { float: left; }
.cform #news input { margin: 0; width: auto; height: auto; border: none; line-height: normal; padding: 0; }
.cform input#sendbutton { float: right; background-color: #41a8a6; margin: -18px 1px 0 0; font-size: 11px; color: #fff; text-transform: uppercase; padding: 0; width: 65px; height: 26px; }
.cform span.req { color: #41a8a6; }
.cform img { border: none; padding: 0; }
#li--7 {float:left;}
#li--8 {float:left;}
.cform fieldset.cf_hidden {visibility:hidden;height:0;margin:0;padding:0;}
#cf_field_14 {width:30px;float:left;}
label.cf-after {float:left;width:auto;}
/* main */

/* sidebar */
#sidebar { }
#sidebar ul.hp { width: 300px; float: right; padding: 0 1px 0 0; line-height: 1.3; }
#sidebar ul.hp li { margin: 0 0 11px 0; }
#sidebar ul.page { width: 300px; float: right; padding: 0 1px 0 0; line-height: 1.3; }
#sidebar ul.page { padding: 45px 0 0 0; }
#sidebar ul.page li { margin: 0 0 17px 0; }
#sidebar ul li ul li { margin: 0; }
#sidebar h3 { font-size: 14px; font-weight: normal; text-transform: uppercase; color: #47b7b8; }
#sidebar .widget_execphp { border: 1px solid #b1b1b1; color: #5dbec0; background: url(img/side-news-bg.png) right top no-repeat; }
#sidebar .widget_execphp ul { background: url(img/side-news-left.png) left center no-repeat; padding: 7px 7px 6px 40px; width: 253px; }
#sidebar .widget_execphp li { margin: 0 0 12px 0; }
#sidebar .widget_execphp li.more { margin: 0; }
#sidebar .widget_execphp a { color: #5dbec0; font-weight: normal; text-decoration: none; }
#sidebar .widget_execphp a:hover { text-decoration: underline; }
#sidebar .widget_execphp a.more { float: right; display: inline; width: 70px; height: 21px; margin: -8px 0 0 0; background: url(img/side-more.png); text-align: center; line-height: 20px; font-size: 8px; color: #fff; text-transform: uppercase; }
#sidebar #text-3, #sidebar #text-4 { border: 1px solid #5dbec0; color: #5dbec0; padding: 7px; font-weight: normal; background-color: #fff; }
#sidebar p { padding: 5px 0; }
#sidebar span.date{ font-weight: bold; }

#sidebar ul.blog { width: 146px; float: right; padding: 40px 20px 20px 20px; line-height: 1.5; }
#sidebar ul.blog h3 { background: url(img/h2-bg.png) left bottom repeat-x; width: 110px; padding: 0 0 6px 0; margin: 0 0 6px 0; }
#sidebar ul.blog li { margin: 0 0 30px 0; }
#sidebar ul.blog li li { margin: 0; }
/* sidebar */

/* box */
#box { height: 28px; background: url(img/box-top.png) center top no-repeat; padding: 9px 0 0 0; font-size: 10px; line-height: 25px; color: #b1b1b1; }
#box a { color: #b1b1b1; text-decoration: none; }
#box a:hover { text-decoration: underline; }
#box-left { float: left; width: 591px; text-align: left; line-height: 15px; padding-top: 10px;}
#box-right { float: right; /*width: 113px;*/ padding: 4px 21px 0 0; }
#box-right span { display: block; float: left; line-height: 18px; }
#box-right a { display: block; width: 20px; height: 20px; text-indent: -500px; overflow: hidden; float: right; margin: 0 0 0 5px; }
#box-right a.fb { background: url(img/icon-fb.png); }
#box-right a.tw { background: url(img/icon-twitter.png); }
#box-right a.addthis_button { display: block; width: auto; height: auto; text-indent: 0px; overflow: hidden; float: right; margin: 0 0 0 5px; }
/* box */