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


body {background: url(../images/bg.gif) left top repeat; margin:0; color:#7a7a7a !important;}
#mainWrapper {width: 999px; margin:0; position:relative;}

#leftWrapper {float:left; width: 238px;}
#rightWrapper {float:left; width:761px; }

.demo-icon-2 {    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;}
	
.demo-icon-2:hover { -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);}	

a {color: #1d1e20;}
a:hover {color: #666;}

#top {height:30px; margin-left: 238px; background: url(../images/top.gif) left top repeat-x;}
.logo {width: 172px; margin:auto;}

#wv-btn {position: absolute !important; top: 0px; right: 40px; z-index:900 !important; background:url(../images/wv-img.gif); width:45px; height:204px;}

.banners {height: 295px; position:relative !important;}
.testimonial {margin-top: 12px; margin-left: 10px;}

section#left {position: relative;}
section#right {position: relative; background:#fff; background: url(../images/content-bg.gif) left top repeat-y !important;}

section#f-Home {background: url(../images/feature-bg.gif); height:119px;}
section#f-Home span {font-family: 'Museo500', arial !important; font-size: 14px !important;}

.title {font-family: 'Museo500', arial !important; font-size: 15px !important; color:#535455 !important;}


section#content-wide {position:relative; background:#fff;}
section#content {background: url(../images/content-bg.gif) left top repeat-y !important; position:relative;}
section#content article {float: left;}

article.copy {padding: 50px 50px 50px 50px; width:423px;}
article.copy-wide {padding: 50px 50px 50px 50px; width:661px;}

article.f-right {width: 238px; text-align:right !important;}

table#form-display {background: #323235 !important; color:#fff;}
table#form-display td {padding: 6px !important;}
table#form-display p {text-align: left !important;}

.form-field {
	background: none;
	width: 390px;
	color: #eedf00;
	padding: 10px !important;
	border:0px; font-family: 'Museo500', arial !important; font-size: 15px !important; 

}

.form-field-h {
	background: none;
	width: 390px;
	color: #ff0000;
	padding: 10px !important;
	border:0px; font-family: 'Museo500', arial !important; font-size: 15px !important; 

}


.wide {width: 761px;}
#galleryWrapper {height: 450px;}

.img {border-top: 1px solid #eedf00; border-bottom: 1px solid #eedf00; display:block;}

.navWrapper {padding-left: 20px; padding-top: 76px; padding-right: 20px;}
	
nav#sidenav ul {margin:0; padding:0; text-align:right !important;}
nav#sidenav ul li a {width: 170px; display:block; border-bottom: 1px solid #424447; padding: 10px 10px 10px 10px; font-size: 13px; color:#767677; text-decoration:none; font-family: 'Museo500', arial;}
nav#sidenav ul li a:hover {color: #eedf00 !important;}
	
h1 {color: #333; font-size: 30px !important; font-family: 'Museo500', arial;}
h2 {color: #999; font-size: 20px !important; font-family: 'Museo500', arial; font-style: italic;}
h3 {color: #eedf00; font-size: 14px !important; font-family: 'Museo500', arial;}
h4 {color: #2f3032; font-size: 16px !important; font-family: 'Museo500', arial; padding-top: 13px !important;}
h5 {color: #eedf00; font-size: 13px !important; font-family: 'Museo500', arial;}
h6 {color: #eedf00; font-size: 30px !important; font-family: 'Museo500', arial;}

p {line-height:18px; margin-bottom:20px; padding: 4px 0 4px 0 !important; margin: 4px 0 4px 0 !important; font-family: 'proxima-nova', arial; font-size: 13px !important; text-align:justify;}

section#feature-book {height: 140px; position:relative; background: url(../images/bg.gif) left top repeat;}
#feature-book figure {float: left; width:119px; height:140px;}
section#feature-book article {float: left; height:100px; width:602px; padding: 20px 20px 20px 20px;}

.right-copy {padding: 30px;}
.right-copy p {text-align: left !important;}

.building-package {padding: 20px; background-color:#323235; color:#fff;}
.yellow {color: #eedf00 !important;}

.vg-btn {position: absolute; right:0px; top:0px; width: 237px; height:44px;}
.arrow {margin-right: 15px;}

#list {margin: 0px; padding:0px;}
#list li {list-style-type: none; background:url(../images/arrow.gif) left top no-repeat; padding-left: 15px; line-height:18px !important; font-family: 'proxima-nova', arial; font-size: 13px;}

footer {font-family: 'Museo500', arial; height:582px; position:relative; background:#eedf00; padding-top: 40px !important;}
footer a {color: #45979f !important; text-decoration:none; font-size: 12px !important;}
footer a:hover {color: #bcb001 !important;}

.footerLinks-header {background: url(../images/yellow-bg.gif); height:48px; margin-bottom: 40px;}
.footer-col-1 {float: left; width:190px; margin-left: 50px; margin-right: 50px;}
.footer-col-2 {float: left; width:190px;}

.footerLinks-header-dark {background: url(../images/grey-bg.gif); height:36px; margin-bottom: 40px; padding-top: 12px;}
.copyright {background: #1a1c1e; padding: 3px 20px 3px 20px; margin-left: 50px; width: 500px; color: #eedf00; font-size: 13px !important; font-family: 'Museo500', arial;}
.copyright a {color: #eedf00 !important; font-size: 13px !important; }

#linksWrapper {height: 240px;}

nav#footerNav ul {margin:0; padding:0; }
nav#footerNav ul li a {width: 170px; display:block; border-bottom: 1px solid #cbbe03; padding: 10px 10px 10px 10px; font-size: 13px !important; color:#333437 !important; text-decoration:none; font-family: 'Museo500', arial;}
nav#footerNav ul li a:hover {color: #bcb001 !important;}

@font-face {
    font-family: 'Museo500';
    src: url('Museo500-Regular-webfont.eot');
    src: url('Museo500-Regular-webfont.eot?iefix') format('eot'),
         url('Museo500-Regular-webfont.woff') format('woff'),
         url('Museo500-Regular-webfont.ttf') format('truetype'),
         url('Museo500-Regular-webfont.svg#webfontQF7qPaga') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo300';
    src: url('Museo300-Regular-webfont.eot');
    src: url('Museo300-Regular-webfont.eot?iefix') format('eot'),
         url('Museo300-Regular-webfont.woff') format('woff'),
         url('Museo300-Regular-webfont.ttf') format('truetype'),
         url('Museo300-Regular-webfont.svg#webfontBsA9EFUC') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo700';
    src: url('Museo700-Regular-webfont.eot');
    src: url('Museo700-Regular-webfont.eot?iefix') format('eot'),
         url('Museo700-Regular-webfont.woff') format('woff'),
         url('Museo700-Regular-webfont.ttf') format('truetype'),
         url('Museo700-Regular-webfont.svg#webfontNpXBDqia') format('svg');
    font-weight: normal;
    font-style: normal;

}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative; height:450px; width:761px !important;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:10px;	
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
}
.nivo-nextNav {
	right:10px;
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) -30px 0px no-repeat;
	text-indent:-9999px;
}
/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {position:absolute; top: -20px; right: 5px;}

.nivo-controlNav a {
	z-index:0; display:block; 
	cursor:pointer; color:#000; float:left; background-color:#333; width: 10px; height:10px; margin-right: 5px; text-indent:-9999px;
}

.nivo-controlNav a:hover {background-color: #eedf00;}

.nivo-controlNav a.active {
	font-weight:bold; background-color: #eedf00;
}

/* Easy Slider */

	#slider-home ul, #slider-home li
	{
		margin:0;
		padding:0;
		list-style:none; 
		}

	#slider-home li {
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:761px;
		height:119px;
		overflow:hidden !important;
		}	
	#prevBtn
	{text-indent: -9999px; display:block;} 
	 
	
	#nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:20px;
		top:345px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:710px;
		}														
	#prevBtn a {text-indent: -9999px;} 
	
	#nextBtn a,
	
	#slider1next a{  
		display:block;
		position:relative;
		width:30px;
		height:77px; text-indent:-9999px;
		background:url(../images/arrows.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/arrows.png) no-repeat -30px 0;	 text-indent:-9999px;
		}	
		
.padding-slide {padding-left: 45px; padding-right: 30px; padding-top: 21px;}