/*
Theme Name: Marcol Homes
Theme URI: http://www.marcolhomes.co.uk
Author: MJT Web Designs
Author URI: http://www.mjtwebdesigns.co.uk
Version: 1.0
*/
/*-----------------------------------------------------------------------------------*/
/*	RESET
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
th, td {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.clear {
	clear: both;
}
br {
	line-height: 10px;
}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
 border : 0px;
}
input[type="submit"]:focus, input[type="button"]:focus {
	outline : none;
}

::selection {
	background: #fff; /* Safari */
	color:#0f0f0f;
}
::-moz-selection {
	background: #fff; /* Firefox */
	color:#0f0f0f;
}
.sticky,
.gallery-caption,
.wp-caption, 
.bypostauthor,
.wp-caption-text {}

/*-----------------------------------------------------------------------------------*/
/*	FONTS
/*-----------------------------------------------------------------------------------*/

@font-face {
    font-family: 'sanford_book';
    src: url('../fonts/sanford_book-webfont.eot');
    src: url('../fonts/sanford_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sanford_book-webfont.woff') format('woff'),
         url('../fonts/sanford_book-webfont.ttf') format('truetype'),
         url('../fonts/sanford_book-webfont.svg#sanford_book') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/
body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 0.2px;
    color: #b9b9b9;
}
.scanlines {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/tile.png);
}
input,
textarea
 {
    background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#444));
    border: 1px solid #111;
	   padding: 0.5em;
    color: #b9b9b9;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    width: 100%;
	-webkit-box-shadow: 1px 1px 1px #333;
	 -webkit-appearance: none;
	     -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
			border-radius:0px;
		-webkit-border-radius: 0px;
-moz-border-radius: 0px;


}
 input:focus, textarea:focus, select:focus {outline-color: #c00;}
	 
	 textarea {
     height: 55px;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.05, #333));
   }
select{
	width:100%;
	    background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#444));
    border: 1px solid #111;
	   padding: 0.5em;
	       color: #b9b9b9;
		   		border-radius:0px;
		-webkit-border-radius: 0px;
-moz-border-radius: 0px;



}
option{
	color:#000;
	    background: #fff;
		text-align:center;

}
input:focus,
textarea:focus {
    background: rgba(0, 0, 0, 0.40)
}
p {
    margin-bottom: 20px
}
a {
    color: #00a0d1;
    text-decoration: none;
}
a:hover {
    color: #fff
}
a.more {
    margin-bottom: 20px;
    display: inline-block;
    line-height: 1;
}
a.button,
.forms fieldset .btn-submit,
#commentform input#submit {
    font-family: 'Open Sans Condensed', sans-serif;
    background: #f2f2f2 url(../images/button.png) repeat-x;
    height: 31px;
    line-height: 31px;
    color: #383838;
    font-size: 14px;
    padding: 0px 18px;
    margin: 0 8px 0 0;
    display: inline-block;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    cursor: pointer;
    margin-bottom: 20px;
    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    width: auto;
    border: none;
    font-weight: bold;
	border-radius:0px;
}
a.button.blue {
    background-color: #5f9cb8;
    color: #2d444e;
}
a.button.pink {
    background-color: #b55fb8;
    color: #443144;
}
a.button.purple {
    background-color: #635fb8;
    color: #313045;
}
a.button.yellow {
    background-color: #ac9757;
    color: #433f32;
}
a.button.red {
    background-color: #ac5757;
    color: #4a3232;
}
a.button.green {
    background-color: #5ca980;
    color: #2b4638;
}
h2,
h3,
h4,
h5,
h6 {
    font-family: 'sanford_book', sans-serif;
    color: #dedede;
    margin-bottom: 20px;
}
h1 {
    font-size: 26px;
    line-height: 32px;
	font-family: 'sanford_book', sans-serif;
	color:#fff;
	border-bottom:solid 1px #fff;	
	font-weight: normal;
	margin: 0px 0px 20px 0;
	text-shadow: 0 2px 1px #000;

}
h2 {
    font-size: 22px;
    line-height: 24px;
	color:#fff;
	border-bottom:solid thin #fff;	
	font-weight: normal;
	margin-bottom:20px;

}
h3 {
    font-size: 24px;
    line-height: 22px;
	color:#fff;
	border-bottom:solid thin #fff;	
	font-weight: normal;
	margin-bottom:20px;

}
h4 {
    font-size: 18px;
    line-height: 20px;
}
h5 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}
h6 {
    font-size: 14px;
    line-height: 18px;
}
h2.title {
    font-size: 15px;
    letter-spacing: 0.4px;
    line-height: 21px;
    margin-bottom: 10px;
	float:left;
	width:350px;

}
h1.title a,
h2.title a {
    color: #dedede
}
.title a:hover {
    color: #86aca3
}
ul {
    margin-bottom: 20px;
    list-style-type: circle;
    list-style-position: inside;
}
ul li {
    padding: 0;
    margin: 0;
}
ol {
    list-style: decimal;
    list-style-position: inside;
    margin-bottom: 20px;
}
ol li {
    padding: 0;
    margin: 0;
}
hr {
    border: none;
    background: transparent url(../images/line.png) repeat-x;
    height: 3px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.wrapper {
    width: 1010px;
    margin: 40px auto 50px;
}
.top-wrapper {
    background: rgba(54, 57, 62, 1.0);
border-top: 1px solid #424242;
word-spacing: 3px;
box-shadow: 0 -10px 10px -10px rgba(0,0,0,0.6) inset, 0 10px 10px -10px rgba(0,0,0,0.6) inset;  
    z-index: 101;
	width:100%;
	position:relative;
}
.top {
    width: 1000px;
    margin: 0px auto;
	padding:2px 18px;
	text-align:right;
	color:#fff;
}
.top a{
	color:#fff;
	text-decoration:none;
		text-shadow: 0 2px 1px #000;
}
.top p{
	display:inline;
	margin-top:-21px;
}
.top img{
	display:inline;
	padding:5px 5px;
}
.phonemail-area{
	margin:2px 0;
}
.phonemail-area span{
	margin-right:10px;
	
}
.phonemail-area i {
margin-right: 7px;
top: 0px;
position: relative;

}
[class^="icon-"], [class*=" icon-"] {
font-family: 'WebHostingHub-Glyphs';
background: none;
width: auto;
height: auto;
font-style: normal;
}
.header-wrapper {
    background: rgba(54, 57, 62, 1.0);
border-top: 1px solid #424242;
border-bottom: 2px solid #00a0d1;
word-spacing: 3px;
box-shadow: 0 -10px 10px -10px rgba(0,0,0,0.6) inset, 0 10px 10px -10px rgba(0,0,0,0.6) inset;    
position: relative;
    z-index: 101;
	width:100%;
}
.header {
    width: 1010px;
    margin: 10px auto;
}
.logo {
    float: left;
    padding-top: 0px;
	margin-right:50px;
}
.logo img{
	max-width:250px;
}
.intro {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-style: italic;
}
#navigation {
    background: rgba(0, 0, 0, 0.44);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
}
#navigation a {
    color: #dedede;
        font-family: Helvetica, Arial, sans-serif;

    font-size: 14px;
    font-weight: bold;
}
#navigation a:hover {
    color: #86aca3
}
#navigation .nav-previous .meta-nav-prev {
    float: left;
    padding: 10px 20px;
}
#navigation .nav-next .meta-nav-next {
    float: right;
    padding: 10px 20px;
}
#navigation:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.blog-grid {
		margin-bottom:0px;

}
.loading {
    background: transparent url(../images/loading.gif) no-repeat 50% 20px;
    opacity: 0.44;
}
.outer {
    display: inline-block;
    zoom: 1;
    max-width: 100%;
    line-height: 0;
}
.outer:before,
.outer:after {
    display: table;
    content: "";
}
.outer:after {
    clear: both
}
.outer span.inset {
    display: inline-block;
    position: relative;
    max-width: 100%;
    pointer-events: none;
    line-height: 0;
}
.outer span.inset img {
    pointer-events: auto
}
.outer span.inset:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-box-shadow: inset 0 0 1px 0 rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 1px 0 rgba(255,255,255,0.7);
    box-shadow: inset 0 0 1px 0 rgba(255,255,255,0.7);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}
.outer span.inset:before {
    left: 0
}
.outer.left {
    float: left;
    margin-right: 20px;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
}
.outer.right {
    float: right;
    margin-left: 20px;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
}
.outer.none {
    margin-bottom: 20px
}
.main-image {
    text-align: center;
    padding: 0;
    margin-bottom: 30px;
    line-height: 0;
    background: rgba(0, 0, 0, 0.44);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
}
.main-image img {
    display: block;
    margin: 0 auto !important;
    max-width: 100%;
}
.alignleft {
    float: left;
    display: block;
    margin-right: 20px;
}
.alignright {
    float: right;
    display: block;
    margin-left: 20px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.dropcap {
    display: block;
    float: left;
    font-size: 45px;
    padding: 0;
    margin: 0;
    margin: 10px 8px 0 0;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
}
.lite1 {
    color: #00a0d1;
    border-bottom: 1px dotted #00a0d1;
}
.lite2 {
    border-bottom: 1px dotted #00a0d1;
}
.download-box,
.warning-box,
.info-box,
.note-box {
    clear: both;
    margin: 0 0 20px 0;
    text-shadow: none;
    padding: 15px;
    line-height: 17px;
}
.info-box {
    background: #7790a6;
    border: 1px solid #86a2bf;
    color: #26415c;
}
.warning-box {
    background: #a97777;
    border: 1px solid #bf8686;
    color: #531717;
}
.download-box {
    background: #77a984;
    border: 1px solid #86bf9d;
    color: #2e4534;
}
.note-box {
    background: #cbcc79;
    border: 1px solid #e7e88c;
    color: #47451b;
}
/*-----------------------------------------------------------------------------------*/
/*	COLUMNS
/*-----------------------------------------------------------------------------------*/
.one-half {
    width: 48%
}
.one-third {
    width: 30.66%
}
.two-third {
    width: 65.33%
}
.one-fourth {
    width: 22%
}
.three-fourth {
    width: 74%
}
.one-fifth {
    width: 16.8%
}
.two-fifth {
    width: 37.6%
}
.three-fifth {
    width: 58.4%
}
.four-fifth {
    width: 67.2%
}
.one-sixth {
    width: 13.33%
}
.five-sixth {
    width: 82.67%
}
.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth {
    position: relative;
    margin-right: 4%;
    float: left;
}
.last {
    margin-right: 0 !important;
    clear: right;
}
.column-wrapper {
    overflow: hidden;
    width: 100%;
}
/*-----------------------------------------------------------------------------------*/
/*	MENU
/*-----------------------------------------------------------------------------------*/
#menu-wrapper .menu {
    list-style: none;
    float:right;
    position: relative;
    z-index: 1003;
    padding: 0px 0 0px 0;
	height:30px;
}
#menu-wrapper .menu ul {
    margin: 0;
    list-style-type: none;
    position: relative;
    overflow: inherit;
}
.menu ul li.nav-seperator {
    display: block;
    text-decoration: none;
    line-height: 1;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 0.4px;
    color: #dedede;
    padding: 0;
    font-weight: normal;

}
#menu-wrapper .menu ul li {
    position: relative;
    float: left;
    background: none;
    padding-left: 10px;
    margin-left: 15px;
		padding-top:0px;


}
#menu-wrapper .menu ul li a {
    display: block;
    text-decoration: none;
    line-height: 1;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
	line-height:73px;
    letter-spacing: 0.4px;
    color: #dedede;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    padding: 0 15px 0 0;
    font-weight: normal;
	position:relative;
	z-index:99999;
	background:url(../images/active-indicator.png) no-repeat 40% 200%;
	text-shadow: 0 2px 1px #000;
}
#menu-wrapper .menu ul li a:after {
	
	
}

#menu-wrapper .menu ul li.active a,
#menu-wrapper .menu ul li a:hover {
    color: #00a0d1;
	background:url(../images/active-indicator.png) no-repeat 40% 100%;
	position:relative;
	

}
#menu-wrapper .menu ul li.active li a {
    color: #00a0d1
}

/*-----------------------------------------------------------------------------------*/
/*	BLOG GRID
/*-----------------------------------------------------------------------------------*/
.page-slide{ display:none;}

.blog-grid.masonry {
    overflow: inherit !important
}
.box {
    margin: 0 0 30px 0;
    background: rgba(54, 57, 62, 1.0);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
    padding: 20px;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}
.content.box{
	margin-bottom:30px;
	
	
}
#comment-wrapper.box,
 {
    margin: 0
}
.blog-wrap{ display:none;}
.blog-grid .post {
    width: 48%;
	background: rgba(54, 57, 62, 1.0);
	margin-bottom:30px;
	border: 1px solid #424242;
	overflow:hidden;
	position: relative;
}

.blog-grid .post-full {
    width: 100%;
	background: rgba(54, 57, 62, 1.0);
	margin-bottom:30px;
	border: 1px solid #424242;
	overflow:hidden;
	position: relative;
}


.left{
	float:left;
}
.right{
	float:right;
}
.post h2{
	padding:20px 0 0px 20px;
	border-bottom:0px solid #00a0d1;
	background: rgba(54, 57, 62, 1.0);
	position:relative;
	z-index:99999;
	width:100%;
}
.post p{
		padding:0px 10px 5px 20px;
		position:relative;

}
.post-desc{
	position:relative;
	margin-top:60px;
	padding:0px 20px 20px 20px;


}
.frame {
    display: block;
    position: relative;
	margin-bottom:10px;
	margin-right:0px;
	height: auto;
}
img {
    display: block;
    max-width: 100%;
}
.frame img {
    display: block;
    width: 100%;
    pointer-events: auto;
}
iframe {
    display: block;
    pointer-events: auto;
}
.frame:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    -moz-box-shadow: inset 0 0 1px 0 rgba(255,255,255,0.7), 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
    -webkit-box-shadow: inset 0 0 1px 0 rgba(255,255,255,0.7), 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
    box-shadow: inset 0 0 1px 0 rgba(255,255,255,0.7), 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
}
.map {
	margin-bottom: 20px;
}
.map iframe {
    max-width: 100%
}
.post .frame {
    margin: -20px -20px 20px -20px
}
.blog-grid .post .frame:before {
    -moz-box-shadow: inset 0 0 1px 0 rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 1px 0 rgba(255,255,255,0.7);
    box-shadow: inset 0 0 1px 0 rgba(255,255,255,0.7);
}
.frame a .more {
    display: none;
    height: 100%;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.55) url(../images/icon-more.png) no-repeat center center;
}
.post .details {
    background: rgba(0, 0, 0, 0.12);
    margin: 0 0px;
    overflow: hidden;
    position: relative;
    padding: 0 20px;
    font-size: 11px;
}
.post .details span {
    margin: 6px 0 0 0
}
.post .details,
.post .details a {
    color: #797979
}
.post .details a:hover {
    color: #86aca3
}
.post .details .links a {
    background: transparent url(../images/icon-link.png) no-repeat left 13px;
    float: right;
    position: relative;
    height: 8px;
    padding: 6px 0 7px 14px;
    cursor: pointer;
}

.post .details .likes a {
    background: transparent url(../images/icon-like.png) no-repeat left 13px;
    float: right;
    position: relative;
    height: 8px;
    padding: 6px 0 7px 14px;
    cursor: pointer;
}
.post .details .likes a.done {
    cursor: text
}
.post .details .likes a.done:hover {
    color: #797979
}
.post .details .comments {
    background: transparent url(../images/icon-comment.png) no-repeat left 7px;
    float: right;
    position: relative;
    padding: 0 0 6px 14px;
    cursor: pointer;
    margin-right: 10px;
}
.post-nav {
    background: transparent url(../images/line.png) center top repeat-x;
    margin: 0 -5px;
    overflow: hidden;
    position: relative;
    padding: 10px 0;
    font-size: 11px;
}
.post-nav a {
    color: #797979
}
.post-nav a:hover {
    color: #86aca3
}
.post-nav .nav-prev {
    float: left
}
.post-nav .nav-next {
    float: right
}
.post-nav:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.content {
    width: 1010px;
    float: left;
}
.content-sidebar{
	width:670px;
	float:left;}
.sidebar {
    width: 310px;
    margin-left: 30px;
	margin-bottom:30px;
    float: right;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}
.sidebox {
    padding-bottom: 0;
    margin-top: 10px;
    padding-top: 30px;
    background: transparent url(../images/line.png) top left repeat-x;
}
.sidebox.widget img{
	width:100%;
	margin-bottom:10px;
}
.sidebox.widget_text,
.sidebox.widget_text:first-child {
	padding-bottom: 20px;
}
.sidebox:first-child {
    background: none;
    padding: 0;
    margin: 0;
}
.sidebox .searchform {
    margin: 0
}
.sidebox h3 {
    font-size: 20px;
    margin-bottom: 15px;
}
.widget ul.post-list {
    color: #B9B9B9;
    padding-bottom: 10px;
    margin-bottom: 20px;
    list-style: none;
}
.widget ul.post-list:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.widget ul.post-list li {
    clear: both;
    background: none;
    padding: 15px 0 0 0;
    line-height: 17px;
}
#footer .widget ul.post-list li {
    padding: 11px 0 0 0
}
#footer .widget ul.post-list li:first-child,
.widget ul.post-list li:first-child {
    padding: 0
}
.widget ul.post-list li .frame {
    float: left;
    margin-right: 0px;
}
.widget ul.post-list li .meta {
    overflow: hidden
}
.widget ul.post-list li em {
    display: inline-block;
    font-style: normal;
    font-size: 11px;
    color: #797979;
}
.widget ul.post-list li h6 {
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
}
.widget ul.post-list li h6 a {
    color: #B9B9B9
}
.widget ul.post-list li h6 a:hover {
    color: #86aca3
}
.sidebox ul {
    margin-bottom: 20px;
    list-style: none;
}
.sidebox a {
    color: #B9B9B9;
	    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;

}
.sidebox a:hover {
    color: #fff
}
.widget_nav_menu .menu {
    float: none;
    margin: 0 0 20px 0;
}
.widget_nav_menu ul {
    margin: 0
}
.widget_nav_menu ul.sub-menu {
    margin: 0 0 0 10px
}

/*-----------------------------------------------------------------------------------*/
/*	FORMS
/*-----------------------------------------------------------------------------------*/
.forms {
    position: relative;
    padding: 0;
    width: 100%;
}
.form-container .response {
    color: #58a267;
    display: none;
    margin: 0 0 15px 0;
}
.forms ol {
    margin: 0;
    padding: 0;
}
.forms ol li {
    line-height: auto;
    list-style: none;
}
.forms li.form-row {
    margin-bottom: 20px
}
.forms li.hidden-row {
    display: none
}
.forms fieldset .text-input, 
.forms fieldset .text-area,
#commentform input,
#commentform textarea,
select {
    padding: 7px 10px;
    height: 35px;
		border-radius:0px;
		-webkit-border-radius: 0px;
-moz-border-radius: 0px;


}
.forms fieldset .text-area,
#commentform textarea {
    min-height: 200px;
    padding: 10px;
    resize: vertical;
}
.forms li.error input,
.forms li.error textarea {
    border: 1px solid #6a3333;
}
.forms span.error {
    display: none
}
.forms .button-row span.error {
    padding: 0;
    display: none;
}
.forms label {
    display: block;
    margin-bottom: 5px;
}
#commentform label {
    display: inline-block;
    margin-bottom: 5px;
}
.form-container:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.searchform input {
    padding: 8px 10px;
    margin-bottom: 20px;
			border-radius:0px;
		-webkit-border-radius: 0px;
-moz-border-radius: 0px;

}
.form-allowed-tags {
    display: none
}
.forms br {
    display: none
}
.hidden{
	display:none;
}
label.error {
    display: block;
    font-style: italic;
    font-weight: normal;
    font-size: 11px;
    color: #00a0d1;
    margin-bottom: 0px;
}

input.error,
textarea.error,
select.error { border-color: #00a0d1 !important; border-top:2px solid #00a0d1 }
/* ----------------------------------------------------------------
    Alert Messages
-----------------------------------------------------------------*/

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid #fbeed5;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.alert,
.alert h4 {
  color: #c09853;
}
.alert h4 {
  margin: 0;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success h4 {
  color: #468847;
}
.alert-error
{
  background-color: #FFC4C4;
  border-color: #eed3d7;
  color: #333;
}
.alert-error h4,
.alert-error a {
  color: #000;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info h4 {
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}


/* ----------------------------------------------------------------
    Alert Messages
-----------------------------------------------------------------*/


.style-msg,
.style-msg2 {
    display: block;
	border-left: 4px solid rgba(0,0,0,0.1);
}

.style-msg2 { border-left: 4px solid rgba(0,0,0,0.2); }

.successmsg {
	background: #C1FFCC;
	color: #184B21;
}

.errormsg {
	background: #F9BBB9;
	color: #740D0A;
}

.infomsg {
	background: #B9DFF4;
	color: #124F70;
}

.alertmsg {
	background: #FCE0B6;
	color: #975E06;
}

.style-msg .sb_msg,
.style-msg2 .msgtitle,
.style-msg2 .sb_msg {
    display: block;
	padding: 10px 15px;
    border-left: 1px solid rgba(255,255,255,0.5);
	font-size: 13px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
}

.style-msg2 .msgtitle {
    background: rgba(0,0,0,0.1);
    border-top: none;
    border-bottom: none;
    font-size: 13px;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}

.style-msg2 .sb_msg { font-weight: normal; }

.style-msg2 ol,
.style-msg2 ul { margin: 0 0 0 30px; }

.style-msg2 ol { list-style-type: decimal; }

.style-msg2 ul { list-style-type: disc; }


/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/

.caption { padding:5px;}
figure{ margin:0; padding:0;}
.site-generator-wrapper {
   background: rgba(255, 255, 255, 0.6);
	margin:0px;
	height:18px;
	bottom:0px;
	width:100%;
	line-height:18px;
	position:fixed;
	z-index:3;
}
.fixed{ 
position:fixed;
z-index:9999;
}
.relative{
	position:relative;
}
.site-generator {
    width: 1010px;
    margin: 0 auto;
    padding: 0px;
	text-align:right;
	color:#999;
	font-size:10px;

}
.site-generator a{
	color:rgba(54, 57, 62, 1.0);
	text-decoration:none;
}
.site-generator a:hover{
	color:#000;
}

.site-generator p {
    padding: 0
}
video {
  width: 100%    !important;
  height: auto   !important;
}
.zoom{background:url(../images/link.png) no-repeat center center #36393E;
position:relative; bottom:0; right:0; height:32px; width:32px; z-index:99999; float:right; margin-top:-32px;
-webkit-transition: all .2s ease-in-out; z-index:2}

.zoom:hover{}

.coming-soon{position:relative; top:20px; left:10px; z-index:99999; float:left; margin-top:-60%; background:rgba(255, 255, 255, 0.3); padding:5px; }
.coming-soon h1{color: rgba(54, 57, 62, 1.0); text-shadow:0 2px 1px #fff;border-bottom: solid 1px rgba(54, 57, 62, 1.0); margin:0px;}

.enquire{ float:right; margin-top:-55px; color:#fff;}
.equire span { color:#fff;}
.enquire span a { color:#fff;}



.download{ float:left; margin-bottom:30px; color:#fff;}
.download span { color:#fff;}
.download span a { color:#fff;}
/*-----------------------------------------------------------------------------------*/
/*	Tooltip
/*-----------------------------------------------------------------------------------*/

#tooltip
		{
			font-family: Ubuntu, sans-serif;
			font-size: 0.875em;
			text-align: center;
			text-shadow: 0 1px rgba( 0, 0, 0, .5 );
			line-height: 1.5;
			color: #fff;
			background: #333;
			background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
			background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			border-top: 0px solid #fff;
			-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			position: absolute;
			z-index: 100;
			padding: 7px;
		}
			#tooltip:after
			{
		        width: 0;
		        height: 0;
		        border-left: 10px solid transparent;
		        border-right: 10px solid transparent;
				border-top: 10px solid #333;
		        border-top-color: rgba( 0, 0, 0, .7 );
				content: '';
				position: absolute;
				left: 50%;
				bottom: -10px;
				margin-left: -10px;
			}
				#tooltip.top:after
				{
			        border-top-color: transparent;
					border-bottom: 10px solid #333;
			        border-bottom-color: rgba( 0, 0, 0, .6 );
					top: -20px;
					bottom: auto;
				}
				#tooltip.left:after
				{
					left: 10px;
					margin: 0;
				}
				#tooltip.right:after
				{
					right: 10px;
					left: auto;
					margin: 0;
				}
				
				.preview{
					display:block;
				}
				
				
				
				
				
				
				
.ribbon-wrapper-corner {
		width: 85px;
		height: 88px;
		overflow: hidden;
		position: absolute;
		top: -3px;
		right: -3px;
}

.ribbon-corner {
		color: #fff;
		text-align: center;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		position: relative;
		padding: 7px 0;
		left: -5px;
		top: 15px;
		width: 120px;
		background-color: #791d0d;
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		background: -webkit-gradient(linear, left top, left bottom, from(#791d0d), to(#8a1e0e));
		background: -webkit-linear-gradient(top, #791d0d, #8a1e0e);
		background: -moz-linear-gradient(top, #791d0d, #8a1e0e);
		background: -ms-linear-gradient(top, #791d0d, #8a1e0e);
		background: -o-linear-gradient(top, #791d0d, #8a1e0e);
		background-image: -ms-linear-gradient(top, #791d0d 0, #8a1e0e 100%);
}