/* CSS Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, ul, li, fieldset, form, label { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
:focus { outline: 0; }
h2, h3, h4 { font-weight: normal; }
/* General */
body { background: #fdfdfd; font: 12px Verdana, sans-serif; line-height: 1.5em; color: #444; }
.fix_width { width: 940px; margin: 0 auto; }
.fix_width:after, .left_foot_cont ul li:after, .page_cont:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.fix_width_page { width: 870px; margin: 0 auto; }
.clear { clear: both }
.no_dis { display: none; }
a { text-decoration: none; }
p { line-height: 1.7em; }
/* Header */
#header { background: url(images/head_bck.png); height: 84px; z-index: 3; position: relative; }
.logo { float: left; margin: 15px 0 0 35px; }
.logo h1 a { background: url(images/logo.png) no-repeat 0px 0px; display: block; width: 136px; height: 50px; text-indent: -9999px;}
ul.nav { float: right; margin: 30px 20px 0 0; }
ul.nav li { display: inline; }
ul.nav li a { color: #656463; padding: 6px 10px; margin: 0 5px; }
ul.nav li a:hover { background: url(images/nav_bck.jpg); -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 1px 1px 0px #fff, -1px -1px 0px #d9d9d9; -khtml-box-shadow: 1px 1px 0px #fff, -1px -1px 0px #d9d9d9; -webkit-box-shadow: 1px 1px 0px #fff, -1px -1px 0px #d9d9d9; box-shadow: 1px 1px 0px #fff, -1px -1px 0px #d9d9d9; }
/* Slider */
#slider { position: relative; background:url(images/loading.gif) no-repeat 50% 50%; }
.slide_cont { background: url(images/slider_bck.jpg); position: relative; top: -4px; z-index: 1; margin: 0 auto; }
#slider img { position: absolute; top: 0px; left: 0px; display:none; }
.nivo-slice { display: block; position: absolute; z-index: 50; height: 100%; }
.nivo-directionNav a { position: absolute; top: 38%; text-indent: -9999px; cursor: pointer; z-index: 99; }
.nivo-prevNav { left: 10px; display: block; width: 122px; height: 122px; background: url(images/slide_nav_left.png); }
.nivo-nextNav { right: 10px; display: block; width: 122px; height: 122px; background: url(images/slide_nav_right.png); }
/* Middle container */
#middle_container { background: url(images/content_bck.png) repeat-x; position: relative; top: -12px; z-index: 3; padding-top: 40px; }
#middle_container h2 { color: #1d4777; font-size: 18px; border-bottom: 2px solid #d9d9d9; padding-bottom: 10px; margin-bottom: 10px; }
.left_cont, .centered_cont, .right_cont { width: 560px; float: left; padding-right:50px; }
.right_cont { width: 280px; float: left; }
.left_cont img { border: 1px solid #d0cece; }
.left_cont ul { margin-top: 10px; }
.left_cont ul li { clear: both; margin: 0; border-bottom: 1px dashed #d0cece; }
.left_cont ul li a { display: block; padding: 10px 0; min-height: 69px; }
.left_cont ul li a:hover { background: #f7f7f7;}
.left_cont ul li img { float: left; margin: 0 10px 0 0; }
.right_cont ul { margin-top: 5px; }
.right_cont ul li { padding: 10px 0 10px 0; border-bottom: 1px dashed #d0cece; }
.right_cont ul li.phone { padding-left: 55px; background: url(images/phone.png) no-repeat 10px 20px; }
.right_cont ul li.email { padding-left: 55px; background: url(images/email.png) no-repeat 10px 20px; }
.right_cont ul li.email a { display: block; }
.right_cont ul li.email:hover { background: #f7f7f7 url(images/email.png) no-repeat 10px 20px; }
span.list_tit { font-size: 14px; color: #6fb450; }
span.list_tit_right { font-size: 14px; color: #a1493a; }
span.list_text { font-size: 10px; color: #757474; }
.centered_cont { margin: 0px 50px; }
.centered_cont img { margin: 4px 0 5px 0; border: 2px solid #d0cece; }
span.cta a { display: block; width: 117px; height: 32px; background: url(images/cta.png); float: right; margin-top: 15px; text-indent: -9999px; }
span.cta a:hover { background-position: 0 -32px; }
form#login { width: 278px; height: 146px; background: url(images/login_bck.png) no-repeat; margin: 40px 0 0 2px; }
form#login .login_input { padding: 5px 20px;}
form#login legend { color: #1d4777; font-size: 18px; text-shadow: 1px 1px 2px #ccc; padding: 12px 10px; }
form#login label { font-size: 11px; float: left; margin-right: 8px; padding-top: 2px; width: 70px; }
form#login input[type="text"], form#login input[type="password"] { width: 130px; font-size: 12px; padding: 4px 10px; border: none; -moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: 1px 1px 0px #fff, -1px -1px 0px #ccc; -khtml-box-shadow: 1px 1px 0px #fff, -1px -1px 0px #ccc; -webkit-box-shadow: 1px 1px 0px #fff, -1px -1px 0px #ccc; box-shadow: 1px 1px 0px #fff, -1px -1px 0px #ccc; }
form#login input[type="submit"] { width: 52px; height: 17px; background: url(images/login.png) no-repeat; text-indent: -9999px; float: right; border: none; margin: 10px 30px 10px 10px; cursor: pointer; }
/* Page title container */
.page_tit { background: url(images/slider_bck.jpg); height: 145px; position: relative; top: -4px; }
h2.tit { height: 40px; display: inline-block; color: #fff; text-shadow: 1px 1px #183354; background: url(images/tit_bck.jpg) repeat-x; font-size: 24px; letter-spacing: -1px; padding: 18px 35px 0px; border: 1px solid #fff; -moz-box-shadow: 4px 4px 0px #dde1e5; -webkit-box-shadow: 4px 4px 0px #dde1e5; -khtml-box-shadow: 4px 4px 0px #dde1e5; box-shadow: 4px 4px 0px #dde1e5; float: left; margin: 40px 30px 0 0; }
p.tit_par { font-size: 18px; text-shadow: 1px 1px #fff; margin-left: 15px; font-family: Georgia; font-style: italic; color: #959596; line-height: 25px; padding: 45px 0 0; }
/* Page content */
.page_cont { width: 870px; background: url(images/bor_tit.png) repeat-x 0px 4px; width: 940px; margin: 0 auto; }
.left_cont_page { width: 610px; float: left; }
.left_cont_page p { margin-bottom: 25px; }
.left_cont_page img { border: 3px solid #e7e7e7; margin-bottom: 20px; }
.left_cont_page h4 { font-size: 18px; color: #222; margin-bottom: 8px; }
.left_cont_page ul { margin: 0 0 25px 10px; width: 400px; list-style: disc inside; }
.left_cont_page ul li { padding: 3px 0 3px 5px; border-bottom: 1px solid #e7e7e7; }
.page_limiter { margin-left: 35px; }
h3.top_tit { color: #1d4777; font-size: 22px; padding: 0 15px 10px 0; margin-bottom: 20px; background: #f7f7f7; display: inline-block; }
.side_page_cont {
margin-top: 40px;
margin-right: 0;
margin-bottom: 0;
margin-left: 50px;
}
.side_page_cont ul { border-left: 1px solid #e7e7e7; }
.side_page_cont ul li { border-bottom: 1px solid #e7e7e7; }
.side_page_cont ul li.projects a, ul li.tech a, ul li.ideas a, ul li.support a { display: block; }
.side_page_cont ul li.projects, ul li.tech, ul li.ideas, ul li.support { padding: 20px 0 15px 75px; }
.side_page_cont ul li.projects:hover { background: #f7f7f7 url(images/projects.png) no-repeat 12px 18px; }
.side_page_cont ul li.projects { background: url(images/projects.png) no-repeat 12px 18px; }
.side_page_cont ul li.tech { background: url(images/tablet.png) no-repeat 12px 18px; }
ul li.tech:hover { background: #f7f7f7 url(images/tablet.png) no-repeat 12px 18px; }
.side_page_cont ul li.ideas { background: url(images/idea.png) no-repeat 12px 18px; }
ul li.ideas:hover { background: #f7f7f7 url(images/idea.png) no-repeat 12px 18px; }
.side_page_cont ul li.support { background: url(images/sup.png) no-repeat 12px 18px; }
ul li.support:hover { background: #f7f7f7 url(images/sup.png) no-repeat 12px 18px; }
/* Products page */
.col_cont { width: 950px; padding-left: 35px; margin-top: 10px; }
.col {
width: 260px;
float: left;
margin-top: 0;
margin-right: 45px;
margin-bottom: 35px;
margin-left: 0;
}
.col img { border: 5px solid #e7e7e7; }
.col h4 { margin: 5px 0 3px 0; }
.col h4 a { color: #6fb450; font-size: 14px; }
.col h4 a:hover { text-decoration: underline }
/* Contact page */
#contact_form { margin-bottom: 40px; }
.frm_cont { float: left; margin-right: 45px; }
.frm_cont_r { float: right; margin-right: 5px; }
#contact_form label { display: block; font-size: 18px; text-shadow: 1px 1px #fff; font-family: Georgia; font-style: italic; color: #959596; margin: 25px 0 10px 0; }
#contact_form input[type="text"], #contact_form input[type="password"], #contact_form textarea { border:1px solid #cfcfcf; padding: 13px 5px; background:#fdfdfd; line-height:1em; margin:0; }
#contact_form textarea { width: 290px; }
#contact_form button { background: url(images/submit.jpg) 0 0 no-repeat; border: none; width: 110px; height: 35px; margin-top: 5px; cursor: pointer; padding-top: 1px; text-indent: -9999px; margin-top: 25px; }
#contact_form button:hover { background-position: 0px -35px; }
.side_page_cont ul li.comment a, ul li.document a, ul li.info a, ul li.share_pic a { display: block; }
.side_page_cont ul li.comment, ul li.document, ul li.info, ul li.share_pic { padding: 20px 0 15px 75px; }
.side_page_cont ul li.comment:hover { background: #f7f7f7 url(images/comments_plus.png) no-repeat 12px 18px; }
.side_page_cont ul li.comment { background: url(images/comments_plus.png) no-repeat 12px 18px; }
.side_page_cont ul li.document { background: url(images/document_2.png) no-repeat 12px 18px; }
ul li.document:hover { background: #f7f7f7 url(images/document_2.png) no-repeat 12px 18px; }
.side_page_cont ul li.share_pic { background: url(images/laptop_play.png) no-repeat 12px 18px; }
ul li.share_pic:hover { background: #f7f7f7 url(images/laptop_play.png) no-repeat 12px 18px; }
span.list_tit_cont { font-size: 14px; color: #6fb450; }
/* Article */
.side_article_cont { margin: 40px 0 0 50px; }
.side_article_cont ul li a { display: block; }
.side_article_cont ul li:hover { background: #f7f7f7; }
/* Footer */
#footer { background: url(images/footer_bck.jpg) repeat-x; margin-top: 30px; }
#footer h4 { font-size: 16px; text-shadow: 1px 1px 1px #0d2540; color: #fff; text-align: center; height: 50px; padding: 13px 0; background: url(images/slog_bck.jpg) no-repeat 50% 46px; }
.left_foot_cont { width: 445px; float: left; margin-top: 25px; background: url(images/foot_sep.png) no-repeat right; padding-right: 24px; }
.left_foot_cont ul li { clear: both; border-bottom: 1px dashed #d0cece; margin-bottom: 15px; padding-bottom: 15px; }
.left_foot_cont ul li img { float: left; border: 2px solid #d0cece; }
.list_foot_text { padding-left: 15px; width: 180px; float: left; margin-right: 5px; }
.list_foot_text h3 { margin-bottom: 5px; }
.list_foot_text h3 a { font-size: 16px; color: #1d4777; margin-bottom: 5px; }
.list_foot_text h3 a:hover { text-decoration: underline; }
.right_foot_cont h3 { font-size: 18px; color: #1d4777; margin-bottom: 10px; }
.list_foot_text p { font-size: 10px; line-height: 1.4em; }
.foot_list_info { float: left; border-left: 1px dashed #d0cece; }
.foot_list_info ul li { padding: 0; margin: 10px 0 10px 10px; border: none; }
.foot_list_info ul li.details a { background: url(images/details.png) no-repeat; width: 108px; height: 21px; display: block; text-indent: -9999px; }
.foot_list_info ul li.support a { background: url(images/support.png) no-repeat; width: 108px; height: 21px; display: block; text-indent: -9999px; }
.foot_list_info ul li.details a:hover, .foot_list_info ul li.support a:hover { background-position: 0px -21px; }
.right_foot_cont { width: 445px; float: right; margin-top: 25px; }
.right_foot_cont ul { margin-top: 15px; }
.right_foot_cont ul li { display: inline; width: 120px; float: left; text-align: center; padding: 3px 12px; }
.right_foot_cont ul li:first-child { padding-left: 0; }
.right_foot_cont ul li img { border: 2px solid #d0cece; }
.right_foot_cont ul li { line-height: 1.1em; }
.right_foot_cont ul li a { color: #116397; font-size: 10px; display: block; margin-top: 3px; }
.right_foot_cont ul li a:hover { color: #011e31; background: #f7f7f7; }
p.inline_list { width: 200px; position: absolute; top: 30%; left: 0px; background: url(images/bck_1.png); float: left; margin: 0 0 10px 0; color: #fdfdfd; padding: 15px; font-family: Georgia; font-style: italic; font-size: 14px; }
/* Credits */
#credits { background: #21262b; border-top: 3px solid #d0cece; margin-top: 50px; padding: 8px; }
#credits p { font-size: 11px; color: #ddd; text-align: center; }