/*
COMPLETE T.O.C
=RESET
=GENERAL
=LAYOUT
=PAGES
=HOME
=slideshow-index
=slideshow-clients
=service-overview-index
=hasicon
=ABOUT
=team
=SERVICES
=service-overview
=PORTFOLIO
=portfolio-filter
=portfolio-overview
=portfolio-pagination
=slideshow-portfolio
=BLOG
=blog-post
=blog-navigation
=blog-post-comment
=search
=CONTACT
*/
/* =RESET
-----------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
-webkit-text-size-adjust: none;
}
ol, ul {
list-style:none
}
table {
border-collapse:separate;
border-spacing:0
}/* tables still need 'cellspacing="0"' in the markup */
caption, th, td {
color: #111;
font-family: "Glegoo",sans-serif;
font-size: 17px !important;
font-weight: normal;
line-height: 41px;
margin-bottom: 10px;
margin-right: 14px;
margin-top: 0;
text-align: left;
border-bottom: dotted 1px #8ebdbe;
display: block;
float: left;
position: relative;
height: 50px !important;
height: 40px !important;
}
.item { font-size: 12px !important;}
textarea {
font-size: 12px !important;
height: 125px;
padding: 5px;
width: 380px;
}
label { font-size: 12px !important;}
blockquote:before, blockquote:after, q:before, q:after {
content:""
}
blockquote, q {
quotes:""""
}
/* =GENERAL
-----------------------------------------------------------------------------------------------*/
body {
font:13px/20px 'Abel', sans-serif;
font-weight:300;
color:#555;
}
/* =headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
color:#888;
}
h1 {
font-size:25px;
line-height:32px;
margin-bottom:15px;
}
h2 {
border-bottom: thin solid #999999;
color: #666;
display: block;
font-family: "Playfair Display",serif !important;
font-size: 22px;
margin-bottom: 18px;
padding-bottom: 10px;
}
.contact-upper-form {
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
}
.contact-upper-form h3{
color: #FFFFFF;
font-size: 14px;
line-height: 22px;
margin-bottom: 6px;
text-transform: uppercase;
}
input[type=submit] .submit-btn, input[type=button].submit-btn, .blue-btn{
font-size:16px;
line-height:17px;
margin-bottom:10px;
}
h5 {
font-size:14px;
line-height:15px;
margin-bottom:8px;
text-transform:uppercase;
}
h6 {
font-size:13px;
line-height:14px;
margin-bottom:8px;
color: #8EBDBE;
}
h6 a{
font-size:15px;
line-height:14px;
margin-bottom:8px;
color: #666;
text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Glegoo', sans-serif;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration:none;
}
.ie7 h1, .ie7 h2, .ie7 h3, .ie7 h4, .ie7 h5, .ie7 h6 {
font-weight:normal;
}
/* =text-elements
-------------------------------------------------------------- */
a {
color:#8EBDBE;
text-decoration:none;
}
a:hover {
}
a img {
border:none;
}
strong {
color:#333;
}
em {
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 16px;
font-style: italic;
font-weight: lighter;
line-height: 26px;
text-transform: none;
}
p, ul, ol, pre, code {
margin-bottom: 10px;
font-family: 'Glegoo', sans-serif;
font-size: 13px;
line-height: 23px;
font-weight: 300;
color: #333;
}
p.last, ul.last, h1.last, h2.last, h3.last, h4.last, h5.last, h6.last {
margin-bottom:0;
}
ul {
list-style-type:circle;
list-style-position:inside;
}
ul.checklist {
list-style-image:url(images/bg-checklist.png);
}
ol {
list-style-type:none;
list-style-position:inside;
}
blockquote {
padding:1px 20px 5px 60px;
line-height:24px;
background: url(images/bg-blockquote.png) no-repeat top left;
color:#999999;
}
blockquote span {
color:#666666;
}
.blockquote-left {
width:200px;
float:left;
}
.blockquote-right {
width:200px;
float:right;
}
.blockquote-nobg {
background:none;
padding:0;
}
pre, code {
border:1px solid #efefef;
border-left-width:5px;
display:block;
padding:10px;
font-size:11px;
font-family: monospace;
background-color:#f5f5f5;
}
/* due to IE
margin bugs I had to made a class and apply it to a div to achieve the effect of a
*/
hr {
background-color: #EFEFEF;
border: medium none;
color: #EFEFEF;
height: 1px;
margin-bottom: 26px;
margin-top: 20px;
}
.hr {
border-top:1px solid #efefef;
margin:30px 0;
}
/* =tables
-------------------------------------------------------------- */
table {
border-collapse:separate;
}
th {
padding:10px 15px;
text-transform:uppercase;
font-weight:bold;
}
/* =forms-messages
-------------------------------------------------------------- */
label {
font: 300 14px/20px 'Glegoo',sans-serif;
color:#666666;
}
label span.required {
color:#ff0000;
}
fieldset {
padding:25px;
margin:0 0 20px 0;
border:1px solid #efefef;
}
legend {
font-weight: bold;
}
form p {
margin-bottom:10px;
}
input[type=text], input[type=password], input.text, textarea {
background-color:#ffffff;
border:1px solid #e1e1e1;
}
input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus {
border-color:#cccccc;
}
select {
border-width:1px;
border-style:solid;
background-color:#ffffff;
}
input[type=text], input[type=password], input.text, textarea, select {
font-family: 'Glegoo', sans-serif;
color: #888;
padding: 3px;
margin-top: 5px;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
}
input.text {
width:250px;
padding:5px;
}
textarea {
width:380px;
height:125px;
padding:5px;
}
.errormsg, .successmsg, .infomsg, .noticemsg {
padding:10px 10px 10px 40px;
margin-bottom:10px;
border:1px solid #dddddd;
border-left-width:5px;
}
.errormsg {
border-color:#fbc2c4;
background:#fbe3e4 url(images/bg-msg.png) no-repeat 0 0;
color:#8a1f11;
}
.errormsg a {
color:#8a1f11;
}
.successmsg {
border-color:#c6d880;
background:#e6efc2 url(images/bg-msg.png) no-repeat 0 -220px;
color:#264409;
}
.successmsg a {
color:#264409;
}
.infomsg {
border-color:#92cae4;
background:#d5edf8 url(images/bg-msg.png) no-repeat 0 -72px;
color:#205791;
}
.infomsg a {
color:#205791;
}
.noticemsg {
border-color:#ffd324;
background:#fff6bf url(images/bg-msg.png) no-repeat 0 -148px;
color:#514721;
}
.noticemsg a {
color:#514721;
}
/* =default-classes
-------------------------------------------------------------- */
.img-align-left {
margin:5px 10px 0 0;
float:left;
}
.img-align-right {
margin:5px 0 0 10px;
float:right;
}
.text-right {
text-align: right;
float: left;
display: block;
width: 193px;
letter-spacing: .5px;
}
.text-center {
text-align:center;
}
.text-highlight {
padding:2px 5px;
background-color:#D5EDF8;
color:#111111;
}
.text-highlight2 {
padding:2px 5px;
background-color:#FFF6BF;
color:#111111;
}
.bordered {
padding:20px;
border:1px solid #efefef;
}
.float-left {
float:left;
}
.float-right {
float:right;
}
/* =grid
-------------------------------------------------------------- */
/* Clear Fix Hack - add class="fixed" to div's that have floated elements in them */
.fixed:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.fixed {
display:block;
}
/* \*/
.fixed {
min-height:1%;
}
* html .fixed {
height:1%;
}
.row {
}
.col145 {
width:145px;
float:left;
margin-right:20px;
}
.col180 {
width:180px;
float:left;
margin-right:20px;
}
.col205 {
width:205px;
float:left;
margin-right:20px;
}
.col280 {
width:210px;
float:left;
margin-right:20px;
}
.col430 {
width:430px;
float:left;
margin-right:20px;
}
.col580 {
float: left;
margin-left: 20px;
width: 540px;
}
.col655 {
width:880px;
float:left;
border-bottom: thin solid #b8b6b0;
border-right: thin solid #b8b6b0;
border-left: thin solid #b8b6b0;
background-color: #FFF;
}
.col655-second {
width:880px;
float:left;
border-bottom: thin solid #b8b6b0;
border-right: thin solid #b8b6b0;
border-left: thin solid #b8b6b0;
background-color: #FFF;
}
.last {
margin-right:0px;
}
.clear {
clear:both;
}
/* =LAYOUT
-----------------------------------------------------------------------------------------------*/
#wrap {
width:980px;
background-color:#ffffff;
-webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 6px rgba(0,0,0,.1);
box-shadow: 0 0 6px rgba(0,0,0,.1);
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#header {
position:relative;
z-index:10; /* IE6 and IE7 z-index bug fix*/
}
#logo-header-widget-1 {
margin-bottom:30px;
}
/* =logo
-----------------------------------------------------------------------------------------------*/
#logo {
}
#logo img {
display:block;
}
/* =header-widget-1
-----------------------------------------------------------------------------------------------*/
#header-widget-1 {
float:right;
margin-top:10px;
}
/* =social-media
-----------------------------------------------------------------------------------------------*/
#social-media {
list-style-type:none;
margin-bottom:0;
float:right;
margin-top:23px;
}
#social-media li {
float:left;
}
#social-media li a {
display:block;
float:left;
margin-left:5px;
opacity:0.5;
}
#social-media li a:hover {
opacity:1;
}
#menu-header-wigdet-2 {
margin-left: 50px;
margin-right: 50px;
}
/* =dropdown-menu
-----------------------------------------------------------------------------------------------*/
/* level 1 menu */
ul#dropdown-menu {
list-style:none;
margin-bottom:0;
width: 350px;
float: left;
}
ul#dropdown-menu li {
float: left;
font-size: 12px;
}
ul#dropdown-menu li a {
display: block;
color:#666;
font-family: 'Glegoo', sans-serif;
;
text-transform:uppercase;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
border-right-width: thin;
border-right-style: solid;
border-right-color: #999;
font-size: 13px;
}
ul#dropdown-menu li.last > a {
padding-right:0;
}
ul#dropdown-menu li.hover, ul.dropdown-menu li:hover {
position: relative;
text-decoration:none;
}
ul#dropdown-menu li.hover a {
text-decoration:none;
color:#333;
} /* LEVEL 1 menu item styling ON HOVER */
ul#dropdown-menu li.current > a {
color:#333;
} /* styling of LEVEL 1 menu item that is current */
/* level 2 menu */
ul#dropdown-menu ul {
width:170px;
position:absolute;
top:100%;
left:-10px;
list-style:none;
display:none;
background-color:#ffffff;
border:1px solid #efefef;
z-index:15;
padding:5px 0;
}
ul#dropdown-menu ul li {
width:140px;
padding:0 15px;
}
ul#dropdown-menu li .sub-menu li > a {
width:140px;
display: inline-block;
border:none;
border-bottom:1px solid #f0f0f0;
padding:10px 0; /* LEVEL 2 menu element styling */
font-weight:normal;
text-transform:none;
font-size:13px;
font-family:'Droid Sans', sans-serif;
} /* IE 6 and 7 Needs Inline Block */
ul#dropdown-menu li .sub-menu li > a:hover {
text-decoration:none;
color:#333;
} /* LEVEL 2 menu item styling ON HOVER */
ul#dropdown-menu li .sub-menu li:last-child > a {
border:none;
} /* LAST LEVEL 2 menu item styling */
ul#dropdown-menu li .sub-menu li:last-child > a:hover {
border:none;
}
/* level 3 menu */
ul#dropdown-menu ul ul {
left:100%;
top:-1px;
}
ul#dropdown-menu li:hover > ul {
visibility:visible;
}
ul#dropdown-menu ul ul li > a {
border-bottom:1px solid #fff;
border-bottom:none;
} /* LEVEL 3 menu styling */
.arrow {
background:url(images/bg-sidenav.gif) no-repeat 130px 18px;
}
/* =header-widget-2
-----------------------------------------------------------------------------------------------*/
#header-widget-2 {
padding-top:23px;
}
#content {
position:relative;
z-index:5; /* IE6 and IE7 z-index bug fix*/
min-height:484px;
}
#content > .hr:first-child {
margin-top:0;
}
#page-header {
position:relative;
width:880px;
height:180px;
overflow:hidden;
margin-bottom:30px;
}
#page-header img {
position:absolute;
top:0;
left:0;
z-index:10;
}
#page-header-title {
position:absolute;
bottom:0px;
left:0px;
z-index:20;
padding:10px 35px 10px 25px;
width:220px;
background-color:#F28133;
background:url(images/bg-slider.png) repeat top left;
color:#fff;
}
/* =pdf
-----------------------------------------------------------------------------------------------*/
.pdf {
background:url(images/bg-pdf.png) no-repeat 0px 2px;
padding:4px 10px 0px 55px;
min-height:48px;
margin-bottom:10px;
}
/* =side-nav
-----------------------------------------------------------------------------------------------*/
.side-nav {
list-style-type:none;
list-style-position:outside;
border-top:1px solid #f0f0f0;
margin-bottom:30px;
}
.side-nav li {
border-bottom:1px solid #f0f0f0;
}
.side-nav li a:hover {
}
.side-nav li a {
display:block;
padding:11px 0 10px 10px;
}
.side-nav li.current a {
color:#000000;
}
.side-nav li.current a:hover {
text-decoration:none;
}
/* =accordion
-----------------------------------------------------------------------------------------------*/
.accordion {
list-style-type: none;
}
.accordion li {
float: left;
display: block;
width:100%;
border-top:1px solid #f0f0f0;
margin-bottom:0;
}
.accordion li.current>a {
background: url(images/bg-accordion.png) no-repeat left 14px;
color:#555;
}
.accordion li.last {
border-bottom:1px solid #f0f0f0;
}
.accordion li:hover {
background-color:#f9f9f9;
}
.accordion li.current {
background-color:#f9f9f9;
}
.accordion li div {
padding:0px 30px;
background-color:#f9f9f9;
}
.accordion li >a {
text-decoration: none;
display: block;
cursor: pointer;
background: url(images/bg-accordion.png) no-repeat left -46px;
padding:13px 0px 13px 30px;
font-family:'Open Sans';
}
/* =tabs
-----------------------------------------------------------------------------------------------*/
.tabs-menu {
margin-bottom:0;
list-style:none;
border-bottom:1px solid #efefef;
}
.tabs-menu li {
display:inline;
}
.tabs-menu li a {
float:left;
padding:10px 20px;
display:block;
margin-bottom:-1px;
}
.tabs-menu li.current a {
border:1px solid #efefef;
border-bottom-color:#fff;
color:#666;
}
.tabs-content {
padding-top:30px;
}
#footer {
width:880px;
margin:0 -50px;
border-top:1px solid #f0f0f0;
border-bottom:1px solid #f0f0f0;
padding:40px 50px;
background-color:#f9f9f9;
}
#footer h6 {
margin-bottom:20px;
background:url(images/bg-footer-titles.png) repeat-x center left;
}
#footer h6 span {
padding-right:20px;
background-color:#f9f9f9;
}
#footer-widget-1 {
}
#footer-widget-2 {
}
#footer-widget-3 {
}
#footer-widget-4 {
}
/* =footer-nav
-----------------------------------------------------------------------------------------------*/
.footer-nav {
list-style-type:none;
list-style-position:outside;
margin-bottom:0;
}
.footer-nav a {
border-bottom:1px solid #efefef;
display:block;
padding:10px 0 9px 5px;
}
.footer-nav li.first a {
padding-top:0;
}
.footer-nav li.last a {
}
/* =contact-info
-----------------------------------------------------------------------------------------------*/
#contact-info {
list-style-type:none;
list-style-position:outside;
margin-bottom:0;
}
#contact-info li {
padding-left:25px;
margin-bottom:0px;
}
#contact-info .phone {
background:url(images/bg-contact-info.png) no-repeat 0 -132px;
}
#contact-info .adress {
background:url(images/bg-contact-info.png) no-repeat 0 0;
}
#contact-info .email {
background:url(images/bg-contact-info.png) no-repeat 0 -66px;
}
/* =PAGES
-----------------------------------------------------------------------------------------------*/
/* =HOME
-----------------------------------------------------------------------------------------------*/
/* =slideshow-index
-----------------------------------------------------------------------------------------------*/
#slideshow-index {
clear: both;
display: block;
float: left;
position: absolute;
top: -94px;
z-index: 15;
}
#slideshow-index ul {
height: 460px;
list-style: none outside none;
overflow: hidden;
position: relative;
width: 980px;
z-index: 10;
/* [disabled]margin: 0; */
}
#slideshow-index ul li {
width:880px;
height:360px;
position:relative;
}
#slideshow-index ul li img {
position:absolute;
top:0;
left:0;
z-index:15;
}
#slideshow-index .calltoaction {
position:absolute;
top:203px;
left:0px;
z-index:20;
padding:20px 35px 20px 25px;
background-color:#F28133;
}
.calltoaction h4 {
margin-bottom:0;
}
.calltoaction a {
color:#fff;
}
.calltoaction a:hover {
}
#slideshow-index .slidetext {
position:absolute;
top:260px;
left:0px;
overflow:hidden;
width:230px;
padding:20px 25px;
background:url(images/bg-slider.png) repeat top left;
z-index:20;
}
.slidetext p {
margin-bottom:0;
color:#fff;
}
.slidetext a {
color:#ffffff;
}
.slidetext a:hover {
text-decoration:underline;
}
#index-slideshow-pager {
width:14px;
text-align:center;
z-index:35;
position:absolute;
right:50px;
top: 380px;
}
#index-slideshow-pager a {
display:inline-block;
width:14px;
height:14px;
margin-left:1px;
background:url(images/bg-pager.png) no-repeat 0 0;
text-align:left;
outline-style:none;
text-indent:-9999px;
}
#index-slideshow-pager .activeSlide {
background:url(images/bg-pager.png) no-repeat 0 -64px;
}
/* =slideshow-clients
-----------------------------------------------------------------------------------------------*/
#slideshow-clients {
position:relative;
z-index:10;
}
#slideshow-clients ul {
position:relative;
list-style:none;
margin-bottom:0;
}
#slideshow-clients ul li {
position:relative;
z-index:10;
}
#slideshow-clients ul li blockquote {
z-index:15;
background:none;
padding:0;
}
/* =service-overview-index
-----------------------------------------------------------------------------------------------*/
.service-overview-index {
}
.service-overview-index h5 a {
}
.service-overview-index img {
display:block;
margin:0 -21px 20px -21px;
}
.service-overview-index ul {
list-style-type:none;
list-style-position:outside;
margin-bottom:30px;
}
.service-overview-index li {
float:left;
margin-right:20px;
width:238px;
cursor:pointer;
border:1px solid #ddd;
border-top:none;
padding:0 20px 20px 20px;
text-align:center;
color:#777;
}
.service-overview-index li.last {
margin-right:0;
}
.service-overview-index li:hover {
}
/* =hasicon
-----------------------------------------------------------------------------------------------*/
.hasicon {
margin-bottom:10px;
line-height:20px;
vertical-align:middle;
}
.hasicon img {
float:left;
margin-right:10px;
}
/* =ABOUT
-----------------------------------------------------------------------------------------------*/
/* =team
-----------------------------------------------------------------------------------------------*/
.team {
padding-bottom:-30px;
}
.team-member {
border:1px solid #ddd;
border-top:none;
text-align:center;
margin-bottom:30px;
width:203px;
}
.team-member img {
margin:0 -1px 20px -1px;
}
/* =SERVICES
-----------------------------------------------------------------------------------------------*/
/* =service-overview
-----------------------------------------------------------------------------------------------*/
.service-overview {
margin:30px 0;
}
.service-overview ul {
list-style-type:none;
list-style-position:outside;
margin-bottom:0;
}
.service-overview li {
float:left;
margin-right:20px;
width:238px;
cursor:pointer;
border:1px solid #ddd;
border-top: none;
padding:0 20px 0 20px;
text-align:center;
color:#777;
}
.service-overview li.last {
margin-right:0;
}
.service-overview h5 {
}
.service-overview img {
display:block;
margin:0 -21px 20px -21px;
}
.pagination {
list-style:none;
float:right;
margin-bottom:0;
}
.pagination li {
float:left;
border-right:1px solid #efefef;
padding:0px 10px;
line-height:16px;
}
.pagination li.first {
padding-left:0;
}
.pagination li.last {
border-right:none;
padding-right:0;
}
.pagination li.current a {
color:#000000;
}
.pagination li a {
display:block;
}
/* =slideshow-portfolio ( single portfolio item )
-----------------------------------------------------------------------------------------------*/
#slideshow-portfolio {
position:relative;
margin-bottom:30px;
}
#slideshow-portfolio ul {
position:relative;
width:580px;
height:352px;
overflow:hidden;
margin-bottom:0;
list-style:none;
}
#slideshow-portfolio ul li {
width:580px;
height:352px;
position:relative;
}
#slideshow-portfolio ul li img {
position:absolute;
top:0;
left:0;
}
#slideshow-portfolio-pager {
width:15px;
text-align:center;
z-index:35;
position:absolute;
right:30px;
bottom:32px;
}
#slideshow-portfolio-pager a {
display:inline-block;
width:14px;
height:14px;
margin-left:1px;
background:url(images/bg-pager.png) no-repeat 0 0;
text-align:left;
outline-style:none;
text-indent:-9999px;
}
#slideshow-portfolio-pager .activeSlide {
background:url(images/bg-pager.png) no-repeat 0 -64px;
}
/* =search
-----------------------------------------------------------------------------------------------*/
#search fieldset {
position:relative;
border:none;
margin:0;
margin-bottom:20px;
padding:0;
}
#search-input {
width:260px;
padding:7px 10px;
margin:0;
font-size:12px;
color:#ccc;
background-color:#fff;
border:none;
border:1px solid #f1f1f1;
}
#search-input:focus {
color:#666;
}
#search .search-submit-btn {
position:absolute;
top:8px;
right:5px;
height:18px;
width:18px;
outline:none;
background:url(images/bg-search.png) no-repeat top left;
cursor:pointer;
border:none;
}
/* =CONTACT
-----------------------------------------------------------------------------------------------*/
#contact-form {
}
#contact-form fieldset {
margin:0;
padding:15px 0 15px 0;
}
#contact-form p {
padding:5px 0 5px 25px;
margin:1px;
}
#contact-form p#formstatus {
border:none;
border-bottom:1px solid #efefef;
padding-right:25px;
margin-bottom:10px;
}
/*** Search ***/
.search-box {
float: right;
margin-right:8px;
position: relative;
}
.search-box .search-text {
border: solid 1px #b8b6b0;
font-size: 12px;
height: 15px;
padding:5px 0 5px 10px;
position: absolute;
right: 0;
top: 2px;
width: 253px;
color:#888;
font-family: 'Glegoo', sans-serif;
;
text-transform: uppercase;
}
.search-box .search-submit {
border: medium none;
cursor: pointer;
font-size: 0;
height: 17px;
line-height: 0;
overflow: hidden;
position: absolute;
right: 5px;
text-indent: -9999px;
top: 12px;
width: 16px;
background-attachment: scroll;
background-color: transparent;
background-image: url(../images/icons/search-icon.png);
background-repeat: no-repeat;
background-position: center 0;
}
.col655-second ul#dropdown-menu {
list-style:none;
margin-bottom:0;
width: 600px;
float: left;
}
.col655-second ul#dropdown-menu li {
float: left;
font-size: 12px;
}
.col655-second ul#dropdown-menu li a {
border-right: thin solid #999999;
color: #888888;
display: block;
font-family: 'Glegoo',sans-serif;
font-size: 12px;
height: 30px;
line-height: 30px;
padding-left: 17px;
padding-right: 17px;
text-transform: uppercase;
}
.col655-second ul#dropdown-menu li a.selected{
color: #FFF;
background: #ace5e5; /* Old browsers */
background: -moz-linear-gradient(top, #ace5e5 0%, #82adac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ace5e5), color-stop(100%,#82adac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ace5e5 0%,#82adac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ace5e5 0%,#82adac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ace5e5 0%,#82adac 100%); /* IE10+ */
background: linear-gradient(to bottom, #ace5e5 0%,#82adac 100%); /* W3C */
}
.col655-second ul#dropdown-menu li a:hover{
color: #FFF;
background: #ace5e5; /* Old browsers */
background: -moz-linear-gradient(top, #ace5e5 0%, #82adac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ace5e5), color-stop(100%,#82adac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ace5e5 0%,#82adac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ace5e5 0%,#82adac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ace5e5 0%,#82adac 100%); /* IE10+ */
background: linear-gradient(to bottom, #ace5e5 0%,#82adac 100%); /* W3C */
}
/* =NEW Stuff
-----------------------------------------------------------------------------------------------*/
.upper-container {
position:relative;
z-index:998;
}
.container {
position: relative;
width: 960px;
margin: 0 auto;
padding: 0;
}
#header-wrapper {
padding:0 0 13px 0;
z-index:300;
position:relative;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ UPPER PART ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.upper-container {
position:relative;
z-index:998;
}
.toggle-upper {
position:absolute;
overflow:hidden;
left:50%;
top:-4px;
margin-left:-10px;
width:0;
height:18px;
padding:0 0 0 21px;
background-image: url(/images/icons/close-upper.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.toggle-upper:hover {/*
background-position:0 bottom;
*/
}
.header-upper .toggle-upper {
top:100%;
background-image:url(/images/icons/up.png);
}
.map-iframe {
position:relative;
overflow:hidden;
height:182px;
margin-bottom:20px;
-webkit-box-shadow:0 0 0 1px #f0f0f0;
box-shadow:0 0 0 1px #f0f0f0;
border:#fff 4px solid;
}
.map-iframe img {
display:block;
max-width:none;
}
.bott-line {
padding:0 0 16px 0;
margin:0 0 14px 0;
background:url(images/backgrounds/line.png) repeat-x 0 bottom;
}
.part-left {
float:left;
}
.part-right {
float:right;
}
.contact-upper-form {
}
.contact-upper-form form {
padding-top:4px;
}
.contact-upper-form input[type=text] {
width:65%;
margin:0 0 5px 0;
outline:none !important;
box-shadow:none;
-webkit-box-shadow:none;
}
input[type=submit].cat_button, input[type=button].cat_button {
font-family: 'Glegoo',sans-serif;
outline:none !important;
box-shadow:none;
-webkit-box-shadow:none;
width:92px;
height:26px;
padding:0;
text-align:center;
text-indent:0;
color:#fdfdfd;
cursor:pointer;
border:1px solid #749996;
border-radius:4px !important;
background: #ace5e5; /* Old browsers */
background: -moz-linear-gradient(top, #ace5e5 0%, #82adac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ace5e5), color-stop(100%,#82adac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ace5e5 0%,#82adac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ace5e5 0%,#82adac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ace5e5 0%,#82adac 100%); /* IE10+ */
background: linear-gradient(to bottom, #ace5e5 0%,#82adac 100%); /* W3C */
}
#main-content-wrapper {
background-color: #FFFFFF;
background-image: url("/images/home-bg.png");
background-position: right top;
background-repeat: no-repeat;
display: block;
float: left;
min-height: 940px;
margin: 0 auto;
padding: 50px;
position: relative;
top: -24px;
width: 880px;
}
#base-content-wrapper {
background-color: #888888;
color: #FFFFFF;
float: left;
font-family: 'Glegoo',sans-serif;
font-size: 12px;
height: 30px;
margin-left: auto;
margin-right: auto;
padding-left: 50px;
padding-right: 50px;
padding-top: 10px;
position: relative;
text-transform: uppercase;
top: -44px;
width: 880px;
}
#base-content-wrapper p{
color: #ffffff;
float: left;
font-family: "Glegoo",sans-serif;
font-size: 11px;
}
#top-legals {
float: left;
width: 550px;
padding-left: 16px;
height: 20px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#top-legals p{
color: #888888;
font-family: 'Glegoo',sans-serif;
font-size: 10px;
margin: 0;
padding: 0;
text-transform: uppercase;
}
span {
margin-right: 8px;
margin-left: 8px;
}
#top-legals p a {
color: #666;
}
#top-legals p a:hover {
color: #999;
}
#base-content-wrapper p a {
color: #FFF;
}
#base-content-wrapper p a:hover {
color: #ccc;
}
#logo {
left: 50px;
position: absolute;
top: 53px;
z-index: 500;
}
#content-wrap {
margin-right: auto;
margin-left: auto;
}
#main-template-wrapper {
-webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 6px rgba(0,0,0,.1);
box-shadow: 0 0 6px rgba(0,0,0,.1);
background-color: #FFFFFF;
float: left;
margin: 0 auto;
padding: 50px 105px 30px;
position: relative;
top: -143px;
width: 770px;
min-height: 474px;
}
#main-template-wrapper h3{
color: #6CABAD;
font: 300 14px/20px 'Glegoo',sans-serif;
font-size: 14px;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 16px;
letter-spacing: .05em;
}
#homepage-intro {
float: left;
height: 300px;
width: 91%;
padding: 24px 47px 47px;
}
#homepage-intro h1 {
border-top: thin solid #CCCCCC;
color: #888888;
display: block;
font-family: 'Glegoo',sans-serif;
font-size: 36px;
font-weight: lighter;
line-height: 40px;
margin-top: 20px;
padding-bottom: 30px;
padding-top: 10px;
}
#homepage-intro h6 {
font-family: 'Glegoo', sans-serif;
font-size: 16px;
color: #8EBDBE;
}
#homepage-intro h5 {
font-size: 16px;
color: #888;
}
#heading-template h2 {
font-size: 20px;
color: #999;
display: block;
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #999;
font-family: 'Glegoo', sans-serif;
padding-top: 10px;
}#main-template-wrapper .col580 img {
margin-top: 10px;
}
.col580 form .contact-upper-form tbody tr {
display: block;
float: left;
width: 100%;
position: relative;
}
h1 table tbody tr td a {
color: #111;
}
h1 table tbody tr td a:hover {
color: #8EBDBE;
}