/* Variables
------------------------------------------------------------------
{
  Color: [
    {
      value: 'blue',
      sample: '#5178a7',
	  DefaultColor: '#5178a7',
      FlatColor: '#2b3443',
	  InnerColor: '#efefef',
	  LinkColor: '#fff',
	  linkOver: '#c2c2a5',
	  Navborder: '#5178a7',
	  NavLinkColor: '#afbbcd',
	  NavCurrent: '#fff',
	  Navfill: '#242b38',
	  NavfillCurrent: '#446999',
	  Navsubmenu: '#446999',
	  InnerMouseOver: '#577ba7',
	  FooterLink: '#afbbcd',
	  FooterTopFill: '#9ea9ba',
	  weeblyText: '#2b3a42',
	  weeblyLink: '#4a586d'
    },
    {
      value: 'green',
      sample: '#3c8f46',
	  DefaultColor: '#3c8f46',
      FlatColor: '#3b3531',
      InnerColor: '#efefef',
	  LinkColor: '#fff',
	  linkOver: '#c2c2a5',
	  Navborder: '#3c8f46',
	  NavLinkColor: '#c2c2a5',
	  NavCurrent: '#fff',
	  Navfill: '#272320',
	  NavfillCurrent: '#31803a',
	  Navsubmenu: '#31803a',
	  InnerMouseOver: '#44904d',
	  FooterLink: '#c2c2a5',
	  FooterTopFill: '#36803f',
	  weeblyText: '#fff',
	  weeblyLink: '#acffb5'
    },
    {
      value: 'orange',
      sample: '#e87e51',
	  DefaultColor: '#e87e51',
      FlatColor: '#312f30',
      InnerColor: '#efefef',
	  LinkColor: '#7d777a',
	  linkOver: '#e87f52',
	  Navborder: '#e87f52',
	  NavLinkColor: '#c9c8c0',
	  NavCurrent: '#fff',
	  Navfill: '#201f20',
	  NavfillCurrent: '#e3613f',
	  Navsubmenu: '#e3613f',
	  InnerMouseOver: '#e77352',
	  FooterLink: '#897e7f',
	  FooterTopFill: '#c0beb5',
	  weeblyText: '#312f30',
	  weeblyLink: '#686265'
    },
	{
      value: 'purple',
      sample: '#343444',
	  DefaultColor: '#343444',
      FlatColor: '#343444',
      InnerColor: '#efefef',
	  LinkColor: '#fff',
	  linkOver: '#9c9cb6',
	  Navborder: '#5f5f73',
	  NavLinkColor: '#c2c2d6',
	  NavCurrent: '#fff',
	  Navfill: '#2b2b39',
	  NavfillCurrent: '#515164',
	  Navsubmenu: '#515164',
	  InnerMouseOver: '#646476',
	  FooterLink: '#c2c2d6',
	  FooterTopFill: '#968279',
	  weeblyText: '#1d1d26',
	  weeblyLink: '#3b3b4f'
    },
	{
      value: 'red',
      sample: '#a6121f',
	  DefaultColor: '#a6121f',
      FlatColor: '#212324',
      InnerColor: '#efefef',
	  LinkColor: '#fff',
	  linkOver: '#d4b287',
	  Navborder: '#a6121f',
	  NavLinkColor: '#e4d0ae',
	  NavCurrent: '#fff',
	  Navfill: '#1c1d1e',
	  NavfillCurrent: '#990e19',
	  Navsubmenu: '#980e19',
	  InnerMouseOver: '#860a12',
	  FooterLink: '#e4d0ae',
	  FooterTopFill: '#c1bc9d',
	  weeblyText: '#1d1d26',
	  weeblyLink: '#525557'
    }
  ]
}
------------------------------------------------------------------
*/	
/* Resets
--------------------------------------------------------------------------------*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
    margin: 0;
    padding: 0;
}

a img{
 border: 0px;
}

a {
color: $DefaultColor;
text-decoration: none;
}

a:hover {
color: $DefaultColor;
text-decoration:underline;
}

blockquote{
	font-size:14px;
	color:#000;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	border-left:4px solid $Navborder;
	padding-left:15px;
	line-height:20px;
	margin:10px 0;
}
#icontent{
	border:none !important;
}


/* General Styling and Structure
--------------------------------------------------------------------------------*/


body {
	font-family: 'Helvetica', Arial, sans-serif;
    font-size:12px;
    color:#000000;
    margin:0;
    padding:0;
	background:$FlatColor;
}
h2 {
    font-size: 2em;
    margin: 0;
    padding: .3em 0;
    line-height: 1.5;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	text-transform:uppercase;
}

#content h2{
	 color: #312f30;
}
	#content h2 a{
		color: #312f30;
	}
	#content h2 a:hover{
		color: #312f30;
	}

p{
	 font-size:1em;
	 line-height:1.5;
	 margin: 0;
	 padding: .5em 0;
}

#content p {
	 color: #000;
}
 
#content abbr {
	 border-bottom: 1px dotted #8f8f8f;
}
.container{
	width:940px;
	margin:0 auto;
}
#header-wrap,
#banner-wrap,
#nav-wrap,
#main-wrap,
#footer-wrap
{
	width:100%;
	min-width:940px;
}

#header-wrap{
}
#header-top-wrap{
	background-color: $FlatColor;
	min-width:940px;
}
	#header-top-wrap table{
		border-collapse: collapse;
		border-spacing: 0;
		width:100%;
		height:35px;
	}
	#header-top-wrap td{
		vertical-align:middle;
	}
#header-wrap a{
	color: $LinkColor;
}
#header-wrap a:hover{
	color: $LinkOver;
}
/* Header
--------------------------------------------------------------------------------*/
#header-wrap-in{
	background:#fff;
	min-width:940px;
}
#header {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	height:80px;
	margin:0;
}
#header table {
   border-collapse: collapse;
   border-spacing: 0;
}

#header td {
   vertical-align: middle;
   text-align: left;
}

#logo {
   padding:20px 0;
}
#logo, #logo a{
	font-size: 32px;
	color: #312f30;
	font-family:"Times New Roman", Times, serif;
	line-height:1.1;
	text-transform:uppercase;
}

#logo a:hover{
	color:#312f30;
	text-decoration:none;
}

#header-right {
   padding: 0 0 0 10px;
}

#header-right table {
   width: 1px;
   float:right;
}

#header-right td {
 padding: 0;
 text-align:right;
}

#header-right a {
    color: #fff;
}

#header-right a:hover {
    color: #89a5c7;
}

/* TOP RIGHT: Phone Number
--------------------------------------------------------------------------------*/
#header-right .phone-number {
}
.phone-number .wsite-text{
	display:block;
	white-space:nowrap;
	color: #aaa; 
	font-size: 12px; 
	padding-top:3px;
	font-weight:normal;
	font-family: 'Helvetica LT Std', 'Myriad Pro', Arial, Helvetica, sans-serif;
	margin:0;
	text-decoration:none;
}

/* TOP RIGHT: Social Links
--------------------------------------------------------------------------------*/
#header-wrap .social{
	margin:0;
	text-align:right;
}
#header-wrap .social > div{
	float:right;
}
#header-wrap .wsite-social{
    margin: 0;
}

.wsite-social-item {
	width: 20px;
	height: 20px;
	margin: 0 0 0 3px;
	background-image:url(social-no-container-blue.png);
}

#main-wrap .wsite-social-item {
	background-image:url(social-darkblue.png);
}

.wsite-social-facebook {background-position:0 0;}
	.wsite-social-facebook:hover {background-position:0 -20px;}
	.wsite-social-facebook:active {background-position:0 -40px;}
.wsite-social-pinterest {background-position:-20px 0;}
	.wsite-social-pinterest:hover {background-position:-20px -20px;}
	.wsite-social-pinterest:active {background-position:-20px -40px;}
.wsite-social-twitter {background-position:-40px 0;}
	.wsite-social-twitter:hover {background-position:-40px -20px;}
	.wsite-social-twitter:active {background-position:-40px -40px;}
.wsite-social-linkedin {background-position:-60px 0;}
	.wsite-social-linkedin:hover {background-position:-60px -20px;}
	.wsite-social-linkedin:active {background-position:-60px -40px;}
.wsite-social-mail {background-position:-80px 0;}
	.wsite-social-mail:hover {background-position:-80px -20px;}
	.wsite-social-mail:active {background-position:-80px -40px;}
.wsite-social-rss {background-position:-100px 0;}
	.wsite-social-rss:hover {background-position:-100px -20px;}
	.wsite-social-rss:active {background-position:-100px -40px;}
.wsite-social-flickr {background-position:-120px 0;}
	.wsite-social-flickr:hover {background-position:-120px -20px;}
	.wsite-social-flickr:active {background-position:-120px -40px;}
.wsite-social-plus {background-position:-140px 0;}
	.wsite-social-plus:hover {background-position:-140px -20px;}
	.wsite-social-plus:active {background-position:-140px -40px;}
.wsite-social-vimeo {background-position:-160px 0;}
	.wsite-social-vimeo:hover {background-position:-160px -20px;}
	.wsite-social-vimeo:active {background-position:-160px -40px;}
.wsite-social-yahoo {background-position:-180px 0;}
	.wsite-social-yahoo:hover {background-position:-180px -20px;}
	.wsite-social-yahoo:active {background-position:-180px -40px;}
.wsite-social-youtube {background-position:-200px 0;}
	.wsite-social-youtube:hover {background-position:-200px -20px;}
	.wsite-social-youtube:active {background-position:-200px -40px;}


/* TOP RIGHT: Search Box
--------------------------------------------------------------------------------*/
.search{
	float:right;
	width:230px;
}
.wsite-search{
    margin: 0;
}

.wsite-search-input{ 
	width:170px; 
	height:14px;
	border:none; 
	padding:10px 10px 9px !important;
	font-family: 'Helvetica', Arial, sans-serif;
	color:#afbbcd; 
	font-size:11px;
	background:$FlatColor;
}

.wsite-search-button{ 
	position: relative; 
	width:30px; 
	height:33px; 
	color:#010101; 
	font-size:12px; 
	border: none; 
	margin: 0px; 
	padding: 0px; 
	background:url(submit-bg-$Color.png) no-repeat;
}

/* Navigation
--------------------------------------------------------------------------------*/
#nav-wrap .container{
	clear: both;
	overflow: hidden;
	position: relative;
}
#nav-wrap {
	clear: both;
	padding:0;
	margin:0;
}
#nav-wrap .container ul {
	list-style: none;
	float: none;
	border-top:4px solid $Navborder;
	background:$Navfill url(nav-$Color.png) repeat-x;
	overflow:hidden !important;
}

#nav-wrap .container ul li,
#icontent #nav-wrap .container ul li,
#icontent #nav-wrap .container ul li:last-child{
	list-style: none;
	float: left;
	padding:0 1px 0 0;
	background:url(nav-sep.png) right center no-repeat;
	display:block;
}
	#nav-wrap .container ul li:last-child,
	#icontent #nav-wrap .container ul > span:last-child li{
		background:none;
		padding:0;
	}
	#nav-wrap .container ul li#active,
	#icontent #nav-wrap .container ul li#active{
		background:none;
		padding:0;
	}
#nav-wrap .container ul li a{
	float:left;
	display:inline-block;
    color: $NavLinkColor;
	font-size:16px;
    text-decoration: none;
	font-family: 'Trade Gothic LT Std', 'Myriad Pro', Arial, Helvetica, sans-serif;
    padding:0px 30px 0px;
	border:0;
	outline:0;
	line-height:59px;
	height:59px;
	list-style-type:none;
	text-transform:capitalize;
	overflow:hidden;
}
 
#nav-wrap .container ul li#active a,
#nav-wrap .container ul li a:hover{
	color: $NavCurrent;
	background:url(nav-current-$Color.png) repeat-x;
} 

/****************************** flyout menus ******************************/

#wsite-menus .wsite-menu{
	margin-left:0px;
	background:url(submenu-inner-$Color.png) repeat-y;
}
#weebly-menus > .wsite-menu-wrap > .weebly-menu{
	background: $Navsubmenu url(submenu-$Color.png) right top repeat-y;
	margin-left:0;
}
#wsite-menus .wsite-menu li{

}

#wsite-menus .wsite-menu li a{
	text-transform:capitalize;
	font-weight:normal;
	font-family: 'Trade Gothic LT Std', 'Myriad Pro', Arial, Helvetica, sans-serif;
	padding:12px 15px;
	font-size:14px;
	color:#fff;
	border:0;
	background:none;
	margin-right:1px;
}
    
#wsite-menus .wsite-menu li a:hover{
	background-color: $InnerMouseOver !important;
    }
#wsite-menus span.wsite-menu-title{
	padding:0;
}

#weebly-menus .weebly-menu li, #wsite-menus .wsite-menu li {width:170px;}
/* main  */
#wrap-in{
	background: $InnerColor url(tall-wrap-in-$Color.png) center top repeat-x;
	padding:20px 0 0;
}
#main-wrap{
}
#main{
	padding-bottom:30px;
}
 
#content {
	min-height: 400px;
	padding:20px 0;
	background:url(banner-bot.png) left top no-repeat;
}
#icontent #content{
	padding-right:2px;
}
#banner{
	padding:0;
	overflow:hidden;
	margin:0;
}
#banner-inner{
	background:$FlatColor;
	border:20px solid #fff;
	overflow:hidden;
}

/* PAGE TYPE: banner-tall
--------------------------------------------------------------------------------*/
.tall-header-page .wsite-header{ 
	width:900px; 
	height:262px; 
	background:url(banner-tall.jpg) no-repeat;
}

/* PAGE TYPE: banner-short
--------------------------------------------------------------------------------*/
.short-header-page .wsite-header{
	width:900px; 
	height:168px; 
	background:url(banner-short.jpg) no-repeat;
}
.short-header-page #wrap-in{
	background:$InnerColor url(short-wrap-in-$Color.png) center top repeat-x;
}
/* PAGE TYPE: no-header-banner
--------------------------------------------------------------------------------*/
.no-header-page #wrap-in{
	background:$InnerColor url(no-header-wrap-in-$Color.png) center top repeat-x;
}
.no-header-page #banner-wrap{
	display:none;
}


/* PAGE TYPE: banner-landing
--------------------------------------------------------------------------------*/
.landing-page #wrap-in{
	background:$InnerColor url(landing-wrap-in-$Color.png) center top repeat-x;
}
#bannerleft{ 
	float: right;
	padding:0;
	width:467px;
}
.landing-page .wsite-header{ 
	width:467px; 
	height:262px; 
	background:url(banner-landing.jpg) no-repeat;
}
#bannerright{ 
	float: left;
    width: 370px;
    height: 263px;
    overflow: hidden;
    padding: 0 30px;
}

#bannerright h2{ 
	color:#fff;
	font-size:24px;
	text-transform:capitalize;
	font-family:"Times New Roman", Times, serif;
	padding: 0px;
	line-height: 24px;
}
#bannerright p{
	color:#b4bcc7;
	font-size:12px;
	padding: 20px 0px;
	line-height: 140%;
	margin:0;
}

#bannerright .wsite-button{ 
	margin:0; 
}

.landing-banner-outer {
	display: table; 
	#position: relative; 
	overflow: hidden;
}

.landing-banner-mid {
	#position: absolute; 
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
}

.landing-banner-inner {
	#position: relative; 
	#top: -50%;
}
 	
/* Footer
--------------------------------------------------------------------------------*/
#footer-wrap{
	background:$FlatColor url(footer-wrap-$Color.png) top repeat-x;
	padding:30px 0 30px;
	position:relative;
}
#footer{
	padding:0;
	font-size:13px;
	color:#afbbcd;
	font-family: 'Trade Gothic LT Std', 'Myriad Pro', Arial, Helvetica, sans-serif;
	text-align:right;
	position:relative;
}

#footer blockquote {
	color:#aaa;
}

#weeblyfootertext a {
	color:#fff;
}

#footer hr {background:#fff !important;}

#footer p{
	color: #ccc;
}

#footer a{
	color: $FooterLink;
}

#footer a:hover{
	color: $FooterLink;
	text-decoration:underline;
}
#footer h2{
	font-size:16px;
    margin: 0;
    padding: .6em 0;
    line-height: 1;
	font-weight:bold;
	color:#eee;
	text-transform:uppercase;
}
#footer span{
	vertical-align:middle;
}

#footer .wsite-form-input{
	background:#FlatColor;
	border:1px solid #aaa;
	color:#fff;
}
#footer .wsite-form-label{
	color:#fff;
}
#footer .wsite-multicol{
	text-align:left !important;
}
#footer .wsite-form-container {
	margin-top:0px !important;
}
#footer .wsite-form-field{
	width:288px !important;
}
#footer .wsite-form-input-container .wsite-form-input{
	width:278px !important;
}
#footer .wsite-form-input-container.wsite-form-left .wsite-form-input{
	width:108px !important;
}
#footer .wsite-form-input-container.wsite-form-right .wsite-form-input{
	width:148px !important;
}
#footer .wsite-form-field textarea{
	width:283px !important;
	overflow:auto;
}


/* Form Customization
--------------------------------------------------------------------------------*/

.wsite-form-label {
    display: inline-block;
    color: #000000;
	font-family: 'Helvetica', Arial, sans-serif;
    font-size: 1em;
    padding: 12px 0px 5px 0px;
    }
    
.form-radio-container {
    color: #000;
    font-size: 1em;
	font-family: 'Helvetica', Arial, sans-serif;
    }
	
#footer .form-radio-container {color:#ddd;}
    
.wsite-form-input, .wsite-search-element-input {
	font-family: 'Helvetica', Arial, sans-serif;
	font-size:1em;
    color: #000;
	background:#fff url(field.png) repeat-x;
    border: 1px solid #c7c7c7;
	padding:8px 4px 5px !important;
	line-height:1;
    }
    
.form-select {
    color: #000;
    border: 1px solid #c7c7c7;
	font-size:1em;
	background:#fff url(field.png) repeat-x;
	font-family: 'Helvetica', Arial, sans-serif;
	padding:3px 4px;
	height:27px;
	line-height:27px;
	background:url#fff (field.png);	
    }
    
    
    
/* Buttons
--------------------------------------------------------------------------------*/

/* small */

.wsite-button {
	color: #fff !important;
	font-family:"Times New Roman", Times, serif;
    height: 35px;
    display: inline-block;
    font-size: 13px;
    border: none;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 10px 0px 0px;
	background: url(button-$Color.png) no-repeat 100% -105px;
	text-transform:capitalize;
    }
    
.wsite-button:hover {
    background-position: 100% -140px;
	text-decoration:none;
    }

.wsite-button:active {
    background-position: 100% -175px;
    }
    
.wsite-button-inner {
	color: #fff !important;
    height: 35px;
    line-height: 33px;
    display: block;
    font-size: 13px;
    font-weight: bold;
    border: none;
    text-decoration: none;
    padding: 0px 4px 0px 15px;
    background: url(button-$Color.png) no-repeat 0 0;
	text-shadow:0 -1px 0 rgba(0,0,0,0.5);
    }

.wsite-button:hover .wsite-button-inner {
    background-position: 0 -35px;
    }

.wsite-button:active .wsite-button-inner {
    background-position: 0 -70px;
    }


/* large */

.wsite-button-large {
    height: 43px;
	background: url(button-large-$Color.png) no-repeat 100% -129px;
    padding: 0 8px 0 0;
    }
    
.wsite-button-large:hover {
    background-position: 100% -172px;
    }
    
.wsite-button-large:active {
    background-position: 100% -215px;
    }

.wsite-button-large .wsite-button-inner {
    height: 43px;
    line-height: 41px;
	background: url(button-large-$Color.png) no-repeat 0 0;
	padding: 0 4px 0 12px;
}

.wsite-button-large:hover .wsite-button-inner {
    background-position: 0 -43px;
    }

.wsite-button-large:active .wsite-button-inner {
    background-position: 0 -86px;
    }
    

/* highlight */


.wsite-button-large.wsite-button-highlight {
    background-image: url(button-highlight-large-$Color.png);
}
    
.wsite-button-large.wsite-button-highlight .wsite-button-inner {
    background-image: url(button-highlight-large-$Color.png);
    }

.wsite-button-highlight {
    background-image: url(button-highlight-$Color.png);
    }

.wsite-button-highlight .wsite-button-inner {
    background-image: url(button-highlight-$Color.png);
    }