/**
 *
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	style.css, 2009/12/14
 * @link	http://www.agenceici.com/
 * @link	http://www.pixeet.com/
 * blue : 5fb8d7
 * grey : 6a6868
 */


* { padding: 0; margin: 0; font-family: Arial, sans-serif; }
html, body { width: 100%; height: 100%; font-size: 12px; font-family: Arial, sans-serif; color: #fff; background: #202320; }

ul, li { list-style: none; }
img { border: 0 none; }
a { color: #fff; text-decoration: none; }

.clear { clear: both; }
.no-spam { display: none; }

.container { position: relative; width: 1000px; min-height: 100%; overflow: hidden; margin: 0 auto; background: #302d2b; }

.head { position: relative; height: 95px; background: url(/images/header-background.jpg) no-repeat; }


/*
.head .languages { position: absolute; right: 10px; top: 10px; }
.head .languages label img { vertical-align: middle; margin-right: 4px; }
//.head .languages select { margin-left: 4px; border: 1px solid #000; background: #8e8c87; width: 80px; }
*/
.head .logo { }
.head .logo a { position: absolute; left: 20px; top: 15px; }
.head .logo span { position: absolute; left: 165px; top: 63px; color: #5fb8d7; font-weight: normal; font-size: 14px; letter-spacing: 1px; }
.head .menu { position: absolute; right: 3px; bottom: 3px; height: 28px; }
.head .menu li { float: left; margin-left: 3px; }
.head .menu li a { float: left; position: relative; display: inline-block; white-space: nowrap; color: #fff; height: 28px; }
.head .menu li a span { cursor: pointer; }
.head .menu li a span.ico { position: absolute; left: 3px; top: 0; width: 28px; height: 28px; background: url(/images/header-icons-new.gif); }
.head .menu li a span.lbl { display: inline-block; height: 21px; padding: 7px 10px 0 35px; }
.head .menu li a.active,
.head .menu li a:hover { background: url(/images/header-menu.gif); }
.head .menu li.home a span.ico { background-position: 0px 0px; }
.head .menu li.home a.active span.ico,
.head .menu li.home a:hover span.ico { background-position: 0px -28px; }
.head .menu li.features a span.ico { background-position: -28px 0px; }
.head .menu li.features a.active span.ico,
.head .menu li.features a:hover span.ico { background-position: -28px -28px; }
.head .menu li.buy a span.ico { background-position: -56px 0px; }
.head .menu li.buy a.active span.ico,
.head .menu li.buy a:hover span.ico { background-position: -56px -28px; }
.head .menu li.pricing a span.ico { background-position: -84px 0px; }
.head .menu li.pricing a.active span.ico,
.head .menu li.pricing a:hover span.ico { background-position: -84px -28px; }
.head .menu li.company a span.ico { background-position: -112px 0px; }
.head .menu li.company a.active span.ico,
.head .menu li.company a:hover span.ico { background-position: -112px -28px; }
.head .menu li.upload a span.ico { background-position: -140px 0px; }
.head .menu li.upload a.active span.ico,
.head .menu li.upload a:hover span.ico { background-position: -140px -28px; }

.image { position: relative; height: 279px; }
.image .background { display: block; }
.image .vcs { position: absolute; left: 15px; bottom: 10px; font-size: 14px; letter-spacing: 1px; }
.image .vcs img { margin-left: 5px; vertical-align: middle; }
.image .vcs a { padding-left:0px; }

.content { width: 990px; padding-left: 10px; overflow: hidden; }
.content .block { position: relative; float: left; margin: 0 17px; width: 263px; height: 331px; padding: 20px 15px; background: url(/images/block-background.jpg) no-repeat; }
.content .block h2 { font-size: 16px; }
.content .block h3 { color: #5fb9d8; font-size: 11px; }
.content .block p { padding-top: 14px; text-align: justify; font-size: 12px; }

.foot { color: #6a6868; font-size: 11px; margin: 0 26px; }
.foot p { position: relative; border-top: 1px solid #636263; padding: 5px 2px; height: 20px; }
.foot a { color: #6a6868; }
.foot a:hover { text-decoration: underline; }

.content .block-feat { position: relative; float: center; margin: 0 17px 0 80px; width: 789px; padding: 6px 6px; }
.content .block-feat h2 { font-size: 16px; padding:6px 0px; }
.content .block-feat h3 { color: #5fb9d8; font-size: 11px; padding:0 0 6px 0; }
.content .block-feat p { padding-top: 14px; text-align: justify; font-size: 12px; }

.content .block-contact { position: relative; margin: 0 17px 0 80px; width: 789px; padding: 20px 15px 0 40px;background: url(/images/block-background-large.jpg) no-repeat; }
.content .block-contact h2 { font-size: 16px; padding:6px 0px;}
.content .block-contact h3 { color: #5fb9d8; font-size: 11px; }
.content .block-contact p { padding-top: 14px; text-align: justify; font-size: 12px; }
.content .block-contact form { margin:20px 0 10px 60px; }
.content .block-contact input.field { width:180px; }
.content .block-contact select.field { width:185px; }
.content .block-contact textarea.field   { width:185px; }

.field-error { font-size: 12px;width:180px; border: 1px solid #f00; }
.field { font-size: 12px;width:180px;}

.input {
    border: 1px solid #006;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}
label {
    display: block;
    width: 100px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; }

.button {
    border: none;
    background: url('/images/button-black-1.png') no-repeat 0 4px;
    width:145px; height:34px;
    font-size: 12px;color: #fff;
    position: relative; left: 210px;
}
.button:hover {
    border: none;
    background: url('/images/button-black-1.png') no-repeat 0 4px;
    font-size: 12px;color: #ccc;
}
/* search results and pagination */
#sitemap {
	margin:0px;
	padding:20px 0 20px 0;
}
#sitemap ul li a{
	display:none;
}
#sitemap ul ul{
	float:left;
	width:100%;
	margin:0;
	padding:0 0 0.6em;
}
#sitemap ul ul li{
	background: transparent url(/images/sitemap/sitemap-separator.png) no-repeat right top;
	display:inline;
	float:left;
	color: #fff;
	width:100%;	
}
#sitemap ul ul li a{
	padding:2px 0 0 45px;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color: #444;
	display:block;
}
#sitemap ul ul ul li{
	width:750px;
	padding:12px 0 0;
	background:none;
	line-height:1.2em;
}
#sitemap ul ul ul li a{
	font-weight:bold;
	font-size:1.0em;
	color: #fff;
	padding-top:1px;
}
#sitemap ul ul ul li a:hover{
	text-decoration:underline;
}
#sitemap ul ul ul ul li{
	padding:0;
}
#sitemap ul ul ul ul li a{
	font-weight:normal;
	color:#d3d3d3;
}


.txt-green {
	color: #7ba51e;
}
.lbl-double {
	 width: 250px;
}


.head .languages { position: absolute; right: 10px; top: 10px; }
.head .languages label { text-align:right;}
.head .languages label img { vertical-align: middle; margin-right: 4px;}
.head .languages label a { padding: 0 4px;}
.head .languages label a.current { color:#5fb8d7;}
.head .languages label a:hover { color:#5fb8d7; }
.head .languages select { margin: 2px 0; border: 1px solid #000; background: #8e8c87; width: 80px;}
.head  form {  }
.head  .login-box img { padding:8px 4px 0px 0px; }
.head  .login-box  { position:relative;left:450px;padding:0px 15px 0px 30px;background: transparent url(/images/tab-login.png) no-repeat 0 0px; width:326px;height:37px;}
.head  .login-box #login, .head .login-box  #passwd { position:relative;top:-2px;border: 1px solid #000; background-color: #8e8d88; padding: 1px; width: 80px; margin:0px 4px; color:#000;}
.head  .login-box #submit { position:relative;top:-2px;border: 0px; color:#fff;background: transparent url(/images/btn-login.gif) no-repeat 0 0px; width:70px;height:18px;font-size: 11px;}

.rounded { -moz-border-radius-topright:4px;border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-bottomright:4px;border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomleft:4px;border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px; }


/* PRICING */
#page-pricing .content {background-color:#666;padding:10px;margin-bottom:20px;}

#pricing-evolution { width:970px;height:245px;margin:10px;padding:0;background:#fff url(/images/pricing/pricing-evolution.jpg) no-repeat 0px 0px; }
#lblFree { position:relative;width:160px;text-align:center;top:60px;font-size:1.3em;color:#333;line-height:1em; }
#lblFreePrice { position:relative;width:110px;left:160px;text-align:center;top:40px;font-size:1.3em;color:#fff;line-height:1em; }
#lblFreePrice em { color:#333; }

#lblPremium { position:relative;width:160px;text-align:center;top:120px;font-size:1.3em;color:#333;line-height:1em; }
#lblPremiumPrice { position:relative;left:200px;text-align:left;top:95px;font-size:1.3em;color:#fff;line-height:1em; }
#lblPremiumPrice em { position:relative;top:6px;color:#333; }
#account-info { height:120px; }

#free_account {background-color:#2a2a2a;color: #fff;font-size: 12px;margin: 10px;padding:10px;}
#free_account .signup_button {margin-top: 30px;}
#free_account ul {margin-top: 20px;}
#free_account h2 {font-size: 18px;}
.signup_button {background:transparent url(/images/pricing/btn_pricing_signup.gif) no-repeat scroll 0 0;color:#FFFFFF;display:block;font-size:20px;height:39px;padding-top:17px;text-align:center;text-decoration:none!important;text-shadow:2px 2px 0 #B47E3A;text-transform:uppercase;width:212px;}
.signup_button:hover { color: #FFF;}
#free_account .signup_button { float:right; }
#account-info{background-color:#fff;min-height:100px;margin: 10px;padding:10px;color:#333;}
.note { padding-left:40px;font-size:11px;}
#free-info{ position:absolute;left:100px;width:40%; }
#free-info h4 { text-align:center;}
#free-info li {margin: 0px;padding: 2px 10px;background: url(/images/template/bg-list-item-sidebar-blue.gif) no-repeat 0px 6px;}
#premium-info{ position:absolute;left:55%;width:40%; }
#premium-info h4 { text-align:center;}
#premium-info li {margin: 0px;padding: 2px 10px;background: url(/images/template/bg-list-item-sidebar-blue.gif) no-repeat 0px 6px;}


/* FAQ */
#content-right h2 { color:#5fb9d8;padding:10px;}
#content-right p { color:#fff;padding:0 10px 5px 10px;}

#page-faq .content {background-color:#666;padding:10px;margin-bottom:20px;}
#page-faq #content-left {float: left;width: 290px;min-height:500px;background-color:#2a2a2a;-moz-border-radius-topright:4px;border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-bottomright:4px;border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomleft:4px;border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;}
#page-faq .box-left {margin: 0px;padding: 20px 20px 25px 20px;background: url(/images/template/bg-box-right.gif) repeat-x left bottom;}
#page-faq .box-left h4 {margin: 0 0 10px 0;padding: 0px;color: #518fa3;font-size: 14px;}
#page-faq .box-left ul {margin: 0px;padding: 0px;list-style: none;}
#page-faq .box-left li {margin: 0px;padding: 5px 0 5px 10px;background: url(/images/template/bg-list-item-sidebar-blue.gif) no-repeat 0px 8px;}
#page-faq .box-left li a {padding: 5px 0;text-decoration: none;}
#page-faq .box-left li ul {padding: 5px 0 0 0;}
#page-faq .box-left ul.submenu {margin-left: 30px;}

#page-faq #content-right {margin:0 10px 0 300px;min-height:500px;}
#page-faq #content-right br { clear:none; }

/* Sign up */
#loginBox { border: 1px solid #fff; width:440px; height:250px;background-color:#666; color:#fff; margin: 50px auto 50px auto; padding: 10px 10px 10px 20px;}
#loginBox h1 {font-size: 21px;text-align: left;padding: 0 0 10px 0;color:#fff}
#loginBox p {font-size: 12px;text-align: left;padding: 0 0 10px 0;color:#fff;}
#loginBox a { color: #5fb9d8; text-decoration: none;  }
legend {font-family: Helvetica, sans-serif; font-size:18px;letter-spacing: 0;font-weight: 200;line-height: 1.1;color: #00749A;background: transparent;padding: 2px 6px; }
label {padding-left: 6px; font-family: Helvetica, sans-serif; font-size: 12px; letter-spacing: 0; font-weight: bold;color: #fff;}
.smallfield {margin: 3px;border: 1px solid #ccc;width: 150px;font: normal 12px Helvetica, sans-serif;color: #666;height: 18px;padding: 5px 0 0 3px; background: #fff url(/images/bg_inputs.gif) repeat-x 0 0;}
.smallfield:focus, .smallfield:hover {background: #F0FFE6 url(/images/bg_inputs-color.gif) repeat-x 0 0; border: 1px solid #5fb8d7}
.bigfield {margin: 3px;border: 1px solid #ccc;width: 315px;font: normal 12px Helvetica, sans-serif;color: #666;height: 18px;padding: 5px 0 0 3px; background: #fff url(/images/bg_inputs.gif) repeat-x 0 0;}
.bigfield:focus, .bigfield:hover {background: #F0FFE6 url(/images/bg_inputs-color.gif) repeat-x 0 0; border: 1px solid #5fb8d7}

.buttons { padding:0 10px }
.buttons a, .buttons button{display:block; float:right;margin: 0px;background-color:#f5f5f5; border:1px solid #5fb8d7; border-left:1px solid #eee;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:100%; line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;padding:5px 10px 6px 7px; /* Links */}
.buttons button{width:auto;overflow:visible;padding:4px 10px 3px 7px; /* IE6 */}
.buttons a.positive:hover, button.positive:hover{background-color:#E6EFC2; border:1px solid #5fb8d7; color:#5fb8d7;}
.buttons a.positive:active{ background-color:#5fb8d7;border:1px solid #5fb8d7;color:#fff;margin: 0 2px;}
.buttons a.positive:visited {border:1px solid #5fb8d7; color:#5fb8d7;margin: 0 2px;}
.form {margin: 0; padding: 0;}