/*================== Hiden content =======================*/
.hide {
    display:none;
}

#contact-form{
    border:1px solid #f0f0f0;
    padding:20px;
    background:#f1f1f1;
}

.notification_error,.notification_ok{
    margin:10px 0px 10px 0px;
    line-height:1.5em;
    font-size:13px;
    color:red;
}

.notification_ok {
display: block;
padding: 5px;background-color: #148F46;
    color:#ffffff;
    font-size: 22px;
    line-height: 24px;
}

#contact-form h4 {
    margin:5px 0px 6px 0px;
    color:#797979;
    border:none;

}

#contact-form li{
    list-style:none;
    padding:10px 0px 10px 0px;
    clear:both;
}

#contact-form input{
    color:#433f3f;
    font-size: 14px;
    float:left;
    width:180px;
    height:25px;
    border:1px solid #9BB4D3;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    padding-left:10px;
}

#contact-form label{
    font-size:12px;
    width:150px;
    margin-right: 5px;
    line-height:20px;
    float:left;
    color:#004CA9;
}

#contact-form textarea{
    color:#004CA9;
    width:180px;
    height:40px;
    float:left;
    border:1px solid #9BB4D3;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    padding-left:10px;
}

#contact-form input:hover, #contact-form textarea:hover,
#contact-form input:focus, #contact-form textarea:focus {
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

#contact-form button{
    width:100px;
    height:30px;
    margin:10px 0px 0px 0px;
    padding:5px 0;
    color:#004CA9;
    text-shadow:0 1px 1px #e7fbc0;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0 );
    background: linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
	border:1px solid #9BB4D3;
}

#wrap {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	/*background:#f4f4f2 url(../img/body_bg.png) top center repeat;*/
	top:0;
	margin-top:0;
	margin-bottom:0;
	bottom:0;
}

.divider {
	background:url(../img/divider.png) repeat-x center;
	width:100%;
	height:2px;
	margin:0 auto;
	margin:30px 0 30px 0;
}
/* Header area */

#header-wrapper{
	/*background: #fdfdfd url(../img/header-bg.png) repeat-x left bottom;*/
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}
#header{
	/*background: url(../img/header-line.png) repeat-x top left;*/
	width:100%;
	height:auto;
	padding:30px 0px 30px 0px;
	margin:0;
}

.end-header{
	/*background:url(../img/page-line-top.png) repeat-x top left;*/
	width:100%;
	height:13px;
}
.logo{
	width:270px;
	height:87px;
	float:left;
	margin:0;
	padding:0;
	background:url(../img/logo.png) no-repeat top left;
}
.logo a{
	display:block;
}

p.topslogan {
	background: url(../img/icons/quote.png) no-repeat top left;
	padding: 0px 0px 0px 41px;
	margin:0;
	border:none;
}
p.topslogan span{
	background: url(../img/icons/strive.png)no-repeat left 8px;
	padding: 0px 0px 0px 38px;
	margin:0px 0px 0px 10px;
	border:none;
}

/* featured area */

#featured-area {
	background:#009043;
	width:100%;
	height:auto;
	padding:30px 0 10px 0;
	margin:0 auto;
}

.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom:20px;
}

.video iframe,  
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



#contain-wrap{
	float:left;
	width:100%;
	background:url(../img/contain-bg.png) repeat top left;
}
#contain-main{
	float:left;
	width:100%;
	/*background:url(../img/contain-main-bg.png) repeat-x top left;*/
	border-top:1px solid #fff;
	padding:30px 0px 53px 0px;
	margin:0;
}

#tagline{
	width:100%;
	margin:0px 0px 20px 0px;
}
.tagline-text{
	text-align:center;
}
.tagline-text h2{

}
.tagline-btn{
	float:left;
	margin-left:26%;
	text-align:center;
}
/* footer area */

#footer-wrapper{
	background:#004CA9;
	width:100%;
	padding:0;
	margin:0 auto;
	color:#efefef;
	}

#footer-wrapper h5 {
	color:#f8f8f8;
	text-shadow:none;
}

.top-footer{
	background: url(../img/page-line-top.png) repeat-x top left;
	width:100%;
	height:13px;
	padding:0;
	margin:0;
}

.footer {

}

.light{
	/* background:#ccc; */
	width:100%;
	padding:30px 0px 30px 0px;
	overflow:hidden;
}


/* Link to pages on footer */
ul.link_pages {
	float:left;
	margin:0;
	padding:0;
}

ul.link_pages li{
	width:200px;
	margin-top:0 !important;
	margin-bottom:0 !important;
	padding:2px 10px 2px 0px;
}
ul.link_pages li a{
	color:#efefef;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
}





#latestTweet {

}

blockquote{
	background: url(../img/icons/quote.png)no-repeat top left;
	padding: 0px 0px 0px 40px;
	margin:0;
	border:none;
}
/* fluid fader -- featured slider */

img.fluid
{
    width: 100%;
}

.fluid-fader
{
    position: relative;
    width: 100%;
    /* padding-bottom: 48.33%; /* HEIGHT/WIDTH * 100% OR (290 pixels / 600 pixels) * 100% = 48.33% */
    display: none;
}

.fluid-fader-frames
{
    width: 100%;
    position: relative;
}

.fluid-fader-frames div
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #DEDEDE;
}

.fluid-fader-links
{
    position: absolute;
    bottom: 12px;
    left: 12px;
    z-index: 2003; /* HIGER THAN FRAMES */
    display: none;
}

.fluid-fader-links a
{
    background-color: #666;
    display: block;
    float: left;
    font-size: 1px;
    height: 6px;
    margin-right: 6px;
    width: 6px;
    border: 1px solid #fff;
}

.fluid-fader-links a:hover
{
    background-color: #2200C1;
}

.fluid-fader-links a.current
{
    background-color: #EB7E21;
}

.fluid-fader .fluid-fader-direction-left
{
    position: absolute;
    top: 50%;
    left: -40px;
    background-color: #666;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-decoration: none;
    text-align: center;
    z-index: 2004;
}

.fluid-fader .fluid-fader-direction-right
{
    position: absolute;
    top: 50%;
    right: -40px;
    background-color: #666;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-decoration: none;
    text-align: center;
    z-index: 2004;
}

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

#form_content{
    width:100%;
    position:relative;
	float:left;
	margin:0 0 0 0;
	color:#efefef;
	text-shadow:none;
}
#form_content h5 {
	color:#f8f8f8;
	text-shadow: none;

}

#form_wrapper{
    -moz-box-shadow:0px 0px 4px #aaa;
    -webkit-box-shadow:0px 0px 4px #aaa;
    box-shadow:0px 0px 4px #aaa;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
	background:#004CA9;
	padding:4.34782%;
    width:89.56521%;
    overflow:hidden;

}


#form_wrapperform fieldset{
    border:none;
    padding-bottom:20px;
}
#form_wrapper form legend{
    text-align:left;
    color:#f7f7f7;
	background:none;
	border:none;
    font-size:14px;
    text-shadow:none;
    font-weight:bold;
    float:left;
    margin:10px 0px 15px 0px;

}
#form_wrapper form p{
	float:left;
}

#form_wrapper .donationbox {
	background:#2b2e31;
	padding:20px;
	float:left;
}
/* IE 8 only stuff */
#form_wrapper .donationbox {
	width:370px\9;
}

#form_wrapper .donationbox p  {

}

#form_wrapper .donationbox .styled {
	margin:0 5px 0 0;
    outline: none;
	line-height:1.5em;
	display: inline;
  height: auto;
	
}

#form_wrapper .method {
	margin:20px 0 0 0;
}


#form_wrapper form p.text{
	color:#f2f2f2;
	text-shadow:none;
	margin-top:10px;
}

#form_wrapper form p label{
    width:126px;
    float:left;
    text-align:left;
    color:#f7f7f7;
    font-weight:bold;
}
#form_wrapper form input:not([type=radio]),
#form_wrapper form textarea,
#form_wrapper form select{

background-image: linear-gradient(bottom, rgb(242,242,242) 19%, rgb(255,255,255) 60%, rgb(245,245,245) 90%);
background-image: -o-linear-gradient(bottom, rgb(242,242,242) 19%, rgb(255,255,255) 60%, rgb(245,245,245) 90%);
background-image: -moz-linear-gradient(bottom, rgb(242,242,242) 19%, rgb(255,255,255) 60%, rgb(245,245,245) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(242,242,242) 19%, rgb(255,255,255) 60%, rgb(245,245,245) 90%);
background-image: -ms-linear-gradient(bottom, rgb(242,242,242) 19%, rgb(255,255,255) 60%, rgb(245,245,245) 90%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.19, rgb(242,242,242)),
	color-stop(0.6, rgb(255,255,255)),
	color-stop(0.9, rgb(245,245,245))
);



    border: 1px solid #26282b;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    padding: 5px;
    width: 108px;
    float:left;
}

#form_wrapper form radio {

}

#form_wrapper form input {
    height:17px;
}

#form_wrapperform input:focus{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background-color:#FFFEEF;
}
#form_wrapper form p.action{
    background:none;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

span.or {
	text-transform:uppercase;
	float:left;
	margin:9px 10px 0 0;
}

span.radiospacer {
	margin-right:10px;

}

#form_wrapper form button {

}
#form_wrapperform button:hover {

}

/*------------------- tabs --------------------*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: auto;
	width: 100%;
	border:none;
}
ul.tabs li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	height: 32px;
	line-height: 31px;
	border: 1px solid #e9e9e9;
	border-bottom:none;
	margin-bottom: 0px;
	overflow: hidden;
}
ul.tabs li a {
	text-decoration: none;
	color: #5b5b5d;
	display: block;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0 );
    background: linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
	border: 1px solid #fff;
	outline: none;
	height: 30px;

}
ul.tabs a:active {
	outline:none;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #fdfdfd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#fdfdfd));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#fdfdfd 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#fdfdfd 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#fdfdfd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fdfdfd',GradientType=0 );
    background: linear-gradient(top, #f5f5f5 0%,#fdfdfd 100%);
}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #fdfdfd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#fdfdfd));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#fdfdfd 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#fdfdfd 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#fdfdfd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fdfdfd',GradientType=0 );
    background: linear-gradient(top, #f5f5f5 0%,#fdfdfd 100%);
	border-bottom:none;
}
.panes {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0 );
    background: linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
	border:1px solid #e9e9e9;
	width:100%;
}

.panes .pane-page {
	padding: 15px;
	border:1px solid #fff;
	float: left;
}
.panes h4 {
	font-weight:normal;
	margin:0 0 10px 0;
	font-size:16px;
	color:#333;
}
.panes p {
	margin:10px 0 0 0;
}
.panes img {
	margin-bottom:10px;
}

/*-----------------------------------activity gallery -------------------------------------------*/

.activity-gallery{

	width:100%;
}

a.zoomer{
	list-style: none outside none;
	position: relative;
	display:block;
}
.zoom{
	margin:10px 0px 15px 6px;
	background:url(../img/icons/zoom.png) no-repeat center center;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	width:208px;
	height:123px;
}

/*------------ list style -------------- */

ul.check-list{
	list-style:none;
	width:auto;
	margin:10px 0 10px 0;
}
ul.check-list li{
    background:url(../img/list/checklist.png) no-repeat 0% 2px;
	line-height:1.5em;
    padding-left:25px;
	margin-bottom:0;
}


ul.activity{
	padding:0;
	margin:0;
}
ul.activity li{
	float:left;
	width:100%;
	border:1px solid #f0f0f0;
	padding:0;
	margin:1px 0px 0px 0px;
}
.activity-list{
	float:left;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0 );
    background: linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
	border:1px solid #fff;
	padding:10px;
}
.activity-list span{
	font-family:georgia,Arial,sans-serif;
	font-style:italic;
	font-weight:normal;
	text-transform:none;
	font-size:11px;	
	margin-top:5px;	
}

/*------------------------------------ twitter feed ------------------------------*/

.twitter_feed {

}

.tweet {
	overflow:hidden;
}
ul.tweet_list {
	margin:0px;
	padding:0px 0px 0px 16px;
	list-style:none;
	background-attachment: scroll;
	background-image: url(../img/icons/twitter.png);
	background-repeat: no-repeat;
	background-position: left center;
}
li.tweet_first, li.tweet_odd, li.tweet_even {
	margin-left:36px;
	font-style:italic;
	font-size:12px;
	border:1px dashed #32baed;
	padding:10px;
	background:#f7f7f7;
	box-shadow: 0 1px 5px rgba(0,0,0,0.10);
}
.loading {
	margin:0;
	padding:0;
	background-image: url('../img/icons/loading.gif');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 105px center;
}
.twitter_box {
	padding:15px 0 15px 0;
	background:#f0f0f0;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	border-top:1px solid #fff;
}
span.tweet_time a {
	border-bottom:1px solid transparent;
	color:#16b5f0;
}
span.tweet_text a {
	border-bottom:1px solid transparent;
	color:#16b5f0;
}
/*---------------- ======== Sub footer === -------------- */

.sub-footer{
	border-top:1px solid #343333;
}
.copyright p {
	text-align:center;
	padding:10px 0 30px 0;
}
/*------------------------- social network -------------- */

/* social networks */
.social-wrapper{
	margin:0 auto;
	width:280px;
	padding:30px 0 0px 0;
}
ul.social_network {
	display:inline;
	height:48px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 !important;
	margin:30px 0 10px 0;
}

.social_network li{
	float:left;
	padding:0px 10px 0px 0px;
}
.social_network li.last{
	padding-right:0;
}
li.image_one a {
	display:block; 
	width:48px; 
	height:48px; 
	position:relative;
}	
li.image_one a .fb-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:48px; 
	height:48px; 
	background:url(../img/social/fb-hover.png) no-repeat top left;	
}
li.image_one a .twitter-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:48px; 
	height:48px;  
	background:url(../img/social/twitter-hover.png) no-repeat top left;	
}
li.image_one a .google-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:48px; 
	height:48px; 
	background:url(../img/social/google-plus-hover.png) no-repeat top left;	
}
li.image_one a .flicker-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:48px; 
	height:48px; 
	background:url(../img/social/flicker-hover.png) no-repeat top left;	
}
li.image_one a .youtube-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:48px; 
	height:48px; 
	background:url(../img/social/youtube-hover.png) no-repeat top left;	
}

/* #element Styles
================================================== */

/* contact button - yellow */

.contactbtn {
	background-position:0 0;
}

a.contactbtn { background:#E8B128; display: block; float: left; /*height: 40px;*/ margin-right: 10px; padding: 5px 15px; 
font-size: 20px;
text-decoration: none; font-size:12px;  
text-transform:uppercase; 
font-style:none;
font-weight:normal;
text-shadow:none;

}

a.contactbtn span { background:#E8B128; display: block; line-height: 40px; padding: 0px 10px 0px 10px; color: #f4f4f4; }

a.contactbtn:hover span { background-position: 0 -40px;  text-decoration:none;color: #fff;  }

a.contactbtn:hover { background-position: right -40px;text-decoration:none; }


/* small of btn1 - yellow */

.smallbtn1 {
	background-position:0 0;
}

a.smallbtn1 { background:url(../img/buttons/small1-r.png) no-repeat top right; display: block; float: left; height: 40px; margin-right: 10px; padding-right: 48px; 
text-decoration: none; font-size:12px;  
text-transform:uppercase; 
font-style:none;
font-weight:normal;
text-shadow:none;

}

a.smallbtn1 span { background:url(../img/buttons/small1-l.png) no-repeat; display: block; line-height: 40px; padding: 0px 10px 0px 10px; color: #f4f4f4; }

a.smallbtn1:hover span { background-position: 0 -40px;  text-decoration:none;color: #fff;  }

a.smallbtn1:hover { background-position: right -40px;text-decoration:none; }

/* small of btn2 - red */

.smallbtn2 {
	background-position:0 0;
}

a.smallbtn2 { background:#148F46; display: block; float: left; /*height: 40px;*/ margin-right: 10px; padding: 5px 15px; 
text-decoration: none; font-size:12px;  
text-transform:uppercase; 
font-style:none;
font-weight:normal;
text-shadow:none;

}

a.smallbtn2 span { background:#148F46; display: block; line-height: 40px; padding: 0px 10px 0px 10px; color: #f4f4f4; }

a.smallbtn2:hover span, a.smallbtn3:hover span { background-position: 0 -40px;  text-decoration:none;color: #fff;  }

a.smallbtn2:hover, a.smallbtn3:hover { background-position: right -40px;text-decoration:none; }



a.smallbtn3 { background:#134A9E; display: block; float: left; height: 40px; margin-right: 10px; padding: 5px 15px; 
text-decoration: none; font-size:12px;  
text-transform:uppercase; 
font-style:none;
font-weight:normal;
text-shadow:none;

}

a.smallbtn3 span { background:#134A9E; display: block; line-height: 40px; padding: 0px 10px 0px 10px; color: #f4f4f4; }


/* big of btn1 */

.bigbtn1 {
	background-position:0 0;
}

a.bigbtn1 { background:url(../img/buttons/big1-r.png) no-repeat top right; display: block; float: left; height: 50px; margin-right: 10px; padding-right: 72px; 
text-decoration: none; font-size:1.5em;  
text-transform:none; 
font-style:none;
font-weight:bold;
text-shadow:0 1px 1px #c59005;

}

a.bigbtn1 span { background:url(../img/buttons/big1-l.png) no-repeat; display: block; line-height: 50px; padding: 0px 20px 0px 20px; color: #f4f4f4; }

a.bigbtn1:hover span { background-position: 0 -50px;  text-decoration:none;color: #fff;  }

a.bigbtn1:hover { background-position: right -50px;text-decoration:none; }

/* big of btn2 */

.bigbtn2 {
	background-position:0 0;
}

a.bigbtn2 { background:url(../img/buttons/big2-r.png) no-repeat top right; display: block; float: left; height: 50px; margin-right: 10px; padding-right: 72px; 
text-decoration: none; font-size:1.5em;  
text-transform:none; 
font-style:none;
font-weight:normal;
text-shadow:none;

}

a.bigbtn2 span { background:url(../img/buttons/big2-l.png) no-repeat; display: block; line-height: 50px; padding: 0px 20px 0px 20px; color: #f4f4f4; }

a.bigbtn2:hover span { background-position: 0 -50px;  text-decoration:none;color: #fff; text-shadow:none; }

a.bigbtn2:hover { background-position: right -50px;text-decoration:none; text-shadow:none;}

.left{
	float:left;
}
.right{
	float:right;
}
}
.center{
	text-align:center;
}
/* general image style */

img.left {
	margin-top:5px;
	margin-right: 10px;
	margin-bottom: 10px;
}

img.right {
	margin-left: 10px;
	margin-bottom: 10px;
}
.aboutframe{
	width:50%;
	height:auto;
	padding:6px 6px 24px 6px;	
	background:url(../img/shadow-frame.png) no-repeat center bottom;
}
img.aboutframe {
	margin:0px 20px 0px 0px;
}
.tframe{
	width:100%;
	height:auto;
	padding:0px 0px 24px 0px;	
	background:url(../img/shadow-frame.png) no-repeat center bottom;
}

/* IE 8 only stuff */
.tframe{
	background-color:#f7f7f7\9;
}
/*---------------------------------- client sponsor flip -------------------------------------*/
.sponsors ul {
	margin-top:-5px;
}

.sponsor{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	width:140px;
	height:80px;	
	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
	margin-left:20px;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#ffcc00;
}

.sponsorFlip:hover{

	
	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 20px #999 inset;
	-webkit-box-shadow:0 0 20px #999 inset;
	box-shadow:0 0 20px #999 inset;
}

.sponsorFlip img{
	/* Centering the logo image in the middle of the sponsorFlip div */
	
	position:absolute;
	top:50%;
	left:50%;
	margin:-40px 0 0 -70px;
}

.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
	background-color:#fff;
}

.sponsorDescription{
	font-size:11px;
	padding:10px;
	font-style:italic;
	line-height:1.5em;
	color:#fdfdfd;
}

.sponsorURL{
	font-size:10px;
	font-weight:bold;
	text-align:center;
	
}
.sponsorURL a{
	color:#fff;
}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
.flex-caption {
	width: 45%;
	padding: 2%;
	position: absolute;
	background: url(../img/caption-bg.png) repeat top left;
	color: #f9f9f9;
	text-shadow: 0px 1px 1px #221b1d;
	font-size: 12px;

}	
	
	}
	
/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
.flex-caption {
	width: 80%;
	height:45%;
	padding: 2%;
	position: absolute;
	background: url(../img/caption-bg.png) repeat top left;
	color: #f9f9f9;
	font-size: 8px;

}		
	
	}

/*-------------------- misc - spacer & margin --------------------*/

strong {
	font-weight:bold;
}

.alpha {
	margin-left:0;
}

.omega {
	margin-right:0;
}

.spacer-10 {
	margin-top:-10px;
}

.botspacer-10 {
	margin-bottom:-10px;
}

.botspacer-20 {
	margin-bottom:-20px;
}

.spacer5 {
	margin-top:5px;
}

.spacer10 {
	margin-top:10px;
}

.botspacer10 {
	margin-bottom:10px;
}


.spacer15 {
	margin-top:15px;
}

.botspacer15 {
	margin-bottom:15px;
}


.spacer20 {
	margin-top:20px;
}

.botspacer20 {
	margin-bottom:20px;
}
.botspacer30 {
	margin-bottom:30px;
}
.spacer25 {
	margin-top:25px;
}

.padding30 {
	padding-top:30px;
}
.botpadding20 {
	padding-bottom:20px;
}
.spacer30 {
	margin-top:30px;
}

.spacer35 {
	margin-top:35px;
}

.spacer40 {
	margin-top:40px;
}

.marginleft20 {
	margin-left:20px;
}

.marginright20 {
	margin-right:20px;
}

.marginright5 {
	margin-left:5px;
}

.marginlr5 {
	margin:0 5px 0 5px;
}

.marginlr10 {
	margin:0 10px 0 10px;
}


.mtopbottom20 {
	margin:20px 0 20px 0;
}

.mtopbottom30 {
	margin:30px 0 30px 0;
}

/* =STYLESWITCHER
-----------------------------------------------------------------------------------------------*/		
			
.panel{ border:1px solid #b4b3b3; display:none; width:116px\9;height:auto; left:0; padding:25px 15px 20px 10px; 
	top:70px; position:fixed; _position:absolute;z-index:999999;  
	-moz-border-top-right-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px;	
	-moz-border-bottom-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;	
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0 );
    background: linear-gradient(top, #fdfdfd 0%,#f5f5f5 100%);	
	}
	
.panel h5 {
	text-align:center;
	font-size:12px;
	padding-bottom:10px;
	border-bottom:1px solid #b4b3b3; 
}
h5.bot{
	padding-top:15px;
}

a.openpanel{ 
	_background-image:none; 
	background:#fdfdfd url(../img/theme-option.png) no-repeat center center; 
	padding:5px;
	border:1px solid #b4b3b3; 
	color:#fff;
	display:block; left:0; width:31px; height:31px; top:85px; text-indent:-9999px;
	position:fixed; _position:absolute; 
	z-index:999999;
	-moz-border-top-right-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px;	
	-moz-border-bottom-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
			
	a.openpanel:hover{ 

	}
	
	a.active.openpanel{ 
	border-left:none;
	_position:absolute; 
	left:110px;
 }
#stylechanger, #stylechangerbot { 
	float:left;
	list-style:none; 
	list-style-type:none; 
	list-style-position:outside; 
	margin-bottom:0;
	margin-right:5px;
}
	
#stylechanger li a, #stylechanger-right  li a, #stylechangerbot li a, #stylechangerbot-right li a { 
	display:block; 
	margin-bottom:5px; 
	width:30px; 
	height:25px; 
	text-indent:-9999px; 
}	

#stylechanger-right, #stylechangerbot-right {
	float:right;
	list-style:none; 
	list-style-type:none; 
	list-style-position:outside; 

}

	
#bg1 { background: url(../img/featuredbg/bg-pattern1.png) }
#bg2 { background: url(../img/featuredbg/bg-pattern2.png) }
#bg3 { background: url(../img/featuredbg/bg-3.jpg) }
#bg4 { background: url(../img/featuredbg/bg-pattern4.png) }
#bg5 { background: url(../img/featuredbg/bg-pattern5.png) }
#bg6 { background: url(../img/featuredbg/bg-6.jpg) }
#bg7 { background: url(../img/featuredbg/bg-7.jpg) }
#bg8 { background: url(../img/featuredbg/bg-pattern8.png) }
#bg9 { background: url(../img/featuredbg/bg-pattern9.png) }
#bg10 { background: url(../img/featuredbg/bg-10.jpg) }