/*   
Theme Name: Xelon2
Theme URI: www.xelon.it
Description: Second Version
Author: Lorenzo Baloci
Author URI: lorenzo@xelon.it
Version: 1
.
This should be cool.
.
*/
/* Style Reset */
* {
    padding:0;
    margin:0;
    outline:0;
}
.cl {
    font-size:0;
    line-height:0;
    height:0;
    display:block;
    clear:both;
}



/* Isolated Color Section (just font theme colors - no bg colors - no neutral colors) */
/* To make customizing the theme colors a bit easier, I've isolated all the font-color rules here. No other styling, just the font colors. */
/* All other theme colors (graphics, bgs, etc.) are controlled by images inside the /css/images/ folder. */
#navigation li a:hover{color:#006aa7; }
#navigation li a.green{color:#006aa7 !important; }
#sub-nav li a{color:#bfdced;}

a{ color:#006aa7; }
a:hover{ color:#bfdced; }

.green{color:#006aa7; }
h4{color:#006aa7; }
.heading h2 span{color:#006aa7; }
.frame #header h3{color:#bfdced; }
.buttons a:hover{color: #bfdced }
#footer ul a:hover{ color:#bfdced; }



/* Main Section */
body{
    background:#fff ;
    font-family:"lucida sans",arial, sans-serif;
    color:#666;
    font-size:12px;
    line-height:18px;
}
a{text-decoration: none; }
a img{border:0; }
.shell{width:950px; margin:0 auto; }


/* Header */
#header{height:116px; background:url(images/header.gif) repeat-x 0 0; overflow:hidden; position:relative; }
.frame #header{background:url(images/header2.gif) repeat-x; }
.frame #header .slogan {background:url(images/creatica.jpg) no-repeat right 0; width:945px; height:192px; margin-top:-30px; padding-top:53px; position:relative; padding-left:9px; }
.frame #header h2{font-size: 29px; line-height:29px; color:#fff; text-transform: uppercase; width:500px; height:70px; overflow:hidden;  position:relative; text-align: left; font-weight: bold;}
.frame #header h3{font-size: 17px; text-transform: uppercase; width:450px; line-height:17px; font-weight: bold; position:relative; text-align: left;}
.frame #header h1#logo a{background:url(images/logo2.gif); height:70px}
.frame #header h1#logo {padding-top:27px}

h1#logo{
	background-image: none;
	font-size: 0;
	line-height:0;
	width:218px;
	height:86px;
	padding-top:10px;
	float: left;
	display: inline;
}
h1#logo a{
	display: block;
	text-indent: -4000px;
	height:86px;
	background:url(images/logo.gif);
}
h3{text-transform: uppercase; font-size: 16px; }
h4{font-size: 12px;}
#right-area{margin:0 0 0 auto;}


/* Navigation */
#navigation{height:44px;background:url(images/brd.gif) no-repeat 0 8px; float: left; display: inline; padding-top:14px; padding-left:8px; margin-left:230px; }
#navigation ul{list-style-type: none; font-size:15px;height:44px;}
#navigation li{float: left; display: inline;}
#navigation li a{font-size: 0.8em; float: left; display: inline; line-height:15px; height:32px; text-transform: uppercase; font-weight: bold; text-align: center; color:#252525; padding:0 10px; padding-top:12px; font-family:Helvetica, Arial, sans-serif; width: auto;}
#navigation li a:hover{text-decoration: none; background:url(images/hover.gif) repeat-x}
#navigation li:hover{ background:url(images/hover.gif) repeat-x;}

/* #navigation li a.home{width:40px;} USED IN THE SIFR VERSION
#navigation li a.about{width:50px;}
#navigation li a.services{width:67px;}
#navigation li a.media{width:44px;}
#navigation li a.blog{width:38px;} */

#login-nav{float: left; display: inline; height:53px; background:url(images/brd.gif) no-repeat 0 0; padding-left:2px; margin: 0 6px; }

#sub-nav{ margin:0 25px 0 auto; width:700px; clear:both; top:-15px; position:relative; }
#sub-nav ul{line-height:12px; font-size: 11px; text-align: right; }
#sub-nav li{ display:inline; padding-top:20px; padding-left:20px; }
#sub-nav li a{ font-family:Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; }
#sub-nav li a:hover{ color:#fcfcfd; }


/* Main Content */
#content{background:#fff url(images/bottom-bg.gif) repeat-x 0 bottom; }

.heading{ height:52px; padding-top:32px; background:url(images/bg.gif) repeat-x 0 0; }
.heading h2{ 
	text-transform: uppercase; 
	font-size: 24px; 
	font-weight: normal; 
	float: left; 
	display: inline; 
	color:#2e2e2e; 
	line-height:24px; 
	width:400px; 
	padding-top:10px;
}
	
.heading h3{font-weight: bold; color:#2e2e2e; width:470px; float: left; display: inline; text-align: left; line-height:10px; top:-8px; position:relative; text-transform:none;  }
.heading h3 span {display:block; position:relative; width:470px; font-size: 1.5em; line-height:16px; padding-left:9px;  }

.heading h3 { font-family: Georgia, Times, serif; text-transform: none; height: 25px; font-size: 1.3em; font-weight:normal; letter-spacing: 0px; }
.heading h3 span { font-size:18px; font-style: italic; line-height:28px;  height: 25px; padding-left: 4px;}
.heading h3.right{float:right; }

#main{background:url(images/main.gif) no-repeat; padding-top:27px; width: 100%}


/* Left Column */
.article{width:80%; float: left; display:inline; padding-left:9px; }
.article-home{width:600px; margin: auto; display: block; padding-left:9px; }
.article-contact{width:580px; float: left; display:inline; padding-left:9px; }
.article p{padding-bottom:16px}
.article h3{padding-bottom:17px; padding-top:3px; color:#2e2e2e; text-align: left;}
.article-home p{padding-bottom:16px}
.article-home h3{padding-bottom:17px; padding-top:3px; color:#2e2e2e; text-align: left;}
.article-contact p{padding-bottom:16px}
.article-contact h3{padding-bottom:17px; padding-top:3px; color:#2e2e2e; text-align: left;}

.article ul{list-style-type: none; padding-left:25px;}
.article li{background:url(images/bul.gif) no-repeat 0 7px; padding-left:11px; padding-bottom:20px}

/* Gallery Specific Styles */
.gallery-container h3{padding-bottom:17px; padding-top:3px; padding-left: 6px; color:#2e2e2e; text-align: left;}
.gallery-container img{margin: 6px; padding:0px; text-align: left;}
.gallerynav {float: right; margin-top:-39px; margin-right:16px;}
.gallerynav img {margin: 0;}
.gallerynav-footer {height:51px;}

/* Blog Specific Styles */
.blogentry {margin-bottom: 40px;}
.blogentry img{padding: 0 10px;}
.blogentry .meta{background:transparent url(images/dot.gif) repeat-x scroll 0 25px;clear:both;color:#999999;font-size:10px; height:30px;}
.blognav-footer {height:51px; margin-top: -20px;}

/* Media Specific Styles */
.mediaentry {margin-bottom: 40px;}
.mediaentry h4 {margin: 10px 0;}
.mediaentry img{padding: 0 10px 10px 0px;}

/* Right Column */
.rightside{ width:300px; float:right;}
.graphic{background:url(images/mid.gif) repeat-y; width:295px; margin-bottom:25px}
.graphic .top{background:url(images/top.gif) no-repeat; width:295px;}
.graphic .bottom{background:url(images/btm.gif) no-repeat 0 bottom; width:295px; padding:12px 0}
.graphic .bottom img{display: block; width:270px; margin:0 auto}

.sidebar-form{background:url(images/mid.gif) repeat-y; width:295px; margin-bottom:25px}
.sidebar-form .top{background:url(images/grey-top.gif) no-repeat; width:295px;}
.sidebar-form .bottom{background:url(images/btm.gif) no-repeat 0 bottom; width:275px; padding-left:20px; padding-bottom:20px}
.sidebar-form .bottom h3{font-weight: bold; color:#2e2e2e; line-height:16px; padding-top:12px; padding-bottom:15px}
.sidebar-form .bottom p.desc{padding-bottom:15px;line-height:18px; padding-top:15px}
.sidebar-form p{line-height:24px; }
.sidebar-form p strong{color:#000; }

.contact-form{background:url(images/mid.gif) repeat-y; width:295px; margin-bottom:25px}
.contact-form .top{background:url(images/grey-top.gif) no-repeat; width:295px;}
.contact-form .bottom{background:url(images/btm.gif) no-repeat 0 bottom; width:275px; padding-left:20px; padding-bottom:20px}
.contact-form .bottom h3{font-weight: bold; color:#2e2e2e; line-height:16px; padding-top:12px; padding-bottom:15px}
.contact-form .bottom p.desc{padding-bottom:15px;line-height:18px; padding-top:15px}
.contact-form p{line-height:24px;  }
.contact-form p strong{color:#000; }
.contact-form p span{ float:right; width:150px; background:#fff; }
.contact-form p em{font-style: normal; text-align: right; display: block; margin-top:-18px; width:155px; padding-left:91px}
.contact-form .no-border{border-bottom:none;}

.contact-info p { background:url(images/dot.gif) repeat-x 0 16px; min-height:20px; margin-right:5px; clear:both;}
.contact-info p strong{ float:left; }



/* Bottom Image Bar */
.bottom-part{background:url(images/main.gif) no-repeat; padding-top:25px;}
.box-holder{width:941px; padding-bottom:25px; background:url(images/gradient.gif) repeat-x; }
.box-holder .top-side{background:url(images/top-side.gif) no-repeat; width:941px;}
.box-holder .btm-side{background:url(images/btm-side.gif) no-repeat 0 bottom; padding-top:4px; padding-bottom:5px; width:941px}
.box-holder .first{border-left:solid 1px #e5e5e5;width:311px}
.box-holder .last{border-left:solid 1px #e5e5e5;width:312px; border-left:solid 1px #fff}

.box{ width:309px; float: left; display: inline; border-right:solid 1px #e5e5e5; border-left:solid 1px #fff ; margin-right:1px; height:196px;}
.box a img{display: block;}
.box a {display: block; margin:0 auto; width:294px;  margin-top:8px}
.box .link{padding-left:10px;width:294px; padding-top:10px}
.box .link p{font-size: 14px; font-weight: bold; color:#343434}
.box .link a{background:url(images/arr.gif); width:20px; height:20px; float:right; display: inline; text-indent: -4000px; font-size: 0 ; line-height:0; margin:0}

.buttons{margin:0 0 0 auto; margin-left: 700px; width:440px;}
.buttons .last{margin-right:0}
.buttons a{
background:transparent url(images/green-btn.gif) no-repeat scroll 0 0;
color:#FFFFFF;
display:inline;
float:left;
font-size:16px;
font-weight:bold;
height:28px;
line-height:16px;
margin-right:18px;
padding-bottom:4px;
padding-left:50px;
padding-top:12px;
text-decoration:none;
text-transform:uppercase;
width:160px;
font-family:Helvetica, Arial, sans-serif
}

.post{height:58px; border-bottom:solid 1px #e5e5e5; padding-top:10px; font-size:11px; line-height:15px;}
.post p{ line-height:14px; color:#999; padding-top:7px;}
.post img{float: left; display: inline; border:solid 1px #e5e5e5; padding:3px; background:#fff; margin-right:8px; }

/* Footer */
#footer{background:url(images/ftr.gif) repeat-x; height:53px; color:#fff; }
#footer p{margin:0 0 0 auto; width:225px; font-size: 9px; line-height:53px}
#footer ul{list-style-type: none; font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; display: inline;}
#footer li{float:left; display: inline;}
#footer li a{float:left; display: inline; color:#fff; margin-right:16px; line-height:12px; padding-top:20px; font-weight: bold; font-size: 0.8em; font-family:Helvetica, Arial, sans-serif; }





/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.pp_pic_holder .pp_top .pp_left { background: url(images/prettyPhoto/light_rounded/tl.gif) top left no-repeat; } /* Top left corner */
	div.pp_pic_holder .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.pp_pic_holder .pp_top .pp_right { background: url(images/prettyPhoto/light_rounded/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pp_pic_holder .pp_content { background-color: #fff; } /* Content background */
	div.pp_pic_holder .pp_content a.pp_next:hover { background: url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
	div.pp_pic_holder .pp_content a.pp_previous:hover { background: url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pp_pic_holder .pp_content a.pp_expand { background: url(images/prettyPhoto/light_rounded/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.pp_pic_holder .pp_content a.pp_expand:hover { background: url(images/prettyPhoto/light_rounded/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pp_pic_holder .pp_content a.pp_contract { background: url(images/prettyPhoto/light_rounded/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.pp_pic_holder .pp_content a.pp_contract:hover { background: url(images/prettyPhoto/light_rounded/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pp_pic_holder .pp_content a.pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_rounded/btnClose.png) center left no-repeat; cursor: pointer; } /* Close button */

	div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(images/prettyPhoto/light_rounded/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(images/prettyPhoto/light_rounded/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */

	div.pp_pic_holder .pp_bottom .pp_left { background: url(images/prettyPhoto/light_rounded/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pp_pic_holder .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.pp_pic_holder .pp_bottom .pp_right { background: url(images/prettyPhoto/light_rounded/br.gif) top left no-repeat; } /* Bottom right corner */

	div.pp_pic_holder .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */

	div.ppt div.ppt_left { background: url(images/prettyPhoto/light_rounded/ttl.gif) top left no-repeat; }
	div.ppt div.ppt_right { background: url(images/prettyPhoto/light_rounded/ttr.gif) top left no-repeat; }
	div.ppt div.ppt_content { background: url(images/prettyPhoto/light_rounded/ttp.gif) top left repeat-x; }
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(images/prettyPhoto/dark_rounded/tl.png) top left no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(images/prettyPhoto/dark_rounded/tr.png) top left no-repeat; } /* Top right corner */
	div.dark_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/dark_rounded/bl.png) top left no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/dark_rounded/br.png) top left no-repeat; } /* Bottom right corner */
	div.dark_rounded .pp_content { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded div.ppt_left { background: url(images/prettyPhoto/dark_rounded/tl.png) top left no-repeat; }
	div.dark_rounded div.ppt_right { background: url(images/prettyPhoto/dark_rounded/tr.png) top right no-repeat; }
	div.dark_rounded div.ppt_content { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; }
	div.dark_rounded .pp_loaderIcon { background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_top .pp_left ,
	div.dark_square .pp_top .pp_middle,
	div.dark_square .pp_top .pp_right,
	div.dark_square .pp_bottom .pp_left,
	div.dark_square .pp_bottom .pp_middle,
	div.dark_square .pp_bottom .pp_right,
	div.dark_square .pp_content,
	div.dark_square div.ppt_left,
	div.dark_square div.ppt_right,
	div.dark_square div.ppt_content { background: url(images/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_loaderIcon { background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_top .pp_left ,
	div.light_square .pp_top .pp_middle,
	div.light_square .pp_top .pp_right,
	div.light_square .pp_bottom .pp_left,
	div.light_square .pp_bottom .pp_middle,
	div.light_square .pp_bottom .pp_right,
	div.light_square .pp_content,
	div.light_square div.ppt_left,
	div.light_square div.ppt_right,
	div.light_square div.ppt_content { background: #fff; }
	div.light_square div.ppt_content { color: #666666; }



.qtrans_language_chooser {
	position: absolute;
	top: 70px;
	left: 450px;
	display: block;
	height: 20px;
	width: 50px;
	list-style-type: none;
}

.qtrans_language_chooser li {
float: left;
padding-left: 6px;
}

#twitter_update_list {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#twitter_update_list li {
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	padding-left: 10px;
	list-style-type: none;
}


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pp_pic_holder{position:absolute;z-index:10000;width:100px}div.pp_pic_holder .pp_top{position:relative;height:20px}* html div.pp_pic_holder .pp_top{padding:0 20px}div.pp_pic_holder .pp_top .pp_left{position:absolute;left:0;width:20px;height:20px}div.pp_pic_holder .pp_top .pp_middle{position:absolute;left:20px;right:20px;height:20px}* html div.pp_pic_holder .pp_top .pp_middle{position:static;left:0}div.pp_pic_holder .pp_top .pp_right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pp_pic_holder .pp_content{position:relative;text-align:left;width:100%;height:40px}div.pp_pic_holder .pp_content .pp_details{display:none;margin:10px 15px 2px 20px}div.pp_pic_holder .pp_content .pp_details p.pp_description{display:none;float:left;margin:0}div.pp_pic_holder .pp_content .pp_details .pp_nav{float:left;margin:3px 0 0 0}div.pp_pic_holder .pp_content .pp_details .pp_nav p{float:left;margin:0 4px}div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next{float:left;display:block;width:14px;height:15px;overflow:hidden;text-indent:-10000px;margin-top:3px}div.pp_pic_holder .pp_content .pp_details .pp_nav a.disabled{background-position:0 -16px;cursor:default}div.pp_pic_holder .pp_content div.hoverContainer{position:absolute;z-index:2000;top:0;left:0;width:100%}div.pp_pic_holder .pp_content a.pp_next{display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(../js/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat}div.pp_pic_holder .pp_content a.pp_previous{display:block;float:left;text-indent:-10000px;width:49%;height:100%;background:url(../js/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat}div.pp_pic_holder .pp_content a.pp_expand,div.pp_pic_holder .pp_content a.pp_contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pp_pic_holder .pp_content a.pp_close{float:right;display:block;text-indent:-10000px}div.pp_pic_holder .pp_bottom{position:relative;height:20px}* html div.pp_pic_holder .pp_bottom{padding:0 20px}div.pp_pic_holder .pp_bottom .pp_left{position:absolute;left:0;width:20px;height:20px}div.pp_pic_holder .pp_bottom .pp_middle{position:absolute;left:20px;right:20px;height:20px}* html div.pp_pic_holder .pp_bottom .pp_middle{position:static;left:0}div.pp_pic_holder .pp_bottom .pp_right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pp_pic_holder .pp_loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pp_pic_holder #full_res{width:100%;text-align:center}div.pp_pic_holder #full_res{display:block;margin:0 auto}div.ppt{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.ppt div.ppt_left,div.ppt div.ppt_right{float:left;width:19px;height:23px;overflow:hidden}div.ppt div.ppt_content{float:left;line-height:23px}.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

    /* form */
    form{
    	margin-left:20px;
    }
    input{
    	margin:0;
    	width: 300px;
    	border: 1px solid;
    	font-size:1.3em;
    	color:#333;
    }
    textarea{
    	margin:0;
    	width: 300px;
    	border: 1px solid;
    	font-size:1.3em;
    	color:#333;
    }
    .quiz-857 input {
    	margin:0;
    	width: 40px;
    	border: 1px solid;
    	font-size:1.3em;
    	color:#333;      
    }
    #submitcontact {
        width: 80px;
        background-color: #ffffff;
        display: inline;
        font-size: 1em;
        cursor:pointer;
        border: 0px;
        background:url(images/arr.gif) right no-repeat; width:60px; height:20px;
        font-size: 1.2em;
        text-align: left;
    }