/*
Theme Name: FAN:Website
Description: FAN Website Theme
Author: Raul 
Author URI: http://prototypesyndicate.com/
/*


/*-----------RESET-----------*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,ol, li, dl, dt, dd, form, a, fieldset, input, th, td, :focus {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-family: Helvetica, Arial, sans-serif; 
} 

a {
	font-family: Helvetica, Arial, sans-serif;
	color: #1EA9B8;
	text-decoration: none;
}

a:hover {
	color: #000;
}


/*-----------HEADER/LOGO-----------*/

#header {
	margin-right: auto;
	margin-left: auto;
	height: 185px;
	background: url("images/headerbg.gif") repeat-x;
}

#logowrapper {
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	height: 158px;
	background: url("images/logo-gradient.gif") no-repeat;
}

/*-----------NAVIGATION-----------*/

#navigation {
	margin-right: auto;
	margin-left: auto;
	width: 902px;
	height: 2px;
}
	
ul {
	margin: 0px;
	padding:0px;
}

#main-nav {
	float: left;
}

#secondary-nav {
	float: right;
}

li {
	float: left;
	list-style-type: none;
}

#special {
	background-image: url("images/mainnav-sp.gif");
}

/*Main-Navigation*/

.menu {
	width:700px;
	height:27px;
	position:relative;
	z-index:100;
	font-family:Helvetica, Arial, sans-serif;
}

* html .menu { /* hack to correct IE5.5 faulty box model */
	width:700px;
	w\idth:700px;
}

.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu li {
	float:left;
	width: 97px;
	height: 27px;
	background: url("images/mainnav.gif") 100% 0px;
	position:relative;
	margin:0 4px 0 0;
}

.menu .current_page, .menu .current_page:hover, .menu .current_page .parent, .menu .current_page .parent a, .menu .current_page .parent a:hover {
 	background: url("images/mainnav.gif") 100% -56px;
	color: #000;
}

.menu ul ul .current_page a, .menu ul ul .current_page a:hover, .menu ul ul .current_page :hover > a {
	background:#000
}

.menu a {
	display:block;
	text-decoration:none;
	font: bold .65em Helvetica, Arial, sans-serif;
	color:#aaa;
	width:97px;
	height:19px;
	letter-spacing: 1px;
	padding: 8px 0 0 0;
	text-align: center;
}

.menu a:hover, .menu :hover > a {
	color:#2FC3D1;
	background: url("images/mainnav.gif") 100% -28px;
}

.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:27px;
	left:0;
	width:160px;
}

.menu ul ul li {
	background:#161616;
	color:#666;
	border-bottom: 1px solid #333;
	width:160px;
}

.menu ul ul li a {
	color:#666;
	width:160px;
}

.menu ul ul li a:hover {
	color:#fff;
}

.menu ul ul a:hover, .menu ul ul :hover > a {
	color:#fff;
	background:#161616;
}

.menu ul ul li .current_page, .menu  ul ul li .current_page a,  ul ul li .menu .current_page a:hover {
 	background: url("images/mainnav.gif") 100% -56px;
	color: #000;
}

* html .menu a, * html .menu a:visited { /* a hack so that IE5.5 faulty box model is corrected */
	width:97px;
	w\idth:97px;}

* html .menu ul ul { /* another hack for IE5.5 */
	top:30px;
	t\op:31px;
}

.menu ul ul ul{
	left:149px;
	top:-1px;
	width:100%;
}

.menu ul ul ul.left {
	left:-149px;
}

.menu table { /* style the table so that it takes no ppart in the layout - required for IE to work */
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}

* html .menu ul ul a, * html .menu ul ul a:visited { /* yet another hack for IE5.5 */
	width:10px;
	w\idth:100px;
}

.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{ visibility:visible;}

/*Secondary-Navigation*/

.second a, .blogroll a{
	padding: 0px 15px 0px 15px;
	font: bold .65em "Arial", sans serif;
	letter-spacing: 1px;
	color: #666;
	text-align: center;
	text-decoration: none;
	border-right:1px #333 solid;
}

.second a:hover {
	color: #fff;
}

/*-----------DOWNLOADS-----------*/

#download a{
	border-left:1px #333 solid;
}

/*-----------CONTENT-----------*/

#contentwrapper {
	width: 902px;
	margin-right: auto;
	margin-left: auto;
	padding:0 20px;
	z-index: 0;
}

/*-----------SIDEBAR-----------*/

#sidebar {
	margin-top: 5px;
	float: right;
	width: 269px;
}
.sidebar {
	margin-top: 10px;
	float: left;
	width: 269px;
}

.title {
	height: 38px;
	background-image: url("images/sidebar-header.gif");
	letter-spacing: 1px;
	
}

.button {
	height: 38px;
	background: #fff url("images/sidebar-button.gif") no-repeat;
	letter-spacing: 1px;	
}

.sidecontent {
	background-color: #f7f7f7;
	border: #f3f2f2 1px solid;
}

.sidecontent li {
	list-style-type:none;
	float:none;
	margin:5px 15px;
	padding:0 0 5px 0;
	border-bottom:1px solid #E0E0E0;
}

.sidecontent li a {
	color:#7F7F7F;
	font: .7em Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
}

.sidecontent li a:hover {
	color:#666;
}

/*Titles of Side Content*/

.word1 {
	float: left;
	padding: 12px 0px 0px 20px;
	font: 600 .7em Helvetica, Arial, sans-serif;	
	color: #2FC3D1;
}

.word2 {
	float: left;
	padding: 12px 0px 0px 2px;
	font: 600 .7em Helvetica, Arial, sans-serif;
	color: #8A8A8A;
}

.word1b {
	float: left;
	padding: 14px 0px 0px 20px;
	font: 600 .7em Helvetica, Arial, sans-serif;	
	color: #fff;
}

.word2b {
	float: left;
	padding: 14px 0px 0px 2px;
	font: 600 .7em Helvetica, Arial, sans-serif;
	color: #1ea9b8;
}

/*SIDEBAR ITEMS*/

.recentnews {
	width: 249px;
	margin: 5px auto 5px auto;
	padding: 5px 0px 5px 0px;
}

.testimonial2 {
	width: 249px;
	margin: 5px auto 5px auto;
	background-color: #E9E9E9;
	padding: 5px 0px 5px 0px;
}

#lasttestimonial {
	margin-bottom: 10px;
}

p.quote {
	padding: 5px 20px 5px 20px;
	font: 400 .7em Helvetica, Arial, sans-serif;
	line-height: 1.6em;
	color: #8A8A8A;
}

p.customer{
	text-align: right;
	margin: 0px 20px 10px 0px;
	font: 600 .7em Helvetica, Arial, sans-serif;
	color: #8A8A8A;
}

/*FORMS*/

input {
	border: 1px solid #CFCFCF;
	margin: 0;
	padding: 3px;
	color: #5a5a5a;
}

input:focus {
	border: #AFAFAF 1px solid;
	margin: 0;
	padding: 3px;
	width: 219px;
}

textarea {
	font-family:Helvetica,Arial,sans-serif;
	font-size:13px;
	border: 1px solid #CFCFCF;
	margin: 5px auto;
	padding: 3px;
	width: 560px;
	color: #5a5a5a;
}

textarea:focus {
	border: #AFAFAF 1px solid;
	margin: 5px auto;
	padding: 3px;
	width: 560px;
}

.formBuilderSubmit {
	height:40px;
}

.submit {
	float: right;
    border: #23B0BF 1px solid;
	margin: 10px 20px 10px 0px;
	padding: 4px 0px 3px 0px;
	width: 100px;
	color: #fff;
    background-color: #2BC6D7;
	font: 600 1em Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
}

.submit:hover {
	float: right;
	border: #333 1px solid;
    background-color: #000;
    margin: 10px 20px 10px 0px;
	padding: 4px 0px 3px 0px;
	width: 100px;
	cursor: pointer;
}

.formBuilderForm {
	background-color:#F7F7F7;
	border:1px solid #E0E0E0;
	color:#666666;
	font-family:Helvetica,Arial,sans-serif;
	font-size:13px;
	padding:10px 20px;
}

.formBuilderLabelRequired {
	font-weight: bold;
	float: left;
	margin:0;
	width: 150px;
}

.formBuilderLabel {
	float: left;
	margin:0;
	width: 150px;
}

.formBuilderForm .formBuilderLabel, .formBuilderForm .formBuilderLabelRequired {
	clear:left;
	margin: 0;
	padding:6px 0 0 0;
	width:200px;
	
}

.formBuilderForm div {
	margin:0;
	padding:2px 0;
}

.formBuilderInput, label.formBuilderInput {
	margin:10px 0;
}

label.formBuilderInput {
	-x-system-font:none;
	color:#8A8A8A;
	display:block;
	font-family:Helvetica,Arial,sans-serif;
	font-size:13px;
	margin:0;
}

#formBuilderFieldfirst_name div, #formBuilderFieldreferal div, #formBuilderFieldCompany_Name div, #formBuilderFieldFirst_Name div, #formBuilderFielddiscipline1 div {
	margin:40px 0 0 0;
}

/*The Newsletter*/

fieldset {
	margin: 5px 0px 0px 0px;
}

label {
	font: 13px Helvetica, Arial, sans-serif;
	color: #666666;
	margin: 10px 0px 0px 20px;
}

#download-page label {
	font: 13px Helvetica, Arial, sans-serif;
	color: #666666;
	font-weight:bold;
	display: block;
	margin: 10px 0px 0px 20px;
}

#sidebar input {
	border: 1px solid #CFCFCF;
	margin: 5px auto;
	padding: 3px;
	width: 219px;
	color: #666666;
	display: block;
}

#sidebar input:focus {
	margin: 5px auto;
	padding: 3px;
	width: 219px;
	color: #666666;
	display: block;
	border: #AFAFAF 1px solid;
}

#sidebar .submit {
	float: right;
    border: #23B0BF 1px solid;
	margin: 10px 20px 10px 0px;
	padding: 4px 0px 3px 0px;
	width: 100px;
	color: #fff;
    background-color: #2BC6D7;
	font: 600 .7em Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
}

#sidebar .submit:hover {
	border: #333 1px solid;
    background-color: #000;
	cursor: pointer;
}

/*-----------FOOTER-----------*/

#footer {
	float: left;
	width: 902px;
	border-top: 1px solid #CFCFCF;
	margin-top: 20px;
	padding: 20px 0px 20px 0px;
	letter-spacing: 1px;
}

#footer p .ps a {
	font: 600 .9em Georgia, serif;
	color: #000;
}

#footer p .ps a:hover {
	color: #333;
}

#footer p {
	text-align: center;
	font: .7em Helvetica, Arial, sans-serif;
	color: #AFAFAF;
	line-height: 1.5em;
}

#footer p a {
	color: #AFAFAF;
	font-weight: bold;
	text-decoration: none;
}

#footer p a:hover {
	color: #000;
}

/*-----------HOME - MAIN CONTENT-----------*/

/*Featured*/

#featured {
	width: 902px;
	height:249px;
	margin: 20px auto 0px auto;
	z-index: 0;
}

/*Introduction*/

#content {
	float: left;
	font: Helvetica, Arial, sans-serif;
	width: 615px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

h1 {
	font: 100 18px Helvetica, Arial, sans-serif;
	color: #1EA9B8;
	width: 600px;
	line-height: 1.8em;
}

h2 {	
	font: 300 13px Helvetica, Arial, sans-serif;
	color: #333;
	line-height: 1.6em;
}

h3, h4, h5 {	
	font: 12px Helvetica, Arial, sans-serif;
	color: #333;
	line-height: 1.6em;
}

p {
	font: 100 13px Helvetica, Arial, sans-serif;
	color: #666666;
	line-height: 1.6em;
}

.latest {
	float: left;
	width: 605px;
	margin: 15px 0px 10px 0px;
	padding: 14px 0px 14px 10px;
	font: 600 .76em Helvetica, Arial, sans-serif;
	color: #2fc3d1;
	border-top: #e0e0e0 1px solid;
	border-bottom: #e0e0e0 1px solid;
}

/*Latest News*/

#news {
	width: 892px;
	margin: 0px 0px 20px 0px;
	padding: 14px 0px 10px 10px;
	border-top: 0px;
}

#news img {
	float: left;
}

p.news {
	float: left;
	padding: 0 0 0 10px;
	letter-spacing: 1px;
}

.featnews {
	letter-spacing: 1px;
	margin:3px 0 0 0;
}

#newstitle a {
	color: #a0a0a0;
	padding: 0 30px 0px 30px;
	line-height: 1.3em;
	border-right: #c1c1c1 1px solid;
	text-decoration: none;
}

#newstitle a:hover {
	text-decoration: none;
	color: #000;
}
#newsdate {
	color: #aaaaaa;
	padding: 0px 30px 0px 30px;
	font-weight: 400;
	border-right: #c1c1c1 1px solid;
}

#newswriter {
	color: #aaaaaa;
	padding: 0px 30px 0px 30px;
	font-weight: 400;
}

/*Latest Products*/

.featurecol {
	float: left;
	width: 295px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

#featureleft {
	float: right;
	padding: 0px 5px 5px 0px;
	margin: 0px;
}

.feature {
	float: left;
	width: 285px;
	font: 100 .8em Helvetica, Arial, sans-serif;
	color: #8a8a8a;
	line-height: 1.5em;
	padding: 9px 9px 9px 9px;
	margin: 5px 0px 5px 0px;
	background-color:#F7F7F7;
	border:1px solid #F3F2F2;
}

.feature img {
	background-color:#F7F7F7;
	border:3px solid #fff;
	margin:0 0 15px 0;
}

.feature li {
	font: 100 1em Helvetica, Arial, sans-serif;
	color: #8a8a8a;
	line-height: 1.5em;
	width:95%;
	margin:0 0 15px 0;
	padding:0 5px 10px;
	border-bottom:2px solid #E0E0E0;
}

.feature li p {
	font: 100 1em Helvetica, Arial, sans-serif;
	color: #666666;
	line-height: 1.5em;
}

.feature li h2, .feature li h2 a {
	font: 600 1em Helvetica, Arial, sans-serif;
	color: #666;
	width: 100%;
	margin:0 0 7px 0;
	text-decoration: none;
}

.feature li h2 a:hover {
	color: #000;
}

.feature:hover {
	color: #fff;
	background-color: #fff;
	border: #F7F7F7 1px solid;
}


/*-----------INNER - MAIN CONTENT-----------*/

/*Title*/

.pgtitle {
	width: 872px;
	background: url("images/inner-title.jpg") no-repeat;
	height: 74px;
	margin: 20px auto 0px auto;	
	padding: 35px 0px 0px 30px;
}

.pgtitle h1 {
	font: 700 1.6em Helvetica, Arial, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	letter-spacing: 2px;
	font-variant: small-caps;
}

.pgtitle h2 {
	font: 100 .7em Helvetica, Arial, sans-serif;
	color: #fff;
	letter-spacing: 1px;
}

/*PAGE CONTENT*/

.maincontent {
	float: left;
	width: 615px;
	margin:20px 0 0 0;
}

.intro{
	float: left;
	width: 624px;
	margin: 15px 0px;
	padding: 10px 0px;
	font: 600 .5em Helvetica, Arial, sans-serif;
	line-height: 1.8em;
	color: #aaaaaa;
	border-top: #e0e0e0 1px solid;
	border-bottom: #e0e0e0 1px solid;
}

blockquote {
	width: 624px;
	margin: 15px 0px;
	padding: 10px 0px;
	font: 24px Helvetica, Arial, sans-serif;
	letter-spacing: .5px;
	color: #aaaaaa;
	border-top: #e0e0e0 1px solid;
	border-bottom: #e0e0e0 1px solid;
}

blockquote p {
	font: 24px Helvetica, Arial, sans-serif;
	text-align: center;
	letter-spacing: 1.4px;
	line-height: 1em;
	color: #aaaaaa;
	margin:0;
}

.aligncenter {
	text-align: center;
	margin:0 auto;
	float: none;
}

.content {
	margin:0;
	padding:0;
	font: 100 .8em Helvetica, Arial, sans-serif;
	color:#7F7F7F;
	line-height: 1.8em;
}

.content ul {
	margin:10px 0;
	font-size: 12px;
}

.content li {
	list-style-type: circle;
	float: none;
	color:#666666;
	margin:0 0 7px 20px;
	line-height: 16px;
}

.content p {
	color:#666666;
	line-height: 1.8em;
	margin:0 0 10px 0;
}

.content img {
	margin: 0;
	padding:10px;
	background-color: #F2F2F2;
	border:1px solid #E0E0E0;
}

img.sol {
	float: left;
	margin: 10px 15px 10px 0px;
}

.post {
	width: 604px;
	padding: 20px 10px 20px 10px;
	border-bottom: 1px solid #e0e0e0;
}

.post:hover {
	background-color:#F7F7F7;
}

.posttitle, .posttitle a {
	font: 14px Helvetica, Arial, sans-serif;
	color: #333;
	text-decoration: none;
}

.posttitle a:hover {
	color: #000;
}

.postdes p {
	margin-top: 5px;
	font: 12px Helvetica, Arial, sans-serif;
	line-height: 1.6em;
	color: #666666;
}


/*PAGE NAVIGATION*/


.wp-pagenavi {
	font: 100 .8em Helvetica, Arial, sans-serif;
	color:#aaa;
	margin: 10px 0;
	padding: 0;
	clear: both;	
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 4px 6px 3px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #E0E0E0;
	color: #aaa;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 4px 6px 3px 6px;  
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #fff;
	color: #7F7F7F;
	background-color: #E0E0E0;
}
.wp-pagenavi a:active {
	padding: 4px 6px 3px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #E0E0E0;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 4px 6px 3px 6px;  
	margin: 2px 2px 2px 2px;
	color: #aaa;
	border: 1px solid #E0E0E0;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 4px 6px 3px 6px;  
	margin: 2px;
	font-weight: bold;
	border: 1px solid #E0E0E0;
	color: #7F7F7F;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 4px 6px 3px 6px;  
	margin: 2px;	
	border: 1px solid #E0E0E0;
	color: #000000;
	background-color: #FFFFFF;
}

/*-----------PHOTO ALBUM-----------*/

.album {
	margin: 7px;
	padding: 7px;
	border: 1px #ccc solid;
	width:275px;
	float: left;
}

.album .image { 
	margin: 0 10px 0 0;
	float: left;
}


.album h2.name {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0;
}

h2.album_title {
	font-size: 16px;
	font-weight: bold;
	color:#1EA9B8;
	margin-bottom: 5px;
	padding: 0;
}

.imagetitle {
	font-size: 12px;
	color:#666;
	margin: 5px 0;
	padding: 0;
	letter-spacing: .5px;
}

.clear { clear: both; }

.thumbs
{
	text-align: left;	
}

.thumbs img
{
	margin: 7px;
	padding: 2px;
	border: 1px #ccc solid;

}


a img {
	border: none; 
}

.prevnext {
	margin:5px 0;
	padding:0;
}

.prev {
	float: left;
	font-weight: bold;
	letter-spacing: .5px;
}

.prev a {
	margin-left:5px;
}

.next {
	float: right;
	font-weight: bold;
	letter-spacing: .5px;
}

.next a {
	margin-right:5px;
}