@charset "utf-8";

/*-------------------- GENERAL RULES --------------------*/

body { 
  margin:10px auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.6em; text-align:center; color:#000;
  /*background-color:#D8E9FF;*/
  background: #C2C2C2 url(../images/bg.jpg) repeat-x;
}
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#000}
h1 { font-size: 26px; margin-bottom:0.4em; color:#000; background-image:url(../images/orange_pattern.gif); display:inline; padding:5px 10px; line-height:2em }
h2 { font-size:22px;  margin-bottom:5px;line-height:1em }
h3 { font-size:16px; margin-bottom:5px;line-height:1.1em }
h4 { font-size:14px; margin-bottom:5px;line-height:1.2em}
h5, h6 { font-size:12px; margin-bottom:-10px;line-height:1.2em; font-weight:bold }
p {	margin:0px 0px 1em;	}
h1 a {color:#000;text-decoration:none;border:none;outline:none;}
a {	color:black; text-decoration:underline; border:none; outline:none }
a:hover,h1 a:hover {color:#000;text-decoration:none}
.container { width:980px; margin:0 auto;overflow:hidden; position:relative;	text-align:left; background:url(../images/container_bg.gif);  }
.header { padding:5px 0px 20px 30px; overflow:hidden; position:relative}
.featuredArea {	width:680px; height:346px;float:right;margin-bottom:20px;overflow:hidden;position:relative;display:inline;}
#featuredArea {width:680px; height:346px;float:right;margin-bottom:5px;overflow:hidden;position:relative;display:inline;}
#featuredArea img {position:relative;right:0;}
#cu3er {margin-left:10px;position:relative;}
#cu3er-container {outline:none; border:none}
.primaryContent{ width:715px; float:left; display:inline;overflow:hidden; position:relative;padding:10px 0 40px 21px;font-family:Arial, Helvetica, sans-serif;}
.sideBar { padding:5px;float:right; display:inline;width:210px;background:url(../images/bg_news_old.gif) repeat-x;margin-right:10px;}
.secondaryContent {position:relative; overflow:hidden; margin:30px 10px 30px 10px;border:1px solid #ccc;padding:10px;}
.leftBox {float:left; display:inline;width:210px; padding-left:30px}
.middleBox {float:left; display:inline;width:210px; margin-left:145px}
.rightBox { float:right; display:inline;width:180px; padding-right:40px}
.footer { width: 980px; position:relative; overflow:hidden; padding:15px 0px; margin:0 auto;border-top:3px solid #FFAA00;}

/*-------------------- HEADER SECTION --------------------*/
.logo { float:left; margin:6px 0px 0px; padding:0px; display:inline;}
.landingPage .logo {margin:56px 0 0 60px;}

.search_container {float:right; display:inline;width:450px; text-align:left; padding:0px; overflow:hidden; }
.search_container ul li {
  display: inline;
  list-style-type: square;
  padding-right: 20px;
  float:right;

}
.search_container ul li a {
  text-decoration:none;
  font-weight:bold;
}

#call_us {
  float:right; width:295px; text-align:left; padding:0px; margin-top:15px;display:inline;
}
#call_us h3 {
  color:#F90;
  font-family:Helvetica;
  font-weight:bold;
  font-size:19px;
  margin:0;
}
#call_us strong {
  color:#000;
}
/*-------------------- NAVIGATION AND FEATURED AREA --------------------*/
.navigation {
  width: 280px; float:left; padding-left:20px;
}
.navigation ul {
  text-transform:uppercase;
  background-color:#FFB82F;
  color:#4F4545;
}
.navigation ul li {list-style:none;}
/*.navigation ul li a { font-weight:bold; text-decoration: none; color: #555; outline: none; text-transform: uppercase; display: block; position: relative; overflow: hidden; font-size:14px;padding: 8px 30px 8px 40px; line-height:.80em; }
.navigation ul li a span {font-size:10px; text-transform:uppercase; color:#a3a3a3;}*/
.navigation ul li.current a {text-decoration:none; background:url(../images/orange_pattern.gif); color:white}
/*.navigation ul li a:hover { text-decoration:none; background:url(../images/orange_pattern.gif); color:#000}
.navigation ul li a:hover span { color:#fff}*/

.navigation ul.level-2 li {

}

.min {margin:1px}


/*--------------- PRIMARY CONTENT --------------*/

ul.accordion li a.orange, ul.accordion li a.black, ul.accordion li a.gray  {font-size:32px; line-height:2em; display:inline-block; padding:0px 40px; cursor:pointer; text-decoration:none}
ul.accordion li a.orange {background-image:url(../images/orange_pattern.gif); color:#000}
ul.accordion li a.black {background-image:url(../images/black_pattern.gif); color:#fff}
ul.accordion li a.gray {background-image:url(../images/gray_pattern.gif); color:#000}

.main_content {padding:10px 10px 10px 10px; font-size:12px;background:url(../images/bg_news_old.gif) left top repeat-x;}
.main_content ul {margin-bottom:15px; }
.main_content ul  li  {margin-left:25px; padding-left:5px; position:relative; font-size:12px;list-style:disc}
/* background:url(../images/bullet.gif) left center no-repeat; */
.main_content blockquote{
  font-style:italic;
  color:#9b9b9b;
  margin:0px 0px 10px 0px;
  padding:5px 10px 3px 20px;
  border-left:4px solid #ffaa00;
  background-color:#f2f2f2;
  float:left;
}
.main_content blockquote p{
  color:#9b9b9b;
  margin-bottom:5px;
}
.main_content p {margin-top:15px;text-align:justify}
.main_content p.preview {margin-top:5px; font-size:11px; font-style:italic; color:#333}
.main_content h2, .main_content h3 {margin-top:15px}
.main_content h3 a {color:#000; text-decoration:none}
.main_content h3 a:hover{color:#000; text-decoration:underline}

.main_content table{
  border:none;
  border-collapse:collapse;
}
.main_content table th{
  color:#eee;
  border:solid 1px #ccc;
  background-color:#775e5e;
}
.main_content table td{
  color:#575757;
  border:solid 1px #ccc;

}
.main_content table tr.alt td{
  color:#575757;
  background-color:#f4f4f4;
}

.main_content #t1 td , .main_content #t1 tr,.main_content #t1{
  border:none;
}

.white {color:#fff;}
.orang {color:#ff9900}


/*-------------------- PRIMARY CONTENT (PORTFOLIO) --------------------*/
.gallery {position:relative; overflow:hidden}
.gallery_row {position:relative; overflow:hidden; margin-bottom:30px}
.gallery_row a {border:none; outline:none}
.photo {position:relative; overflow:hidden; width:190px; border:1px solid #e6e6e6; font-size:0px;float:left;margin-left:24px;margin-top:10px;}

.projectTitle {text-align:center; padding:5px 10px; background:url(../images/grad_bg.gif) top repeat-x; font-size:10px; text-transform:uppercase; border-top:1px solid #fff}

/*-------------------- PRIMARY CONTENT (PORTFOLIO / BLOG / SINGLE --------------------*/

.meta_data {font-size:10px; color:#777; margin:13px 0px 3px 0px; padding:0px 0px 5px 5px; display:block; text-transform:uppercase}
.meta_data a {color:#000; text-decoration:none; font-style:italic}
.meta_data a:hover {text-decoration:underline}
.pagination { list-style:none; padding:0px; margin:0px; margin-top:10px;}
.pagination li { float:left; margin-right:5px; display:block; }
.pagination li a { padding:4px 10px; background-color:#FBFBFB; border:1px solid #EBEBEB; text-decoration:none; color:#999; display:block; outline:none; }
.pagination li a:hover { background-color:#FF9900; color:#FFF; border:1px solid #FF9900; text-decoration:none; display:block; }
.pagination li.currentPage { padding:4px 10px; background-color:#000; border:1px solid #000; text-decoration:none; color:#FFF; display:block; }
.commentWrapper {overflow:hidden; position:relative; margin-bottom:15px}
.gravatar {float:left; width:80px; height:80px}
.comment {float:right; width:330px; padding:15px 20px; background:url(../images/body_bg.gif); color:#fff; font-style:italic; font-size:12px}
.userName {color:#ff9900; font-weight:bold}
.commentMeta {color:#ccc; font-size:10px; font-style:italic; margin-left:10px; padding-left:10px; border-left: 1px solid #fff; text-transform:uppercase}
.replyComment a {font-size:10px; text-transform:uppercase; color:#ccc; font-style:normal; text-decoration:none}
.replyComment a:hover {color:#fff; text-decoration:underline}


/*--------------- SIDEBAR --------------*/
.sideBar {
  /*border-right:3px solid #0086B3;*/
  margin-top:10px;
}
.sideBar h1 {color:#000; text-decoration:none;cursor:default;line-height:2em;width:160px;}
.sideBar div#sHeader {margin:4px 0 0 5px;}
.sideBar span {font-size:18px; display:block; padding:15px 40px 15px 0px; color:#000; text-decoration:none;cursor:default;margin-left:10px;font-family:arial;}
.sideBar a.main {font-size:15px; display:block; padding:8px 40px 8px 15px; color:#000; text-decoration:none;font-weight:bold;cursor:default;}
.sideBar ul.sidebar_acc li p {padding-top:10px}
.sidebar_cnt {padding:0px 40px 10px 20px; font-size:11px}

ul.listBlack li a, ul.listOrange li a {padding:6px 40px 6px 20px;color:#000; display:block; text-decoration:none; font-size:11px; line-height:1.3em; }
ul.listBlack li a:hover {color:#fff; background-color:#000; text-decoration:none}
ul.listOrange li a:hover {color:#000; background-color:#FF9900; text-decoration:none}
ul.listOrange li a:hover span.orang {color:#fff;}

.sideBar ul.listBlack li a,.sideBar ul.listOrange li a  {font-size:12px;}

/*-------------------- SECONDARY CONTENT --------------------*/
.secondaryContent p {font-size:11px; line-height:1.4em; color:#666}
.bigTitles {font-size:16px; color:#000; margin:0px; padding:0px}
.captions {font-size:10px; color:#a3a3a3; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #ccc; display:block}

/*-------------------- FOOTER SECTION --------------------*/
.footerNavigation { width:400px; float:left; }
.footerNavigation ul { font-size:10px; text-transform:uppercase}
.footerNavigation ul li { float:left; }
.footerNavigation ul li a { color:#999; text-decoration:none;display:block ;padding-right:5px; padding-left:5px }
.footerNavigation ul li a:hover { color:#000; text-decoration:none; background-color:#ff9900; }
.footerNavigation ul li a.currentPage { color:#000; text-decoration:none;background-color:#ff9900; }
.notes { float:right; color:#fff }

/*-------------------- MISC --------------------*/
.divider { border-bottom:1px solid #e6e6e6; margin:0px 0px 0px 0px; }
.clear , .clearf { clear:both; margin:0px; padding:0px; display:inline;}
.submitButton { background-color:#FF9900; border:none; border-style:none; padding:10px; font-family:Arial, Helvetica, sans-serif; outline:none; outline-style:none; font-size:11px; text-transform:uppercase; color:#fff }
.imgleft {float:left; margin:0px}
hr {border:0; background-color:#e6e6e6; height:1px; color:#e6e6e6}
.info {padding:4px 0px; font-size:11px; color:#333; margin:5px 0 10px}

/*-------------------- CONTACT FORM (For contact and blog pages) --------------------*/
#formcontainer { width:700px; overflow:hidden; position:relative; padding:0px; margin:0px; }
#commentForm {
  padding:10px;
}
#commentForm label {}
#commentForm input {}
.item { float:left; }
.nameLabels {font-size:10px;text-transform:uppercase}
.itemRow { position:relative; overflow:hidden; margin-bottom:10px; }
.formElement { width:250px; background-image:url(../images/gray_pattern.gif); color:#fff; padding:8px 8px 10px 8px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:0}
.item input.error {border-color:#F50035;}
.errorSummary
{
  border: 2px solid #C00;
  padding: 7px 7px 12px 7px;
  margin: 0 0 10px 0;
  background: #FEE;
  font-size: 0.9em;
  width:650px;
}

.errorMessage
{
  color: red;
  font-size: 0.9em;
}

.errorSummary p
{
  margin: 0;
  padding: 5px;
}

.errorSummary ul
{
  margin: 0;
  padding: 0 0 0 20px;
}

/*-------------------- MAIL ACKNOWLEDGMENT --------------------*/

#mail_success, #mail_fail { display:none }

#mail_success, #mail_success_no_JS {color:#000; background:url(../images/orange_pattern.gif); padding:25px 30px; }
#mail_success h2, #mail_success_no_JS h2 { color:#000; margin-bottom:5px; }

#mail_fail, #mail_fail_no_JS {color:#fff; background:url(../images/body_bg.gif); padding:25px 30px; }
#mail_fail h2, #mail_fail_no_JS h2 { color:#ff9900; margin-bottom:5px; }

#mail_fail a, #mail_fail_no_JS a {color:#ff9900; text-decoration:none}
#mail_fail a:hover, #mail_fail_no_JS a:hover {text-decoration:underline}

#breadcrumbs {
  display:none;
}

/*-------------------- CUSTOM --------------------*/
.cols2 {float:left;width:310px;margin:10px 0 0 20px;display:inline;}
.ft-title { padding: 10px 10px; width: 680px; text-align: left;}
.ft-title a {font-size:14px;font-weight:bold;color:#fff;text-decoration:none;font-style:italic;}
.col50 {
  float:left;
  width:300px;
  margin:10px 0 0 20px;
  display:inline;
}
.col100 {
  margin:10px 0 0 20px;
  width:700px;
}
.col50 .itemRow {overflow:visible;}
.col50 .itemRow input {width:100%;}
.col100 .itemRow textarea {width:620px;}
.captchaHolder {padding: 0pt 0pt 0pt 70px;}
.captchaBtn {display:block;margin-top:10px;}
#shadowArea {
  background:url("../images/shadow.png")  no-repeat scroll 0 0 ;
  height:138px;
  overflow:hidden;
  width:680px;;
  z-index:1;
  margin-top:-62px;
}
.confirmation {
  text-align:center;
  width:650px;
  border: 2px solid #00e500;
  padding: 7px 7px 12px 7px;
  margin: 0 0 10px 0;
  background: #56ff56;
}

/* landing page */
#landingForm, #landingOffer {
  float:left;
  display:inline;
}
#landingForm {
  width:310px;
  margin-left:10px;
  margin-top:24px;
}

#landingForm form {
  /* background-color: #EAEAEA; */
  /* background-color: #FF9900; */
  background-color:#14aadd;
  padding:20px;
  margin-top:10px;
}

#landingForm .submitButton:hover{
  background-color:#FF6F00;
  cursor:pointer;
  font-size:15px;
}

#landingForm form input.error {
  border:1px solid red;
}

#landingForm form input {
  border: 1px solid #CCC;
  padding: 5px;
  width:259px;
}

#landingForm form .errorMessage {
  margin-top:-14px;
  color:#fff;
}

#landingForm form label{
  font-weight:bold;
}

#landingOffer {
  width:640px;
  margin-left:10px;
}

#fList {
  margin:0 auto;
}

#fList td {
  font-size:16px;
  color:#FF9900;
}
#fList td img {
  padding:0;
  margin:0;
}
#oList .photo {
  width:270px;
  margin-left:23px;
  float:left;
  display:inline;
}

#landingOffer #oList .hover {
  border:1px solid #FFAA00;
}

#oList .photo .projectTitle {
  font-size:11px;
}
#oList .photo .projectTitle span {
  font-weight:bold;
  text-transform:lowercase;
}

.ui-tabs-hide {
  display: none;
}

#tabsnav {
  width: 640px;
  height: 33px;
  margin-left:-20px;
}

#tabsnav li {
  height: 29px;
  float: right;
  display: inline;
  margin: 4px 0 0 0;
}

#tabsnav li a, #tabsnav li a:link, #tabsnav li a:visited {
  height: 22px;
  float: left;
  display: inline;
  background: #e2e2e2;
  padding: 7px 18px 0 18px;
  font-size: 1.2em;
  color: #adadad;
  font-weight: bold;
  text-decoration: none;
}

#tabsnav li a:hover {
  color:#FF9900;
}

#tabsnav li.ui-tabs-selected {
  height: 34px;
  background: url(../images/tabsactive_left.png) no-repeat;
  margin: 0;
  text-decoration: none;
}

#tabsnav li.ui-tabs-selected a, #tabsnav li.ui-tabs-selected a:link, #tabsnav li.ui-tabs-selected a:visited {
  height: 23px;
  float: left;
  display: inline;
  background: url(../images/tabsactive_right.png) no-repeat 100% 0;
  padding: 11px 18px 0 18px;
  color: #333;
  text-decoration: none;
}

#tabsnav li.ui-tabs-selected a:hover {
  text-decoration: none;
}

.tabscontent {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-top:1px solid #E0E0E0;
  padding: 15px 17px;
  background: #f6f6f6;
  margin: 0 0 24px 0;
  float:left;
}

.tabscontent p {
  font-size: 1.2em;
  color: #333;
  line-height: 1.6em;
}

#panel2 p {
  font-size:12px;
  color: #333;
  text-align:justify;
}
#panel2 ul li {
  list-style:disc;
  margin:15px;
  text-align:justify;
}

#landingForm .confirmation {
  width:auto;
  font-weight:bold;
  margin-top:10px;
  padding-top:50px;
  height:65px;
}
.planLink {
  color:red;
  font-weight:bold;
}

#formTitle {
  color:#FFFFFF;
  font-size:25px;
  font-weight:bold;
  margin:0 0 0.7em;
  line-height:0.9;
}
.inputHint {
  font-style:italic;
}
#badge {
  position:absolute;
  z-index:6;
  left:250px;
  top:110px;
}