/*
Optima Professional Template
Created: 6/2009
By: myTheme at ThemeForest.net
http://themeforest.net/user/myTheme
*/


body {font:76% Arial,'Helvetica Neue',Helvetica,sans-serif;line-height:1;background:#fff url(../img/body-bg.png) repeat-x;color:#222;border-top:4px solid #c40000;text-align:center;}

* {margin:0;padding:0;}
img, form fieldset {border:none;}
ul {list-style:none;}
a {text-decoration:none;}
:focus {outline:0;}


/*
LAYOUT  -------------------------------------*/

#wrapper {width:780px;margin:0 auto;text-align:left;}

#header {height:187px;border-bottom:10px solid #c40000;position:relative;}
/*#home #header {margin-bottom:15px;}*/

#contentArea {clear:both;float:left;padding:10px 0 10px 0;margin-bottom:25px;width:780px;/*border-bottom:2px solid #eee;*/background:url(../img/contentArea-bg.png) 520px 30px no-repeat;}
#home #contentArea {background:none;padding:30px 0;}

#intro {float:left;width:780px;  padding-bottom:20px; }

#intro2{float:left;width:780px; margin-right:20px; padding-top:20px; margin-bottom:30px;}
#intro2 a{background-color:#333333; color:#FFFFFF; padding:1px 7px 1px 7px; font-size:11px;}

#primaryContent {float:left;width:480px;}


#secondaryContent {float:right;width:245px;}


#footerArea {background:#1a1915 url(../img/footerArea-bg.png) repeat-x;text-align:center;clear:both;padding:26px 0 0px 0;}
#footerContent {margin:0 auto;width:780px;padding:30px 0 0 0;text-align:left;border-top:10px solid #c40000;}
.footerColumn {float:left;width:240px;padding:0 30px 40px 0;}
.footerColumn.last {float:right;padding-right:0;}

#footerBottom {clear:both;margin:0 auto;height:60px;padding:10px 0 0 0;width:780px;border-top:1px solid #333;}


/*
TYPOGRAPHY  -------------------------------------*/

a.logo {width:250px;height:111px;position:absolute;left:0px;bottom:35px;/*background:url(../img/logo.png) no-repeat;*/text-indent:-9999px;}

h1 {font-size:2.2em;font-weight:bold;letter-spacing:-1px;color:#c40000;}
#intro h1 {font-size:2.2em;color:#555;border-bottom:2px solid #eee;padding-bottom:2px;}

#intro h2 {font-size:2.2em;color:#c40000; padding-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif;}

h2 {font-size:18px;color:#c40000; padding-bottom:2px; font-family:Georgia, "Times New Roman", Times, serif;}

.latest_news_date{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999;}

#contentArea h2 {clear:both;font-size:1.6em;color:#c40000;padding-top:10px; font-family:Georgia, "Times New Roman", Times, serif;}
#contentArea h2 a {color:#444;}
#contentArea h3 {clear:both;font-size:1.4em;color:#c40000;padding-top:10px; font-family:Georgia, "Times New Roman", Times, serif;}
#contentArea h4 {clear:both;font-size:1.2em;color:#c40000;padding-top:10px; font-family:Georgia, "Times New Roman", Times, serif;}

#secondaryContent h2 {font-size:1.2em;color:#c40000;padding-top:5px;}
#secondaryContent h3 {font-size:1.1em;color:#c40000;}

#footerContent h2 {font-size:1.1em;color:#fff;padding-bottom:3px;clear:both;font-weight:bold;}
#footerContent h3 {font-size:1em;color:#ccc;padding-top:10px;font-weight:bold;}

#contentArea p {clear:both;font-size:1.1em;line-height:1.5em;padding:5px 0;color:#444; text-align:justify;}
#contentArea p a, #footerContent p a {color:#fff;}
#contentArea p a:hover {border-color:#999;}


#contentArea blockquote p {color:#000;padding-left:20px;width:385px; text-align:justify;background:url(../img/quote-bg.gif) 0 10px no-repeat; border-left:10px solid #E42322; margin-bottom:20px; margin-top:20px; margin-left:60px; padding-top:0px; padding-bottom:0px; padding-right:0px; line-height:20px; font-size:14px; }

#contentArea #intro p {font-size:1.1em;line-height:1.4em;color:#444;padding-bottom:10px;}
#contentArea #intro p a {color:#444;border:none;}
#contentArea #intro p a:hover {color:#000;}

#contentArea .note3 {float:left;font-size:12px;color:#666;background: #f8f8f8 url(../img/note-bg.png) 0 100% no-repeat;padding:15px 15px 20px 10px;width:220px;margin-top:1px;border-top:1px solid  #e9e9e9; text-align:left; margin-right:14px; line-height:20px;}


#primaryContent .note3 img{padding-right:20px; margin-bottom:5px;}
#primaryContent .note3 a{background-color:#333333; color:#333; padding:1px 7px 1px 7px; font-size:11px;}

#contentArea .note3 img{padding-right:20px; margin-bottom:5px;}
#contentArea .note3 a{background-color:#333333; color:#fff; padding:1px 7px 1px 7px; font-size:11px;}

#secondaryContent p {color:#666;font-size:1em; }
#footerContent p {clear:both;color:#aaa;line-height:1.em;padding:5px 10px 0 0;font-size:1em;}


a.readMore {background-color:#e42322;color:#fff;padding:3px 16px 3px 16px; font-weight:bold; margin-top:10px;}
a.readMore:hover {text-decoration:none;}

a.readMore2 {color:#e42322;padding:3px 16px 3px 0px; text-decoration:underline; margin-top:4px;}
a.readMore2:hover {text-decoration:none;}


#footerBottom p {float:center;clear:none;padding-bottom:3px;text-align:right;font-size:11px;color:#444;line-height:20px;}
#footerBottom p a {color:#666;font-weight:normal;border:none;}
#footerBottom p a:hover {color:#aaa;}

p.breadcrumbs {float:left;height:12px;font-size:.9em;color:#999;border-bottom:1px solid #eee;padding:10px 0 5px 0;width:100%; margin-bottom:20px;}
p.breadcrumbs a {color:#666;}
p.breadcrumbs a:hover {text-decoration:underline;}

#secondaryContent p.note {float:left;font-size:.9em;color:#666;background: #f8f8f8 url(../img/note-bg.png) 0 100% no-repeat;padding:15px 15px 20px 15px;width:210px;margin-top:15px;border-top:1px solid  #F0F0F0; text-align:left;}
#secondaryContent p.note a {color:#222;}
#secondaryContent p.note a:hover {}
#secondaryContent p.note img{ margin-bottom:10px;}

#secondaryContent p.note2 {float:left;font-size:12px;color:#222;background: #f8f8f8 url(../img/note-bg2.png) 0 100% no-repeat;padding:15px 15px 20px 15px;width:220px;margin-top:15px;border-top:1px solid  #F0F0F0;}
#secondaryContent p.note2 a {color:#222; font-size:0.9em;}
#secondaryContent p.note2 a:hover {}


.h_project{color:#fff; background-color:#E42322; margin-top:30px; margin-bottom:2px; padding:5px 15px 5px 15px; font-size:20px; width:auto; font-family: Helvetica, Verdana, Arial, sans-serif; letter-spacing:2px;}

.h_index{color:#fff; background-color:#E42322; margin-top:10px; margin-bottom:8px; padding:5px 15px 5px 15px; font-size:22px; width:240px; font-family: Helvetica, Verdana, Arial, sans-serif; letter-spacing:2px;}


.h_news{color:#fff; background-color:#E42322; margin-top:30px; margin-bottom:2px; padding:5px 15px 5px 15px; font-size:20px; width:260px; font-family: Helvetica, Verdana, Arial, sans-serif; letter-spacing:2px;}


.h2_project{color:#fff; background-color:#21201a; margin-top:0px; margin-bottom:20px; padding:5px 15px 5px 15px; font-size:11px; width:80px; font-family: Helvetica, Verdana, Arial, sans-serif; letter-spacing:1px;}

.h3_project{color:#fff; background-color:#21201a; margin-top:0px; margin-bottom:20px; padding:5px 15px 5px 15px; font-size:10px; width:170px; font-family: Helvetica, Verdana, Arial, sans-serif; letter-spacing:1px; text-transform:uppercase;}


.h_footer{color:#fff; background-color:#E42322; margin-top:3px; margin-bottom:10px; padding:5px 5px 5px 10px; font-size:10px; width:200px; font-family: Helvetica, Verdana, Arial, sans-serif; text-transform:uppercase;}


hr {border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;margin:60px 0 30px 0;height:0;}
.required {color:#E42322;font-weight:bold;}


.twentyseven{color:#fff; background-color:#E42322; font-family: Helvetica, Verdana, Arial,  sans-serif; font-weight:bold; font-size:11px; /*font-style:italic;*/ letter-spacing:0px; /*background-color:#333333;*/ padding:1px 6px 1px 6px;}

.twentyseven2{color:#fff; background-color:#E42322; font-family: Helvetica, Verdana, Arial,  sans-serif; font-weight:bold; font-size:20px; /*font-style:italic;*/ letter-spacing:0px; /*background-color:#333333;*/ padding:1px 6px 1px 6px;}

.twentyseven a{color:#fff; font-family: Helvetica, Verdana, Arial,  sans-serif; font-weight:bold; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; letter-spacing:0px; background-color:#E42322; padding:4px;}

.section_head{ margin-bottom:-30px;}

.section_head_intro{ margin-bottom:20px; }

.section_head_intro2{ margin-bottom:20px; margin-top:-20px; }

.fussnote{font-size:10px; color:#999999; font-style:normal; }

#error_text{padding:10px 10px 10px 0px;}

.error{color:#FF0000; font-weight:bold;}
.right{color:#00CC33; font-weight:bold;}


/*
IMAGES  -------------------------------------*/

#primaryContent p{line-height:23px; text-align:left;}
#primaryContent p img {float:left;margin:5px 8px 0 0;border:3px solid #e8e8e8;}
#primaryContent p img.right {float:right;margin:5px 0 0 8px;}

#primaryContent .link_service {background-color:#333333; color:#FFFFFF; padding:1px 7px 1px 7px; font-size:11px;}

#primaryContent img.bigImage {float:left;margin:10px 0;border:5px solid #191814;}
#primaryContent img.bigImage:hover {border-color:#E42322;}

#secondaryContent img {float:left;}
#secondaryContent a img:hover {border-color:#eee;}

#footerBottom img {float:left;}

a.rss {background:url(../img/rss.png) no-repeat;width:220px;height:28px;text-indent:-9999px;float:left;margin:10px 0 0 0px;}
a.rss:hover {background-position:bottom left;}


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

ul.mainNavi {position:absolute;right:0;bottom:0;}
ul.mainNavi li {float:left;width:80px;border-right:1px solid #222;}
ul.mainNavi li a {display:block;font-size:1.1em;padding:135px 6px 15px 15px;color:#fff;height:36px;}
ul.mainNavi li a:hover {background:#21201a;}

ul.mainNavi li.current {background:#141414 url(../img/navi-bg.png) 0 100% repeat-x;}
ul.mainNavi li.current a {color:#fff;font-weight:bold;}
/*ul.mainNavi li.current a:hover {background:url(../img/navi-bg.png) repeat-x;}*/

ul.mainNavi li .navi-description {font-size:.7em;color:#777;display:block;text-transform:none;padding-top:2px;font-weight:normal;}
ul.mainNavi li.current .navi-description {color:#777;}


/*
LISTS  -------------------------------------*/

#contentArea ul, #contentArea ol {padding:5px 0 5px 28px;color:#c40000;}
#home #contentArea ul {padding:0;}
#contentArea ul span, #contentArea ol span {color:#444;font-weight:normal;}
#contentArea ul {list-style-type:disc;}
#contentArea ul li, #contentArea ol li {font-size:1.1em;line-height:1.5em;}

#secondaryContent ul, #secondaryContent ol {padding:5px 0;padding-left:16px;color:#c40000;}
#secondaryContent ul li, #secondaryContent ol li {color:#555;}
#secondaryContent ul.secondaryNavi {list-style-type:none;padding:3px 0 10px 0;}
#secondaryContent ul.secondaryNavi li {}
#secondaryContent ul.secondaryNavi li a {display:block;padding:3px 0;color:#333;background:url(../img/secondaryNavi-bg.png) 0 50% no-repeat;padding-left:14px;border-bottom:1px solid #eee;}
#secondaryContent ul.secondaryNavi li a:hover {color:#000;background-position:1px 50%;}

#primaryContent ul.projectInfo {margin:0;padding:0 0 0 12px;list-style:none;}
#primaryContent ul.projectInfo li {font-size:1em;padding-left:20px;color:#000;background:url(../img/productInfo-bg.png) 0 50% no-repeat;}

#footerContent ul {padding-top:5px;}
#footerContent ul li {color:#aaa;line-height:1.4em;font-size:1em;}
#footerContent ul li span {color:#444;font-size:.9em;}
#footerContent ul li a {color:#aaa;}

/* Contact info in the contact page */
#secondaryContent ul.contactInfo {list-style:none;padding:0 30px 0px 0;}
#secondaryContent ul.contactInfo li {padding:0px  0px 0px;color:#666;}
ul.contactInfo li a {color:#C40000;font-weight:normal;border:none;}
ul.contactInfo li.address {color:#C40000;}
ul.contactInfo li.phone {background:url(../img/phone.png) 0 50% no-repeat;}
ul.contactInfo li.email {background:url(../img/email.png) 0 50% no-repeat;}

ul.contactInfo li.contact_label {list-style:none; color:#000;}


/*
BLOG  -------------------------------------*/

#primaryContent p.blogInfo {font-size:11px;color:#fff; background-color:#222; width:120px; font-family: Helvetica, Verdana, Arial,sans-serif; padding:0px 15px 0px 15px; margin-bottom:15px;}
#primaryContent p.blogInfo span {color:#bbb;}

#primaryContent #comments {float:left;clear:both;margin-top:5px;border-top:1px solid #eee;}
#primaryContent #comments .commentInfo {float:left;clear:both;width:60px;}
#primaryContent #comments .commentInfo img {width:40px;height:40px;border:2px solid #eee;margin-top:10px;}
#primaryContent #comments p span.commentAuthor {color:#555;display:block;}
#primaryContent #comments p span.commentAuthor a {font-weight:bold;border:none;color:#555;display:block;}
#primaryContent #comments p span.commentDate {font-size:.9em;color:#999;display:block;}
#primaryContent #comments p.commentText {float:left;clear:none;width:420px;font-size:1em;color:#555;padding-top:10px;}
#primaryContent #comments p.commentText a {color:#555;}


/*
TWITTER  -------------------------------------*/

#twitter {float:left;clear:both;width:680px;padding:30px 20px 30px 80px;background:url(../img/webdesign-2.png) 5px 5px no-repeat; margin-top:30px; /*border:3px solid #CCCCCC;*/}

#twitter-w {float:left;clear:both;width:200px;/*padding:30px 20px 30px 50px;background:url(../img/webdesign-2.png) 5px 5px no-repeat;*/ margin-top:30px; /*border:3px solid #CCCCCC;*/}
#twitter-w p {float:left;clear:both;font:14px Georgia,Times,'Times New Roman',serif;line-height:1.2em;color:#888;font-style:italic;}
#twitter-w p a {color:#c40000;}

#twitter-p {float:left;clear:both;width:200px;/*padding:30px 20px 30px 50px;background:url(../img/printdesign-2.png) 5px 5px no-repeat;*/ margin-top:30px; /*border:3px solid #CCCCCC;*/}
#twitter-p p {float:left;clear:both;font:14px Georgia,Times,'Times New Roman',serif;line-height:1.2em;color:#888;font-style:italic;}
#twitter-p p a {color:#c40000;}

#twitter-3 {float:left;clear:both;width:200px;/*padding:30px 20px 30px 50px;background:url(../img/3ddesign-2.png) 5px 5px no-repeat;*/ margin-top:30px; /*border:3px solid #CCCCCC;*/}
#twitter-3 p {float:left;clear:both;font:14px Georgia,Times,'Times New Roman',serif;line-height:1.2em;color:#888;font-style:italic;}
#twitter-3 p a {color:#c40000;}

#twitter p {float:left;clear:both;font:14px Georgia,Times,'Times New Roman',serif;line-height:1.2em;color:#888;font-style:italic;}
#twitter p a {color:#c40000;}
#twitter p a:hover {border-bottom:2px solid #eee;}
#twitter a.follow {font:.8em Arial,'Helvetica Neue',Helvetica,sans-serif;color:#999;line-height:2em;}
#twitter a.follow:hover {color:#444;border:none;}

/*
TWITTER2  -------------------------------------*/

#twitter2 {float:left;clear:both;width:auto;padding:0 0 20px 0px;}
#twitter2 p {float:left;clear:both;font:13px Arial, Georgia,Times,'Times New Roman',serif;line-height:1.2em;color:#888;font-style:italic; text-align:justify;}
#twitter2 p a:hover {border-bottom:2px solid #eee;}
#twitter2 .follow2 {font:11px Arial,'Helvetica Neue',Helvetica,sans-serif;color:#C40000;line-height:22px; text-align:right;}
#twitter2 img {margin-bottom:10px;}


/*
TABLES  -------------------------------------*/

table {margin:10px 0;border-collapse:collapse;}    
table thead th {padding:5px 22px;}
table tbody th, table tbody td {padding:5px 22px;color:#444;}
table thead th {background:#c40000;color:#fff;}
table tbody {font-size:.9em;}
table tbody tr.alt {background-color:#eee;}


/*
FORMS  -------------------------------------*/

form fieldset input, form fieldset textarea, select {/*background:#f7f7f7 url(../img/form-bg.png) repeat-x;*/border:1px solid #ddd;color:#666;font:1em Verdana,sans-serif;padding:3px; width:430px; margin-bottom:10px;}
form fieldset input:focus, form fieldset textarea:focus {border:2px solid #E42322;background:#fff;}
form fieldset label {color:#444;font-size:1em;padding:10px 0 3px 1px;display:block;}
form fieldset .button{background-color:#333; color:#FFFFFF; width:100px; padding:5px;}

form#search fieldset {margin-bottom:10px;padding:10px 0;border-bottom:1px solid #222;}
form#search fieldset input {width:190px;}
form#search fieldset input#searchSubmit {background:#c40000;width:30px;border:none;color:#222;cursor:pointer;font-weight:bold;}
form#search fieldset input#searchSubmit:hover {color:#555;}

form#contact fieldset textarea {width:425px;overflow:auto;margin-bottom:10px;}
form#contact fieldset .radio {border:none;background:none;margin:3px 0 3px 2px;font-size:.9em;color:#666;}
form#contact fieldset .button {padding:3px 25px;border:0;cursor:pointer;color:#fff;background:#333; margin-top:10px; margin-left:330px; width:200px;}
form#contact fieldset .button:hover {background:#222;}


/*
HOMEPAGE SLIDESHOW -------------------------------------*/

#slideshowArea {float:left;width:770px; margin-top:10px;}
#slideshow {border:5px solid #191814;}
#slideshow ul, #slideshow li {list-style:none;width:770px;height:240px;margin:0;padding:0;overflow:hidden;}

#prev, #next {float:left;display:block;width:22px;height:22px;margin:12px 0 10px 2px;}

#prev a, #next a {display:block;background:url(../img/sliderPrev.png) no-repeat;width:22px;height:22px;text-indent:-9999px;}
#next a {background:url(../img/sliderNext.png) no-repeat 0 0;}




/*
EASY SLIDER -------------------------------------*/

#slider {float:left;margin-top:5px;border:5px solid #ddd;}
#slider:hover {border-color:#eee;}
#slider ul, #slider li {margin:0;padding:0;list-style:none;}
#slider li {width:470px;height:180px;overflow:hidden;}

#prevBtn, #nextBtn {float:left;display:block;width:22px;height:22px;margin:8px 0 10px 2px;}

#prevBtn a, #nextBtn a {display:block;background:url(../img/sliderPrev.png) no-repeat;width:22px;height:22px;text-indent:-9999px;}	
#nextBtn a {background:url(../img/sliderNext.png) no-repeat 0 0;}

#slider li p {float:right;display:block;}