/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/* Wraps */
body { background: #292929 center top no-repeat; border-top: 6px solid #303030; color: #B4B3B3; }

/* Fonts */
body, p { font-family: Arial, sans-serif; }
.alert-box { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }

/* Grid */
.row { }

/* Featured Colour */
.featured-colour { color: #2f9fd5; }

/* Hyperlinks */
a { color: #B4B3B3; }
a:hover { color:#fff; }
.button { border: none; background:#2f9fd5; font-size: 16px; font-weight:100; padding: 9px 15px 5px; font-family:"RobotoLight", Arial, Serif; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.button:hover { background:#1a8cc3; }

/* Elements */
.margin-bottom { margin-bottom:15px !important; }
hr { border:none; height:1px; background-color:#404040; width:100%; margin:15px 0; padding:0; }

/* Forms */
form.custom div.custom.dropdown { width:100% !important; }
label { color: #B4B3B3; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: #3e3e3e; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; font-family: Arial, sans-serif; color: #B4B3B3; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { color:#000; }

/* Headings */
h1 { font-size:22px;}
h2 { font-size:20px; }
h3 { font-size:18px; }
h1, h2, h3, h4, h5, h6 { font-weight:300; font-family:"RobotoLight", Arial, Serif; color:#DEDEDE; margin-top:0px; }
.title { padding: 5px 0 10px 0; border-bottom: 1px solid #404040; margin-bottom: 25px; }
.line { display: block; width: 50px; height: 4px; margin: 7px 0 -11px 0; background: #2f9fd5; }

/* Header */
header { padding:0; }
header h2 { letter-spacing:-3px; margin:0; font-weight:bold; }
header h2 small { color:#222; letter-spacing:-2px; font-weight:bold; }
#logo { float: left; margin: 10px 0; }

/* Navigation */
nav { float: right; }
.nav-bar { background: none; padding-top:5px; border: 0 !important; }
.nav-bar > li { border: 0 !important; line-height: 40px; }
.nav-bar > li.current-menu-item, .nav-bar > li.current-menu-item a, .nav-bar > li > a:hover { color: #fff; background: #2f9fd5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.nav-bar > li:hover { color: red ; background: none; }
.nav-bar > li > a { color: #B4B3B3; /* padding: 0 15px !important; */ border: 0 !important; }
.nav-bar > li > a:first-child { font-size: 16px; }
.nav-bar > li:last-child { border: 0 !important; }
/*.nav-bar > li.has-flyout > a:first-child { padding-right: inherit; }*/
/*.nav-bar > li.has-flyout > a:first-child::after { border: none; }*/
.nav-bar > li, .nav-bar > li:last-child { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/* Navigation Drop Down */
.flyout { background:#303030; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
ul.flyout li a, .nav-bar li ul li a { padding: 13px 15px; background: none; border: none; color: #B4B3B3; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
ul.flyout li a, .nav-bar li ul li a:hover { background: none; border: none; color: #2f9fd5; }
ul.flyout li, .nav-bar li ul li { border: none; }

/* Navigation Select Box */
.tinynav { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: white url(../images/bg-select.png) no-repeat right; border: 1px solid #CCC; overflow: hidden; padding: 10px; margin-bottom:5px; margin-top: 20px; }
.tinynav { display: none } /* TinyNav Desktop */
.button.dropdown > ul { z-index:999; }

/* Breadcrumbs */
#breadcrumbs { border-top:1px solid #404040; margin-bottom:15px; }
ul.breadcrumbs { background:none; border:none; padding:0; margin:8px 0 0; }
ul.breadcrumbs li.current a { color: #e64141; }

/* Sidebar */
#sidebar img { margin-bottom: 5px; opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
#sidebar img:hover { opacity: 0.6; }
#sidebar h2 { margin-bottom: 15px; }

/* Footer */
footer { background: #303030; margin-top: 30px; padding-top: 20px; }
#latest-gallery li { width: 33%; float: left; }
#latest-gallery li img { padding:1px; }

/* -----------------------------------------
   WordPress
----------------------------------------- */

/* Posts */
.post { margin-bottom: 15px; }
.post h2 { color: #2f9fd5; }
.meta { margin-bottom: 15px; }
.meta a { color: #e64141; }

/* Comments */
.commentlist { list-style: none; margin: 0; padding: 0; }
.comment { background:#303030; padding:10px; margin-bottom: 15px; }
.comment p { margin-bottom: 5px; }
.comment .reply a { color: #e64141; }
.comment-author a { color: #e64141; }
.comment-meta { border-bottom: 1px solid #3e3e3e; margin-bottom: 5px; }

/* -----------------------------------------
   Home Page
----------------------------------------- */

/* Slideshow */
div.orbit { margin-bottom:0; margin:15px 0 20px; overflow: hidden; }
div.orbit-wrapper div.slider-nav span.left { right: 50px; left: inherit; top: inherit; bottom: 10px; }
div.orbit-wrapper div.slider-nav span.right { right: 10px; left: inherit; top: inherit; bottom: 10px; }

/* Strapline */
#strapline { background:#303030; margin-bottom:20px; text-align:center; padding:20px 30px; font-family:"RobotoLight", Arial, Serif; font-size:22px; line-height: 30px; color:#DEDEDE; letter-spacing: -1px; }

/* Heros */
#heros { padding-bottom:15px; }
.hero { margin:0 0 8px; position:relative; overflow:hidden; text-align: center; }
.hero h2 { width:100%; float: left; background-color:#303030; padding:11px 5px; font-size:18px; color:#fff; margin:0; }
.hero img { width:100%; opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.hero img:hover { opacity: 0.6; }

/* Testimonials */
.testimonial { margin-bottom: 10px; }
.testimonial p { background:#303030; padding:10px; margin:0; }
.testimonial a { color: #2f9fd5; }
.testimonial .author { color: #2f9fd5; padding: 10px 0 0; margin: 0 20px 0 10px; background: url(../images/testimonial-arrow.png) right top no-repeat; }

/* -----------------------------------------
   Gallery Page
----------------------------------------- */

#custom-gallery li img, #footer-gallery li img { width: 100%; }


/* -----------------------------------------
   Testimonials Page
----------------------------------------- */

/* User Submitted Posts */
#user-submitted-posts form fieldset { border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 0; margin: 0; }

/* -----------------------------------------
   Feedback Page
----------------------------------------- */

#usp, #usp_form, #usp_list, .usp_title, .usp_title label, .usp_input, .usp_content, .usp_content, .usp_content label, .usp_textarea, .usp_submit { width: 100% !important; }

/* -----------------------------------------
   Contact Page
----------------------------------------- */

/* Google Map */
#map { width:100%; max-width:960px; min-height:365px; background:#292929; margin-bottom:15px; }
#map img { vertical-align:top; max-width:100%; }

/* Contact Details */
#address { float:left; width:100%; }
#social { list-style:none; margin:0; padding:0; }
#social li { float:left; display:block; font-size:26px; margin-right:10px; }
#facebook { height:190px; background:#fff; float: left; margin-bottom: 10px; border-radius: 5px }

/* Enquiry Form */
#enquiry-form { float:left; width:100% }

/* Form Validation */
.LV_validation_message { float:right; margin:0; padding:0; font-size:11px; margin-top:-3px; }
.LV_invalid { color:#f00; }
.LV_valid { color:#090; }

/* -----------------------------------------
   Media Queries
----------------------------------------- */

@media (max-width: 767px) {
	header { padding:20px 0 15px 0 !important; text-align: center; } #logo { float:none; }	 /* Header */
	.tinynav { display: block; float: none; } #menu-main { display: none } nav { float: none; }  /* TinyNav Mobile */
	#map { margin-bottom:0px !important; } /* Google Map */
}

@media (max-width: 480px) {
	#strapline { padding:10px; font-size:18px; line-height: 20px; letter-spacing: 0; } /* Strapline */
	div.orbit-wrapper div.slider-nav span.left, div.orbit-wrapper div.slider-nav span.right { display: none; } /* Slideshow Navigation */
}