/* 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: 0;
}

a {
	text-decoration: none;
}

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

body {
	font-family: 'Open Sans', sans-serif;
	font-size:14px ;
	background:#CFCFCF ;
	line-height:24px;
	color:#3a3a3a;
}

.container {
	margin: 0 auto;
	width: 960px;
}

#header-wrap,
#banner-wrap,
#banner-inner,
#nav-wrap,
#main-wrap,
#footer-wrap
{
        width:100%;
		min-width:960px;
}

a {
	color:#9d3293 ;
}

a:hover {
	color:#b95bb0 ;
}

h2 {
	font-size:28px ;
	line-height:48px;
	padding: .5em 0 .2em 0;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	color:#303030 ;
}

p {
	font-size:14px ;
	line-height: 24px;
	padding: .5em 0;
	color:#3a3a3a;
}

div#content {min-height:400px;}

/* Header
--------------------------------------------------------------------------------*/

#header-wrap {
	background:url(header_bg_purple.png) repeat-x left top;
}

#logo,
#logo a {
        color:#a9a9a9;
		font-size:25px;
		line-height:28px;
		font-weight:bolder;
		font-family: 'Open Sans', sans-serif;
		text-transform:uppercase;
}

#header {
	border-collapse: collapse;
	border-spacing: 0;
        width:100%;
        height:40px;
}

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


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

#header-right td {
	padding: 0;
}

/* Header: Phone Number
--------------------------------------------------------------------------------*/

#header-right .phone-number .wsite-text {
	color:#fff ;
	font-size:14px ;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	display: block;
	white-space: nowrap;
	margin:0px ;
	vertical-align: top; 
}

ul.b {list-style-type: square;}

/* Header: Social Links
--------------------------------------------------------------------------------*/

#header .wsite-social {
	vertical-align: middle;
}

#header .wsite-social-item {
	width: 25px;
	height: 25px;
	margin: 0 0 0 3px;
	background-image:url(social_icon.png);
}

#header .wsite-social-facebook {background-position:0 0;}
	#header .wsite-social-facebook:hover {background-position:0 -25px;}
	#header .wsite-social-facebook:active {background-position:0 -50px;}
#header .wsite-social-pinterest {background-position:-25px 0;}
	#header .wsite-social-pinterest:hover {background-position:-25px -25px;}
	#header .wsite-social-pinterest:active {background-position:-25px -50px;}
#header .wsite-social-twitter {background-position:-50px 0;}
	#header .wsite-social-twitter:hover {background-position:-50px -25px;}
	#header .wsite-social-twitter:active {background-position:-50px -50px;}
#header .wsite-social-linkedin {background-position:-75px 0;}
	#header .wsite-social-linkedin:hover {background-position:-75px -25px;}
	#header .wsite-social-linkedin:active {background-position:-75px -50px;}
#header .wsite-social-mail {background-position:-100px 0;}
	#header .wsite-social-mail:hover {background-position:-100px -25px;}
	#header .wsite-social-mail:active {background-position:-100px -50px;}
#header .wsite-social-rss {background-position:-125px 0;}
	#header .wsite-social-rss:hover {background-position:-125px -25px;}
	#header .wsite-social-rss:active {background-position:-125px -50px;}
#header .wsite-social-flickr {background-position:-150px 0;}
	#header .wsite-social-flickr:hover {background-position:-150px -25px;}
	#header .wsite-social-flickr:active {background-position:-150px -50px;}
#header .wsite-social-plus {background-position:-175px 0;}
	#header .wsite-social-plus:hover {background-position:-175px -25px;}
	#header .wsite-social-plus:active {background-position:-175px -50px;}
#header .wsite-social-vimeo {background-position:-200px 0;}
	#header .wsite-social-vimeo:hover {background-position:-200px -25px;}
	#header .wsite-social-vimeo:active {background-position:-200px -50px;}
#header .wsite-social-yahoo {background-position:-225px 0;}
	#header .wsite-social-yahoo:hover {background-position:-225px -25px;}
	#header .wsite-social-yahoo:active {background-position:-225px -50px;}
#header .wsite-social-youtube {background-position:-250px 0;}
	#header .wsite-social-youtube:hover {background-position:-250px -25px;}
	#header .wsite-social-youtube:active {background-position:-250px -50px;}

/* Header: Search Box
--------------------------------------------------------------------------------*/

#header-right .wsite-search {
	margin-left: 25px;
	vertical-align: middle;
}

.wsite-search {
	width:140px;
}

.wsite-search-input {
	width: 100px;
	height: 17px;
	border: none ;
	padding: 5px 10px !important;
	color: #fff;
	background:url(search-input.png) no-repeat center left ;
	float:right;
}

.wsite-search-button {
	position: relative;
	width: 20px;
	height: 27px;
	background:url(search-button.png) no-repeat top left;
	float:left;
}

/* Navigation
--------------------------------------------------------------------------------*/

#nav-wrap table {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}

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

#nav-wrap {
	background: #121212;
	padding: 15px 0px;
}
#nav-wrap .container {
	clear: both;
	overflow: hidden;
	position: relative;
}

#nav-wrap .container ul {
	list-style: none;
	float: right;
}

#nav-wrap .container ul li {
	margin:5px;
	list-style: none;
	float: left;
}

#nav-wrap .container ul li a {
	float:left ;
	display: block;
	font-family: 'Open Sans', sans-serif;
	color:#e1e1e1 ;
	text-decoration:none ;
	padding:5px 15px ;
	margin:0px;
	border: 0;
	outline: 0;
	list-style-type: none;
	font-size:13px ;
	font-weight:bold;
	text-transform:uppercase;
}

#nav-wrap .container ul li#active a,
#nav-wrap .container ul li a:hover {
	color: #fff;
	background:#303030 ;
	border-radius:2px ;
}

/* Navigation Submenu's
--------------------------------------------------------------------------------*/

#wsite-menus .wsite-menu {
	background:#303030;
	padding:5px 10px;
	border-radius: 0px 2px 2px 2px; 
}

#wsite-menus .wsite-menu li {
	margin:5px 0px;
}

#wsite-menus .wsite-menu li a {
	font-family: 'Open Sans', sans-serif;
	color: #e1e1e1;
	background:#272727 ;
	border: 0;
	font-weight:bold;
}

#wsite-menus .wsite-menu li a:hover {
	color: #ffffff;
	background: #444444;
}

/* Page type: Tall header
--------------------------------------------------------------------------------*/

.tall-header-page #banner-wrap {
	background:url(banner-tall-bg-repeat-purple.jpg) repeat-x center top;
}

.tall-header-page #banner-inner {
	background:url(banner-tall-bg.png) no-repeat center top;
	height:410px;
	position:relative;
}

.tall-header-page .wsite-header {
	width: 900px;
	height: 300px;
	background: url(banner-tall.jpg) no-repeat;
	margin:49px 0px 0px 30px;
	float:left;
}

/* Page type: Short header
--------------------------------------------------------------------------------*/

.short-header-page #banner-wrap {
	background:url(banner-small-bg-repeat-purple.jpg) repeat-x center top;
}

.short-header-page #banner-inner {
	background:url(banner-small-bg.png) no-repeat center top;
	height:246px;
	position:relative;
}

.short-header-page .wsite-header {
	width: 920px;
	height: 154px;
	background: url(banner-short.jpg) no-repeat;
	margin:30px 0px 0px 20px;
	float:left;
}

/* Page type: No header
--------------------------------------------------------------------------------*/

.no-header-page .wsite-header  {
        display:none;
}

.no-header-page #main-wrap {
	padding-top:30px;
	margin-top:0;
}

/* Page type: Landing page
--------------------------------------------------------------------------------*/

.landing-page #banner-wrap {
	background:url(banner-landing-bg-repeat-purple.jpg) repeat-x center top;
	height:540px;
}

.landing-page #banner {
	background: none;
	padding: 0;
	position:relative;
}

#bannerleft {
	float: right;
	width: 694px;
	height:540px;
	background: url(banner-landing-bg.png) no-repeat left top;
	position: absolute;
    right: -75px;
}

.landing-page .wsite-header {
	width: 520px;
	height: 430px;
	background: url(banner-landing.jpg) no-repeat;
	float:right;
	margin:49px 87px 0px 0px;
}

.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%;
}

#bannerright {
	float: left;
	width: 320px;
	position:relative;
	height:360px;
}

#bannerright h2 {
	color:#e1e1e1 ;
	font-size:45px ;
	line-height:48px;
	font-family: 'Rokkitt', serif;
	padding: 0 0px 10px 0px ;
}

#bannerright p {
	color:#a9a9a9 ;
	font-size:14px ;
	padding:5px 0px ;
	line-height:24px;
}

#bannerright .wsite-button, #bannerright .weebly-button-area {
	position:absolute;
	bottom:30px;
}

#bannerright .weebly-button-area .wsite-button{
	position:absolute;
	bottom:0px;
}

.button-container {
	float:left;
	position:absolute;
	width:320px;
	height:100px;
	bottom:-128px;
}

/* Main Content
--------------------------------------------------------------------------------*/
#main-wrap {background:#e1e1e1; margin-top:-67px;}
.tall-header-page #main-wrap {background:#e1e1e1; margin-top:-76px; padding-top:30px;}
.short-header-page #main-wrap {background:#e1e1e1; margin-top:-146px; padding-top:80px;}

#main-wrap .container {padding:30px 0;}

blockquote {
	background:url(blockquote_bg.png) repeat 0px 20px;
	font-size:14px;
	line-height:28px;
	font-style:italic;
	padding:15px;	
	margin:10px 0px;
}

#main-wrap .container .paragraph ul li {
	list-style:none !important;
	padding:0px 20px !important;
	line-height:24px;
	background: url(bullet_purple.png) no-repeat 0px 8px;
}

#main-wrap .container form .wsite-button {
	margin-top:20px;
}

/* Footer
--------------------------------------------------------------------------------*/

#footer-wrap {
	border-top:1px solid #bababa;
	text-align:right;
	background:#cfcfcf;
	padding:20px 0;
}
#footer-wrap h2 {
	background:url(footer_heading_bg.png) repeat-x left bottom;
	font-size:18px;
	line-height:30px;
	font-family: 'Open Sans', sans-serif;
	color:#303030;
}

#footer-wrap .paragraph ul {
	padding:0px !important;
}

#footer-wrap .paragraph ul li {
	list-style:none !important;
	padding:0px 0px 0px 10px !important;
	line-height:24px;
	margin-bottom:10px !important;
	background: url(footer_arrow_purple.png) no-repeat left 10px;
}

#footer-wrap .wsite-form-container {
	text-align:left;
}

/* Social Links
--------------------------------------------------------------------------------*/

.wsite-social {
	vertical-align: middle;
}

.wsite-social-item {
	width: 26px;
	height: 27px;
	margin: 0 0 0 10px;
}

.wsite-social-rss {
	background: url(social_icon_color.png) no-repeat -175px 0px ;
}

.wsite-social-linkedin {
	background: url(social_icon_color.png) no-repeat -140px 0px;
}

.wsite-social-facebook {
	background: url(social_icon_color.png) no-repeat 0px 0px;
}

.wsite-social-twitter {
	background: url(social_icon_color.png) no-repeat -70px 0px;
}

.wsite-social-mail {
	background: url(social_icon_color.png) no-repeat -350px 0px;
}

.wsite-social-pinterest {
	background: url(social_icon_color.png) no-repeat -35px 0px;
}

.wsite-social-youtube {
	background: url(social_icon_color.png) no-repeat -105px 0px;
}

.wsite-social-plus {
	background: url(social_icon_color.png) no-repeat -210px 0px;
}

.wsite-social-flickr {
	background: url(social_icon_color.png) no-repeat -245px 0px;
}

.wsite-social-vimeo {
	background: url(social_icon_color.png) no-repeat -280px 0px;
}

.wsite-social-yahoo {
	background: url(social_icon_color.png) no-repeat -315px 0px;
}

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

.wsite-form-label {
	display: inline-block;
}

.wsite-form-input, .wsite-search-element-input {
	background: #fff;
	border:none;
	border-top:1px solid #b7b7b7;
	border-left:1px solid #b7b7b7;
	padding: 8px 4px !important;
	font-size:12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
}

.form-select {
	background: #fff;
	border:none;
	border-top:1px solid #b7b7b7;
	border-left:1px solid #b7b7b7;
	padding: 4px !important;
	width: 380px;
	height:25px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
}

.form-radio-container {margin:3px 0 !important;}

#footer-wrap .wsite-form-container {margin-top:0 !important;}

/* Buttons
--------------------------------------------------------------------------------*/

/* Small structure & regular style */

.wsite-button {
	height: 42px;
	display: inline-block;
	padding: 0px 4px 0px 0px;
	background: url(button-purple-highlight.png) no-repeat 100% -126px;
}

.wsite-button:hover {
	background-position: 100% -168px;
}

.wsite-button:active {
	background-position: 100% -210px;
}

.wsite-button-inner {
	color: yellow !important;
    height: 42px;
	line-height: 40px;
	display: block;
	padding: 0px 34px 0px 38px;
	background: url(button-purple-highlight.png) no-repeat 0px 0px;
	text-transform: uppercase;
	font-weight:600;
	letter-spacing:1px;
	text-shadow:0 -1px 0 rgba(0,0,0,0.6);

}

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

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

/* Large structure & regular style  */

.wsite-button-large {
	color: #fff !important;
	height: 57px;
	background: url(large-button-purple-highlight.png) no-repeat 100% -171px;
	padding:0px 4px 0px 0px ; 
}

.wsite-button-large:hover {
	background-position:100% -228px;
}

.wsite-button-large:active {
	background-position: 100% -285px;
}

.wsite-button-large .wsite-button-inner {
	height: 57px;
	line-height: 55px;
	padding:0px 34px 0px 38px ;
	background: url(large-button-purple-highlight.png) no-repeat 0px 0px;
}

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

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


/* Highlighted styles */

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

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

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

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