/* ----------------------------------------------------------------

____   ____.___  _____________ ___  _____  .____    .___  _________
\   \ /   /|   |/   _____/    |   \/  _  \ |    |   |   |/   _____/
 \   Y   / |   |\_____  \|    |   /  /_\  \|    |   |   |\_____  \ 
  \     /  |   |/        \    |  /    |    \    |___|   |/        \
   \___/   |___/_______  /______/\____|__  /_______ \___/_______  /
                       \/                \/        \/           \/ 

Project: 		Conectoo Splash
Author:  		VISUALIS / www.visualis.ro
Version: 		1
Last modified: 	25.04.2009
 
---------------------------------------------------------------- */



/* DEFAULT BROWSER STYLE RESET 
---------------------------------------------------------------- */

html, body, div, span, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd, ul, ol, li, hr, form, fieldset, legend, label, input, textarea, select, button, blockquote, q, img, font, small, strong, strike, sup, sub, em, code, abbr, acronym, pre, table, caption, th, tr, td { margin:0; padding:0; border:0; outline:none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
strong {font-weight:bold;}
em {font-style:italic;}
a, a:active, a:hover, a:focus, a:visited { outline: none; overflow:hidden;}

/* END DEFAULT BROWSER STYLE RESET */

/* ------- BOXES success / notice / error */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd;}

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #7DA8D3; color: #fff; border-color: #6496C9; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.error,
.notice,
.success {padding-left:20px;}

/* ------- FORMS */
input, textarea, select { font-family:Arial, Helvetica, sans-serif; padding:7px; color:#333; border-top:1px solid #666; border-left:1px solid #666; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff;}
input.checkbox, input.radio { display:block; line-height:1.5em;	margin:.3em 0 0 3px; width:13px; height:13px; border:none; background:none;}

/* ------- BODY */
body {background:#fff url(../img/background-body.jpg) repeat-x left top; color:#333; font:62.5% Arial, Helvetica, sans-serif; text-align:center;}
ul#accessibility {display:none;}
div#page {width:700px; margin:0 auto; text-align:left;}
div#header {width:700px; height:80px; position:relative;}
div#header h1 {position:absolute; top:20px; left:30px;}
div#header h1 a {width:167px; height:34px; display:block; text-indent:-10000em; background:url(../img/conectoo-logo.jpg) no-repeat top left;}
div#header ul {position:absolute; top:35px; right:30px;}
div#header ul li {display:inline; margin-left:25px; float:left;}
div#header ul li a {font-size:1.1em; color:#125687; text-decoration:none; float:left;}
div#header ul li a.login {padding:3px 0 0px 23px; background:url(../img/icon-login.jpg) no-repeat left;}
div#header ul li a.lang-en {padding:4px 0 0px 23px; background:url(../img/icon-flag-en.jpg) no-repeat left 4px;}
div#header ul li a.lang-ro {padding:4px 0 0px 23px; background:url(../img/icon-flag-ro.jpg) no-repeat left 4px;}
div#header ul li a:hover {color:#f60; text-decoration:underline;}

div#content div.hero {width:700px; height:285px; background:url(../img/background-content.jpg) no-repeat top left; position:relative;}
div#content div.hero h1 {width:640px; height:50px; display:block; background:url(../img/header-h1.jpg) no-repeat center; text-indent:-10000em; position:absolute; top:30px; left:30px;}
div#content div.hero h2 {width:640px; height:24px; display:block; background:url(../img/header-h2.jpg) no-repeat center; text-indent:-10000em; position:absolute; top:115px; left:30px;}
div#content.english div.hero h1 {background:url(../img/header-h1-en.jpg) no-repeat center;}
div#content.english div.hero h2 {background:url(../img/header-h2-en.jpg) no-repeat center;}
div#content div.hero hr {display:none;}
div#content div.hero fieldset {position:absolute; top:155px; left:30px; width:600px; height:90px; padding:15px 20px 0 20px; background:url(../img/background-header-fieldset.jpg) no-repeat top left;}
div#content div.hero fieldset legend {display:none;}
div#content div.hero fieldset label {width:230px; float:left; margin-right:8px;}
div#content div.hero fieldset label strong {font-size:1.6em; color:#fff; width:230px; display:block; margin-bottom:3px;}
div#content div.hero fieldset label input {width:215px; font-size:1.4em;}
div#content div.hero fieldset p.bt {float:left; width:120px;}
div#content div.hero fieldset button {width:120px; height:34px; float:left; margin-top:22px; text-indent:-10000em; background:url(../img/button-submit.jpg) no-repeat left top; cursor:pointer;}
div#content.english div.hero fieldset button {background:url(../img/button-submit-en.jpg) no-repeat left top;}
div#content div.hero fieldset button:hover {background-position:left bottom;}
div#content div.hero fieldset p.note {width:500px; margin-top:8px; float:left; font-size:1.1em; color:#fff;}
div#content div.hero fieldset p.note a {color:#fff;}
div#content div.hero fieldset p.note a:hover {color:#125687;}  

div#main {background:url(../img/background-main.jpg) no-repeat top left; width:640px; margin-top:20px; min-height:250px; height:auto !important; height:250px; padding:30px 30px 0 30px;}
div#main a {color:#125687;}
div#main div.box {width:200px; float:left; margin-right:30px; font-size:1.2em; line-height:1.4em; color:#666;}
div#main div.box h3 {height:20px; margin-bottom:15px; color:#125687; font-size:1.6em; font-weight:bold; letter-spacing:-1px;}
div#main div.last {margin-right:0; width:180px;}
div#main div.box p.about, div#main div.box ul.blog, div#main div.box ul.address {height:140px;}

div#main div.box p.about {width:180px;}
div#main div.box p.about a {display:block; margin-top:5px;}
div#main div.box p.about a:hover {color:#f60;}
div#main div.box ul.blog li {margin-bottom:5px;}
div#main div.box ul.blog li h4 a {font-weight:bold; text-decoration:none;}
div#main div.box ul.blog li h4 a:hover {color:#F60;}
div#main div.box ul.blog li p.meta {color:#999; font-size:90%;}
div#main div.box ul.blog li p.meta a {color:#999;}
div#main div.box ul.blog li p.meta a:hover {color:#69c;}
div#main div.box ul.address li.phone {margin-top:5px;}
div#main div.box ul.address li em {font-style:normal; color:#125687; width:20px; float:left;}
div#main div.box ul.address li a:hover {color:#f60;}

div#main div.box a.pdf, div#main div.box a.blog, div#main div.box a.vcard {font-size:90%; text-decoration:none; float:left;}
div#main div.box a.pdf {background:url(../img/icon-pdf.jpg) no-repeat left; padding-left:25px;}
div#main div.box a.pdf:hover {color:#69c; text-decoration:underline;}
div#main div.box a.blog {background:url(../img/button-blog.jpg) no-repeat top left; height:21px; width:147px; padding:4px 0 0 14px;}
div#main div.box a.blog:hover {background-position:left bottom; color:#69c;}
div#main div.box a.vcard {background:url(../img/icon-vcard.jpg) no-repeat left; padding-left:25px;}
div#main div.box a.vcard:hover {color:#69c; text-decoration:underline;}

div#footer {width:640px; height:70px; border-top:1px solid #F6F2FF; padding-top:20px; margin-left:30px;}
div#footer ul.nav {float:left; width:400px;}
div#footer ul.nav li {font-size:1.2em; color:#999; display:inline; margin-right:5px;}
div#footer ul.nav li a {color:#125687; text-decoration:none; font-weight:bold;}
div#footer ul.nav li a:hover {color:#F60; text-decoration:underline;}

div#footer ul.sites {float:right; width:200px; margin-top:1px;}
div#footer ul.sites li {display:inline; float:left; margin-left:15px;}
div#footer ul.sites li a {text-indent:-10000em; float:left;}
div#footer ul.sites li a.twitter {width:53px; height:14px; background:url(../img/icon-twitter.jpg) no-repeat 0 0;}
div#footer ul.sites li a.facebook {width:53px; height:14px; background:url(../img/icon-facebook.jpg) no-repeat 0 0;}
div#footer ul.sites li a.linkedin {width:47px; height:14px; background:url(../img/icon-linkedin.jpg) no-repeat 0 0;}

div#footer p.copyright {color:#ccc; float:left; width:600px; margin-top:7px; font-size:1.1em;}

div#single {width:640px; padding:30px; font-size:1.2em; line-height:1.4em; float:left; background:#fff url(../img/background-single.jpg) no-repeat top left;}
div#single h1 {font-size:240%; font-weight:bold; color:#125687; letter-spacing:-1px; margin-bottom:20px; padding-top:5px; padding-bottom:20px; border-bottom:1px solid #DEE7EE; width:50%;}
div#single h2 {font-size:160%; line-height:1.2em; color:#f60;}
div#single div.navigation { padding:15px 15px 0px 20px; height:230px; background: url(../img/background-navigation.jpg) no-repeat top left; float:right; margin-left:30px;}
div#single div.navigation h2 {font-size:140%; color:#fff; font-weight:bold; margin-bottom:15px;}
div#single div.navigation ol { padding-left:25px; width:220px;}
div#single div.navigation ol li {list-style:decimal; color:#125687; font-size:12px; margin-bottom:5px; line-height:1.2em;}
div#single div.navigation ol li a {color:#fff; text-decoration:none;}
div#single div.navigation ol li a:hover {color:#125687; text-decoration:underline;}

div#single a {color:#125687;}
div#single a:hover {color:#f60;}
div#single h3 {margin-bottom:5px; font-size:160%; font-weight:bold; letter-spacing:-1px; color:#125687; margin-top:30px; float:left; width:640px;}
div#single p {margin-bottom:10px; line-height:1.6em;float:left; width:640px;}
div#single ol, div#single ul {padding-left:25px; margin-bottom:10px; float:left;}
div#single ol li {list-style:decimal; margin-bottom:5px;}
div#single ul li {list-style:square; margin-bottom:5px;}

div#single ul.features {padding:0; width:640px;}
div#single ul.features li {list-style:none; width:280px; margin-right:10px; float:left; padding:10px; background:#fff;}
div#single ul.features li:hover {background:#F6F2FF;}
div#single ul.features li a img {float:left;border:1px solid #F6F2FF; margin-bottom:10px;}
div#single ul.features li a:hover img {border-color:#ddd}
div#single ul.features li p {float:left; width:270px;}

div#single table {width:600px; margin-bottom:10px;float:left;}
div#single table th {width:300px; font-size:12px; font-weight:bold; color:#fff; background:#69c; padding:5px 5px 5px 20px}
div#single table td {padding:5px 5px 5px 20px; border-bottom:1px solid #eee; vertical-align:top;}
div#single table td.odd {background:#F6F2FF;}
div#single table tfoot td {border-bottom:1px solid #fff; color:#666; font-size:90%;}

div.clear {clear:both;}

.button { font-size:12px; font-weight:bold; color:#fff; background:#69c; cursor: pointer; }

.error { font-weight: bold; color: #d00; font-size: 12px; }
.message { font-weight: bold; color: #0d0; font-size: 12px; }