/* 

Neon - CSS File

*/


/* Generated by Font Squirrel (http://www.fontsquirrel.com)*/
@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-R-webfont.eot');
    src: url('../fonts/Ubuntu-R-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-R-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-R-webfont.ttf') format('truetype'),
         url('../fonts/Ubuntu-R-webfont.svg#Ubuntu-R-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBold';
    src: url('../fonts/Ubuntu-B-webfont.eot');
    src: url('../fonts/Ubuntu-B-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-B-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-B-webfont.ttf') format('truetype'),
         url('../fonts/Ubuntu-B-webfont.svg#Ubuntu-B-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*** GLOBAL  ***/
body {
	font-family:Arial, Verdana;
	font-size:13px;
	margin:0 auto;
	padding:0;
	color:#555555;
	line-height:20px;
	background:#d0d0d7;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
form{margin:0; padding:0;}
hr {
	border-width:0;
	height:1px;
	line-height:0;
	margin:30px 0px;
	page-break-after:always;
	text-align:center;
	width:100%;
	clear:both;
	color:#d9d9d9;
	background-color:#d9d9d9;
	background-repeat:repeat-x
}

/* #Clearing

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3{margin-bottom:20px;}
h4, h5, h6{margin-bottom:10px;}
h1 {font-size:26px; line-height:28px;}
h2 {font-size:18px; line-height:20px;}
h3 {font-size:16px; line-height:20px;}
h4 {font-size:15px; line-height:18px;}
h5{font-size:14px; line-height:16px;}
h6 {font-size:13px; line-height:15px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-family:'Ubuntu',  Arial; color:#252525}
.title_with_pattern{ background:url(../images/pattern_title.gif) repeat-x left center}
.title_with_pattern span{ background:#fff; padding:0 25px 0 0}
.pagetitle{font-size:18px; line-height:20px; margin-bottom:35px; padding:0; background:url(../images/pattern_title.gif) repeat-x left center}
.pagetitle span{ background:#fff; padding:0 25px 0 0}
.pagetitle, .pagetitle a, .pagetitle a:visited{color:#252525;}
.pagetitle a:hover{text-decoration:none;}


/* links */
a, a:visited {text-decoration:none; font-weight:normal; color:#aaaaaa }
a:hover{text-decoration:underline;}
a img{border:none}
.colortext, .colortext:visited{color:#f7cf27 !important}
/* float align */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 3px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 5px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone,
img.alignnone {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:3px;
}


img.alignleft, 
img.alignright, 
img.aligncenter,
img.alignnone {
	margin-bottom: 12px;
}


/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	margin-bottom:20px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 2.2em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}


	
blockquote {
	margin:0px 0 20px 0px;
	padding:0px 10px 0px 50px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	clear:both;
	font-style:italic;
	font-size:16px;
	line-height:22px;
}
	
	
blockquote.left, blockquote.right  {
	float:right;
	letter-spacing:0px;
	margin-bottom:20px;
	margin-left:20px;
	margin-top:0px;
	padding:0px 20px 10px 60px;
	width:43%;
	background-position:0px 0px;
	}
	
blockquote.left{
	float:left;
	margin-left:0px;
	margin-right:20px;}

blockquote p{margin-bottom:0px; font-size:16px; line-height:20px}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #cfcfcf;
	padding:15px 10px;
}

/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#outer-container{

	width:100%;

}

#container{
	width:1020px;
	margin:50px auto;
	padding:0 0 0 0;
}
#top{height:98px; background:#fff;}
#header{height:405px; clear:both; background:#fff}
#content{clear:both; padding:0 0; background:#fff; }
#content.innerpage{margin:4px 0 0 0}
#main{padding:40px 40px}
#content.innerpage #main{padding:30px 40px 40px 40px;}
#maincontent{width:600px; padding-right:20px; float:left}
#maincontent.positionright{float:right; padding:0 0 0 20px}
#sidebar{width:300px; padding-left:20px; float:left;}
#sidebar.positionleft{padding:0 20px 0 0;}
#footer{background:#252525; color:#aaa}


/* TOP */
#logo{float:left; height:98px}
#logo h1{ font-size:40px; line-height:42px; margin-bottom:0}
#logo h1 a, #logo h1 a:visited{color:#252525;}
#logo h1{margin:20px 0 0 35px; font-weight:bold}
#logo .desc{margin-left:35px;}



/* TOP MENU */
#nav{position:relative;	z-index:100; float:right; margin:45px 28px 0 0}

#topnav{
	margin:0;
	padding:0;
	list-style-type:none;
	overflow:visible;
	position:relative;
	float:left;
	font-size:13px;
	font-family:'Ubuntu',  Arial;
  }
.sf-menu a {
	text-decoration:none!important;
	display:		block;
	position:		relative;
	padding: 		0 12px 0 12px !important;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
	color:#9a9a9f;

}
.sf-menu a:visited{color:#9a9a9f;}
.sf-menu a:hover, .sf-menu li a.current{color:#252525;}
.sf-menu li.sfHover a:hover{color:#252525;}


/* Drop down menu */
.sf-menu ul a:hover {}
.sf-menu li li {
	text-align:left;
	line-height:20px;
	margin:0;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size:13px;
	
}
.sf-menu {
	line-height:100%;
	position:absolute;
	right:0;
	bottom:0;
	float:left;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			27em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	margin:0;
}

.sf-menu li li{margin:0px 0px;}


.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-2px;
	top:			2.6em; /* match top ul list item height */
	z-index:		99;

}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			-1px;
	margin-left:	0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			-1px;
	
}
.sf-menu ul li a{
	padding:8px 0px 8px 20px!important;
	text-transform:capitalize;
}

.sf-menu ul li a:hover{}
.sf-menu li ul {
	padding:0px;
}
.sf-menu a.sf-with-ul {
	padding-right: 	0px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			10px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}

.sf-menu li li, .sf-menu li li:hover, .sf-menu li li.sfHover{background:#fff; text-transform:capitalize}
.sf-menu li li:hover{background:#f3f3f3}
li.sfHover ul li:first-child a{background-image:url(../images/arrow_menu.gif); background-repeat:no-repeat; background-position:30px 0px; margin-top:-8px; padding-top:16px !important}
li.sfHover ul ul li:first-child a{background:transparent;}

.sf-menu ul{border:solid 1px #e1e1e1;}
.sf-with-ul{}
.sf-menu li li {border-bottom:solid 1px #e1e1e1;}
.sf-menu li li:last-child{ border-bottom:0}



/* HEADER */
#slider_container{
	height:405px;
	position:relative;
	overflow:hidden
}
#slider{list-style-type:none; margin:0; padding:0; width:1020px; height:405px;}
#slider li{margin:0; padding:0; width:1020px; height:405px; position:relative}
.slidertext{background:url(../images/opacity.png) repeat; width:auto; padding:13px 20px 25px 20px; color:#fff; font-size:13px; position:absolute; top:45px; left:35px; z-index:30; width:300px}

.slidertext h1, .slidertext h1 a, .slidertext h1 a:visited{color:#fff;}
#slideprev, #slidenext{width:23px; height:23px; position:absolute; z-index:22; cursor:pointer; padding:0px !important}
#slideprev{background:#252525 url(../images/slideprev.png) no-repeat center; bottom:20px; right:20px}
#slidenext{background:#252525 url(../images/slidenext.png) no-repeat center; bottom:53px; right:20px}
#slideprev:hover, #slidenext:hover{background-color:#f7cf27;}



/* CONTENT */
.menu_box{list-style-type:none; margin:0; padding:0; font-family:'Ubuntu', Arial; }
.menu_box li {float:left; width:69px; margin-right:19px; border:solid 1px #f5f5f5; padding:8px 15px; background:url(../images/arrow2.png) no-repeat 15px 15px}
.menu_box li.last, .menu_box > li:last-child{width:68px;}
.menu_box a span{ display:block; padding:20px 0 0 0}
.menu_box a, .menu_box a:visited {display:block; color:#252525; font-size:14px; text-transform:uppercase}	
.menu_box li .more{background:url(../images/more2.gif); background-repeat:no-repeat; width:16px; height:15px; padding:0; margin-top:10px; float:right }
.menu_box a:hover{text-decoration:none;}
.menu_box li:hover, .menu_box li.current{background:#f7cf27 url(../images/arrow.png) no-repeat 15px 15px; border:solid 1px #f7cf27;}
.menu_box li:hover a, .menu_box li:hover a:visited, .menu_box li.current a, .menu_box li.current a:visited{color:#fff;}
.menu_box li:hover .more, .menu_box li.current .more{background:url(../images/more.gif); background-repeat:no-repeat;}

#rp-container-left{width:460px; float:left; margin-right:20px;}
#rp-container-right{width:460px; float:left}
#rp-container-right .separator{height:20px; padding:0}
.coverblock {
	width: 220px;
	height: 170px;
	margin:0;
	float:left;
	overflow: hidden !important;
	position: relative;
	background:#555555;
	font-family:'Ubuntu', Arial;
}
.coverblock img {
	width: 220px;
	height: 170px;
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	z-index:10;
}
.coverblock .tag{
	display:block;
	background:#f7cf27;
	opacity:0.9;
	position:absolute;
	z-index:11;
	top:20px;
	left:0px;
	font-size:16px;
	padding:10px 20px;
	text-align:center;
	color:#252525
}
.coverblock .tag a, .coverblock .tag a:visited, .coverblock .tag a:hover{color:#252525; text-decoration:none}
.caption_slide{text-align:center; color:#eaeaea; margin-top:75px}
.caption_slide h2{color:#eaeaea; margin:0 0 8px 0; font-size:20px;}
.caption_slide p{ margin:0 0 8px 0; font-size:14px}
.caption_slide a:hover{text-decoration:none;}


.coverblock.large {
	width: 460px;
	height: 360px;
}
.coverblock.large img {
	width: 460px;
	height: 360px;
}
.coverblock.large .caption_slide{margin-top:150px;}
.coverblock.large .caption_slide h2{font-size:24px;}

/* form & button */
form{margin:0; padding:0;}
input[type="text"],
textarea {
	border:0;
	margin:4px 4px 8px 0px; 
	padding:8px; 
	vertical-align:middle; 
	font-size:11px;
	background:#f7f7f8;
	color:#999;
}

textarea:focus{outline:0;}
#main-footer input[type="text"],
#main-footer textarea {
	background:#1a1a1a;
}
.button, .button:visited, input[type="submit"]{
	border:0;
	background:#555;
	color:#ebebeb;
	font-family:"Ubuntu", Arial;
	padding:7px; 
}
.button:hover, input[type="submit"]:hover{
	text-decoration:none;
	color:#252525;
	background:#f7cf27;
}
#sidebar #searchform input[type="text"]{width:95%; padding:10px 8px}

/*==== Separator ====*/

.separator {
	display:block;
	padding:15px 0;
	text-align:center;
	width:100%;
	clear:both;
}



.separator.line {
	display:block;
	text-align:center;
	width:100%;
	clear:both;
	padding:30px 0;
	margin:0 0 20px 0 !important;
	background:url(../images/hr.gif) repeat-x left center
}




/*==== Quote ====*/
.pullquote-right,.pullquote-left{
	padding:0px 10px 0px 50px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:right;
	font-style:italic;
	font-size:16px;
	letter-spacing:0px;
	line-height:22px;
	margin:0px 2px 20px 20px;
	width:50%;
	}

.pullquote-left{float:left;margin-left:2px;margin-right:20px;}


/* == Dropcaps == */
.dropcap1{
	display:block;
	float:left;
	font-size:34px;
	line-height:34px;
	margin:2px 8px 0 0;	
}
.dropcap2{
	background: transparent url(../images/dropcaps.png) top left no-repeat;
	display:block;
	float:left;
	font-size:30px;
	line-height:40px;
	width:40px;
	height:40px;
	text-align: center;
	margin:0 8px 0 0;
}

.dropcap3{
	background-color:#ebe9e9;
	display:block;
	float:left;
	font-size:25px;
	line-height:40px;
	width:40px;
	height:40px;
	text-align: center;
	margin:6px 8px 0 0;
}


/*== Highlight ==*/
.highlight1{padding:2px 5px; background-color:#f7f7f7; border:solid 1px #ebebeb}	
.highlight2{padding:2px 5px; background-color:#ebebeb;  border:solid 1px #f7f7f7}




/* Tabs */
.tabcontainer{margin:20px 0px 0px 0px; }
ul.tabs {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	height: 30px;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	height: 29px;
	line-height: 31px;
	background: #f7f7f7;
	overflow: hidden;
	position: relative;
	font-size:11px;
	border:solid 1px #ebebeb;
}

ul.tabs li:hover{}
ul.tabs li a {
	text-decoration: none;
	color: #121212;
	display: block;
	padding: 0 25px;
	outline: none;
}
ul.tabs li a:hover {
	background: #fff;
	text-decoration:none;
}

ul.tabs	 li.active{}
html ul.tabs li.active, html ul.tabs li.active a:hover  {background: #fff; color:#454545;}
html ul.tabs li.active a{ color:#454545; }
#tab-body{
	background: #fff;
	border:solid 1px #ebebeb;
}
.tab-content {padding: 30px 25px; margin-top:0px;}


/* jQuery Toggle */
h2.trigger {
	padding: 10px 20px 14px 20px;
	margin: 0 0 1px 0;
	font-size:14px;
	font-weight: normal;
	background:#f7f7f7;
	border: 1px solid #ebebeb;
	font-family:Arial;
}

h2.trigger span {
	text-decoration: none;
	display: block;
	color:#555;
	height:9px;
	background: url(../images/trigger.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:20px;
	cursor:pointer;
	line-height:12px;
}

h2.active{}
h2.active span{background-position:0px -9px !important;}
h2.trigger a:hover {
	color: #454545;
}
h2.active { background:transparent;}
.toggle_container {
	margin: 0 0 1px 0;
	padding: 20px 25px;
	overflow: hidden;
	clear: both;
	border: 1px solid #ebebeb;
}
.toggle_container .block {
	padding: 0px;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}


/* Tables */
table {border-collapse:separate;border-spacing:0;width:100%; margin-bottom:18px;}
table,td,th { text-align:center;}
th{padding:10px;text-transform:uppercase; background:#f7f7f7; border-bottom: 1px solid #ebebeb;}
td{padding:10px;}
tfoot td{border:0px;}
th,tr:hover{}
table {
	border: 1px solid #ebebeb;
	border-bottom:0;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}

tr th,
thead th {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}

tr td {
	border-bottom: 1px solid #ebebeb;
	padding: 6px 24px;
}
tr.odd td {
	background: #F2F7FC;
}



/*==== Column ====*/
.one_half, .one_third, .two_third, 
.three_fourth, .one_fourth, .one_fifth, 
.two_fifth, .three_fifth, .four_fifth, 
.one_sixth, .five_sixth						{margin-right: 4%; margin-left:0; position:relative; float:left;}

.one_half									{ width:48%; }
.one_third									{ width:30.6666%;}
.one_fourth									{ width:22%; }
.one_fifth									{ width: 16.8%;}
.one_sixth 									{ width: 13.3333%;}

.two_third									{ width: 65.3332%;}
.two_fourth 								{ width: 48%;}
.two_fifth 									{ width: 37.6%;}
.two_sixth 									{ width: 30.6666%;}

.three_fourth								{ width:74%;}
.three_fifth 								{ width: 58.4%;}
.three_sixth 								{ width: 47.9998%;}

.four_fifth 								{ width: 79.2%;}
.four_sixth 								{ width: 65.3332%;}

.five_sixth 								{ width: 82.6665%;}
.firstcols									{ margin-left:0px !important; }
.last, .lastcols							{ margin-right:0px !important; clear:right; }



/* SIDEBAR */
.widget-title{
	font-weight:normal;
	font-size:18px;
	padding:0;
	margin-bottom:18px !important;
	background:url(../images/pattern_title.gif) repeat-x left center;
}
#sidebar .widget-title .title-bg{background:#fff; padding:0 18px 0 0}
#sidebar ul{
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}

#sidebar ul li{
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar .widget-container{margin-bottom:40px;}
#sidebar li li{
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0 0 4px 0;
}
#sidebar li li a{ color:#555; padding:3px 6px !important; background:#f5f5f5; display:inline-block}
#sidebar li li a:hover{color:#6a6a6a;text-decoration:none; background:#f7cf27;}
#sidebar .latestpost li{clear:left; padding:0 0 12px 0; margin-bottom:12px;}
#sidebar .latestpost li h2 a, #sidebar .latestpost li h2 a:visited{font-weight:bold;}
#sidebar .latestpost li a{ background:transparent; padding:0 !important; display:inherit !important}
#sidebar .latestpost li a:hover, #sidebar .latestpost li h2 a:hover{ background:transparent !important}
.lp-date{display:block; color:#b2b2b2; margin-bottom:5px}
#sidebar ul.sub-menu, #sidebar ul.children, #sidebar ul ul ul{margin:9px 0 0 15px; }
#sidebar ul.sub-menu li, #sidebar ul.children li, #sidebar ul ul ul li{margin-bottom:5px; padding-bottom:4px}
#sidebar ul.sub-menu li:last-child, #sidebar ul.children li:last-child, #sidebar ul ul ul li:last-child{padding-bottom:0px; margin-bottom:0; border-bottom:0; }





/* FOOTER */
#main-footer{padding:40px;}
#main-footer p{margin-bottom:15px;}
.indenleft{overflow:hidden; }
#main-footer .footcol1, #main-footer .footcol2, #main-footer .footcol3, #main-footer .footcol4{float:left; width:220px; margin-right:20px}
#main-footer .footcol4{margin-right:0px;}
#main-footer ul{list-style-type:none; margin:0; padding:0;}
#main-footer li.widget-container{list-style-type:none; margin:0 0 30px 0; padding:0;}
#main-footer li.widget-container:last-child{margin:0;}
#main-footer .widget-title{font-size:18px; padding:0; line-height:22px; margin-bottom:22px !important; color:#d0d0d0; background:url(../images/pattern_title2.gif) repeat-x left center;}
#main-footer .widget-title .title-bg{background:#252525; padding:0 25px 0 0}
#main-footer li li{padding:0 0 2px 0px; margin:0 0 2px 0;}
#main-footer li li:hover{background:url(../images/square_hover.html) no-repeat 0 8px;}
#main-footer li a{color:#aaa;}
#main-footer li a:hover{color:#b8b8b8; text-decoration:none}

#main-footer  ul.sub-menu, #main-footer  ul.children{margin:5px 0 0 10px; }
#main-footer  ul.sub-menu li, #main-footer  ul.children li{margin-bottom:0px; padding-bottom:5px}
#main-footer  ul.sub-menu li:last-child, #main-footer  ul.children li:last-child{padding-bottom:0px; margin-bottom:0; border-bottom:0; }
ul.sn{list-style-type:none; margin:10px 0 0 0 !important; padding:0;} 
ul.sn li{list-style-type:none; margin:0; padding:0 2px 0 0 !important; display:inline; } 
#newsletter input[type="submit"]{margin-left:2px; padding:8px 7px}