@charset "utf-8";
/* CSS Document */

/*Start of font styling*/

@font-face {
	font-family: cabin;
	src: url('fonts/Cabin-Regular.otf');
}
body, html{margin:0px}
body {
	
	font-family: cabin;
	font-size: 14px;
	line-height: 14px;
	color: #666;
	text-decoration: none;
	background-color :#FFF;
	
}

#bgwrapper{
	width:100%;
	background-image: url(images/bodybg.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	padding:0px;

}

a {
	text-decoration:none;
	margin:0px;
	color:#777

}

a:hover {
	color: #CCC;
	text-decoration: none;
	
}

p {
	color:#666;
	margin-top:5px;
	margin-left:5px;
	font-size:13px;
	text-align:justify;
	margin-right:5px;
	padding:right:0px;
	padding-left:0px;
	
}

h1 {
	color:#999;
	margin-top:20px;
	margin-left:15px;
	font-size:18px;
	text-align:justify;
	margin-right:15px;
	border-bottom: 1px solid #ccc;
	font-weight:100;
	line-height:30px;
	margin-bottom:25px;
		}

h2 {
	color:#CCC;
	margin-top:-10px;
	margin-left:25px;
	font-size:15px;
	text-align:justify;
	margin-right:15px;
	font-weight:100;	
}


h3 {
	color:#666;
	margin-top:15px;
	margin-left:15px;
	font-size:24px;
	text-align:left;
	margin-right:15px;
	font-weight:100;
	padding-bottom:10px;
	border-bottom:solid thin #BBB;	
	
}

h4 {
	color:#666;
	margin-top:5px;
	margin-left:25px;
	font-size:14px;
	text-align:left;
	margin-right:15px;
	font-weight:100;
	border-bottom:solid thin #BBB;	
	line-height:28px;	
	
	
}

li {
	color:#666;
	margin-left:35px;
	font-size:13px;
	line-height:20px;
	
}

img {
	border:0;
	
}

/*End of font styling*/

/*Start of main body architecture*/

#centercolumn {
	vertical-align:top;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:80px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -10px;
	width: 1000px;
	height:auto;
	
}



#tagline {
	width:300px;
	height:30px;
	margin-left:0px;
	float:left;
	margin-top:30px;
}

#homecontentbox {
	
	width:950px;
	margin-top:20px;
	margin-left:10px;
	margin-bottom:40px;
	min-height:200px;
	float:left;
	background-repeat:no-repeat;
	background-position:bottom center;
	
	
}

.homeservicebox {
	
	float:left;
	width:400px;
	height:190px;
	margin-top:35px;
	margin-left:45px;
	background-color:#FFFDF7;
	border:solid thin #CCC;
	margin-bottom:0px;
}

.homeservicebox:hover {
	opacity:0.8;
}

.homeservicetext {
	
	float:left;
	width:196px;
	min-height:150px;
	margin-left:0px;
			
}

.homeservicetext p {
	
	font-size:14px;
	margin-left:0px;
	padding:0px;
		
}

.homeinfobox {
	
	float:left;
	width:426px;
	min-height:150px;
	margin-top:35px;
	margin-left:50px;
	background-color:#FFFDF7;
	border:solid thin #CCC;
	
}

.homeinfotext {
	
	float:left;
	width:426px;
	min-height:150px;
	margin-left:0px;
			
}

.homeinfotext p {
	
	font-size:14px;
	margin-left:0px;
	padding:0px;
		
}


#faderwrapper {
	
	float:left;
	width:426x;
	height:284px;
	margin-top:58px;
	margin-left:50px;
	background-color:#FFFDF7;
	border:solid thin #CCC;
	z-index:1;
	
}

#faderwrapperhall {
	
	float:left;
	width:426px;
	height:284px;
	margin-top:0px;
	margin-left:35px;
	margin-bottom:30px;
	background-color:#FFFDF7;
	border:solid thin #CCC;
	
}

#contentbox {
	float:left;
	width:980px;
	min-height:190px;
	margin-top:25px;
	margin-left:10px;
	background-color:#FFFDF7;
	border:solid thin #CCC;
	margin-bottom:40px;
	
}

#homecontentbox p {
	
	margin:30px;
	line-height:20px;
		
}

#contentbox p {
	
	margin-top:30px;
	margin-bottom:30px;
	margin-left:40px;
	margin-right:40px;
	line-height:20px;
		
}
	
#contentbox h1 {
	
	margin:25px;
	border-bottom: 1px solid #ccc;
	padding-bottom:10px;
		
}

#contactbox h3 {
	
	color:#EEE;
	font-size: 14px;
	margin-bottom:15px;
	border-bottom: 1px solid #ccc;
	padding-bottom:10px;
	margin-left:17px;
			
}

#contactbox a {
	
	color:#EEE;
	
}

#formwrapper{
	
	float:left;
	width:400px;
	min-height:100px;
	margin-top:10px;
	margin-left:40px;
	margin-bottom: 40px;

}

#leftcontent {
	
	float:left;
	margin-left:0px;
	width:500px;
	
}


#tariffwrapper {
	
	float:left;
	width:410px;
	margin-left:10px;
	border:solid thin #EEE;
	margin-top:23px;
	margin-bottom:35px;
	
}

#tariffwrapper p {
	
	margin:15px;
	
}

#tariffwrapper h3 {
	
	margin:15px;
	
}

/*Start of header architecture*/

#headerwrapper {
	height: 200px;
	width: 980px;
	float: left;
	}

#logowrapper {
	height: 105px;
	width: 400px;
	float: left;
	text-align: right;
	margin-top: 30px;
	margin-right:0px;
	background-image:url(images/logowoodlands.jpg);
	
}

.socialicon {
	height:44px;
	width:44px;
	float:left;
	margin-right:10px;
	padding-top:70px;
	
}

.socialicon {
	height:44px;
	width:44px;
	float:left;
	margin-right:10px;
	padding-top:70px;
	
}

/*Start of navbar styling*/

#navbar {
	width: 670px;
	height: 30px;
	margin-top: 0px;
	float:right;
	font-size:13px;

}

.navitem {
	width: 65px;
	height: 30px;
	float: left;
	text-align:center;

}

.navline {
	height: 30px;
	float: left;
	margin-left:8px;
	margin-right:8px;
	
}

a:active .navitem {
	color: #BBD419;
	font-weight: bold;
	text-decoration: none;
}

.socialicon {
	width: 40px;
	height: 41px;
	float: left;
	margin-left: 15px;
	margin-top: -32px;

}

.socialicon:hover {
	opacity:0.5;

}

#contactwrapper {
	width:300px;
	height:60px;
	float:left;
	margin-top:30px;
	margin-left:30px;
	margin-right:-50px;
	
	
}

#emailadd {
	width:280px;
	height:30px;
	font-size:16px;
	float:left;
	margin-top: -3px;
	margin-left:3px;
		
}

#telno {
	font-size:28px;
	color:#666;
	height:30px;
	width:280px;
	margin-top:7px;
	float:left;

}



/* Footer start */

/* Credit Bar start*/

#creditbar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 26px;
	background-color:#FFF;
	opacity:0.9;
	z-index:999;
	
}

#creditbar a{color:#AFC50D; text-decoration:none}

#bottom_credit {
	height: 24px;
	text-align: right;
	margin-top: 0px;
	padding-right: 50px;
	float: right;
	z-index:1000;
	opacity: 1;
}

#bottom_copyright {
	height: 24px;
	text-align: left;
	margin-top: 0px;
	padding-left: 50px;
	float: left;
	z-index:1000;
	opacity: 1;
}

p.credit {
	font-size: 12px;
	color: #333;
	z-index:1000;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	
}

/* Credit Bar end*/

/* Footer Misc start*/

#footer {
	width:100%;
	height:120px;
	text-align:center;
	float:left;
	margin-left:0px;;
	margin-bottom:30px;
	padding-top:30px;
	background-image:url(images/footerbg.png);
	background-repeat:repeat-x;
	background-color:#FFF;
	
}

#footer p {
	font-size:10px;
	font-style:italic;
	color:#999;
	margin-left:0px;
	
}

#footerwrapper {
	
	width:800px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-50px;
	
	
}

#footersocialwrapper {
	width:700px;
	height:44px;
	background-image: url(images/socialmedialines.png);
	background-repeat:no-repeat;
	margin-top:95px;
	margin-left:auto;
	margin-right:auto;
	
}

#bottomiconwrapper {
	width:180px;
	height:40px;
	margin-top:-9px;
	margin-left:300px;
	float:left;

}

.bottomicon {
	width:40px;
	margin-right:17px;
	float:left;
}

.bottomicon:hover {
	opacity:0.5;
}

#bottomnavbar {
	width: 550px;
	height: 30px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;

}

.bottomnavitem {
	width: auto;
	height: 30px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

bottomnavitem a {
	text-decoration:none;
	color:#666;
}

/*Footer misc finish*/

/*Footer finish*/

/* STYLED FADE IN FAST*/
.fadein_content {
                float: left;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/*EOF STYLED FADE IN FAST*/

/*YoxView Image Gallery */

/* YoxView v2.0 CSS file */

.yoxview {
	text-align: center;
}

#yoxview .yoxview_bottom{ bottom: 0; }
#yoxview .yoxview_right{ float: right; }
#yoxview .yoxview_left{ float: left; }

#yoxview_popupWrap
{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 100;
}
#yoxview
{
	position: absolute;
	font-family: Arial, Sans-Serif;
	z-index: 999;
	border: solid 1px #999;
	overflow: hidden;
	font-size: 10pt;
	text-align: left;
}
#yoxview a img, #yoxview_infoPanel a img{ border: none; }
#yoxview a:focus{ outline: none; }
#yoxview div.yoxview_imgPanel{ position: absolute; top: 0; left: 0; }
#yoxview div.yoxview_mediaPanel
{ 
	position: absolute; 

	background: #191919; 
	width: 100%; 
	height: 100% 
}
#yoxview .yoxview_ctlBtn
{
	position: absolute; 
	z-index: 3;
	display: block;
	text-decoration: none;
	outline: none;
	width: 50%;
	height: 100%;
}
#yoxview .yoxview_ctlBtn img
{
	position: absolute;
	border: none;
	top: 50%;
	margin-top: -22px;
}
#yoxview a.yoxview_ctlBtn:focus, #yoxview a.yoxview_ctlBtn:active{ outline: none; outline: none;}
#yoxview .yoxview_notification
{
	width: 59px; 
	height: 59px; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	margin-top: -30px;
	margin-left: -30px;
	z-index: 4;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background-image: url(images/sprites.png);
	background-repeat: no-repeat;
	display: none;
}

#yoxview #yoxview_ajaxLoader img
{
	padding: 13px;
}
#yoxview .yoxview_popupBarPanel
{
	position: absolute;
	z-index: 4;
	min-height: 70px;
	width: 100%;
	right: 0;
}
#yoxview #yoxview_menuPanel
{ 
	width: 145px; 
	height: 42px; 
	padding-top: 0px;
	padding-right: 9px;
	position: absolute; 
	right: 0;
	background: url(images/sprites.png) no-repeat left -77px;
	background: rgba(0, 0, 0, 0.8);
	-moz-border-radius: 0 0 0 15px;
	-webkit-border-radius: 0 0 0 15px;
	border-radius: 0 0 0 15px;
	top: -42px;
}

#yoxview #yoxview_menuPanel a
{ 
	display: block; 
	width: 45px; 
	float: right; 
	text-align: center; 
	font-size: 0.8em; 
	position: relative;
	margin-top: -5px;
	padding-bottom: 13px;
	text-decoration: none;
	font-family: Arial, Sans-Serif;
}
#yoxview #yoxview_menuPanel a span{ color: White; display: block; margin-bottom: 3px;  }
#yoxview #yoxview_menuPanel a.last{ margin-left: 0; }
#yoxview #yoxview_menuPanel a:focus{ outline: none; }
#yoxview_infoPanel
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0;
	color: White;
	z-index: 2;
	overflow: hidden;
}
#yoxview_infoPanel #yoxview_infoPanelBack
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	left: 0;
	top: 0;
}
#yoxview_infoPanel #yoxview_infoPanelContent
{
	position: absolute;
	width: 100%;
	z-index: 2;
	top: 0;
	left: 0;
}
#yoxview_infoPanel span#yoxview_count
{
	display: block;
	width: 55px;
	font-size: 0.8em;
	float: left;
	text-align: center;
	padding-top: 8px;
	color: #bbb;
}
#yoxview_infoPanel #yoxview_infoText
{
	margin: 0 55px;
	font-size: 12pt;
	padding: 5px 0;
}
#yoxview_infoPanel #yoxview_infoText #yoxview_infoTextDescription
{
	margin-top: 1em;
	font-size: 10pt;
	padding-bottom: 0.5em;
	max-height: 200px;
	overflow: auto;
	padding-right: 10px;
}
#yoxview_infoPanel #yoxview_infoText a, #yoxview .yoxview_error a{ color: #a7d557; text-decoration: none; outline: none; }
#yoxview_infoPanel #yoxview_infoText a:hover, #yoxview .yoxview_error a:hover{ color: #d5eeaa }
#yoxview_infoPanel a.yoxviewInfoLink
{
	display: none;
	opacity: 0.8;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}
#yoxview_infoPanel a.yoxviewInfoLink:hover{ opacity: 1 }
#yoxview #yoxview_helpPanel
{
	display: none;
	width: 201px;
	height: 312px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -171px;
	margin-left: -111px;
	z-index: 5;
	color: White;
	padding: 20px;
	padding-top: 10px;
	cursor: pointer;
}
#yoxview #yoxview_helpPanel h1{ font-family: Arial Black, Arial, Sans-Serif; font-size: 1em; }
#yoxview #yoxview_helpPanel p{ margin-top: 80px; }
#yoxview #yoxview_helpPanel span#yoxview_closeHelp{ display: block; position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; }
#yoxview .yoxview_error
{
	display: block;
	text-align: center;
	color: White;
	font-family: Arial, Sans-Serif;
	font-size: 14pt;
	top: 41%;
	width: 100%;
	height: 20%;
	position: absolute;
	padding: 10px;
}
#yoxview .yoxview_error .errorUrl{ font-size: 10pt; }
#yoxview .yoxview_top{ top: 0; width: 50%; }
#yoxview .yoxview_element{ width: 100%; height: 100%; position: absolute;  border: none; background: #333; }

.yoxview-thumbnails a
{
	float: left;
	margin: 4px;
	/* For thumbnails opacity: */
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.yoxview-thumbnails a:hover
{
	/* For thumbnails opacity: */
	opacity: 1;
	filter: alpha(opacity=100);
}
.yoxview-thumbnails a img
{ 
	/* Set white borders around the thumbnails, instead of the browser's default Blue: */
	border: solid 1px #ffffff;
}
.yoxview-thumbnails-details{ margin-bottom: 1em; }
.yoxview-thumbnails-details h2{ margin-bottom: 0; padding: 0; font-size: 1.2em; font-weight: bold;}

/*EOF YOXVIEW IMAGE GALLERY*/