@import 'cumquat/clear.css';
@import 'cumquat/structure.css';
@import 'cumquat/typography.css';
@import 'cumquat/common.css';
@import 'generic.css';


a:link, a:visited {
  color: #cce9f8;
}

body, p, h1, h2, h3, h4, ol, ul, li, form, table, td, th, fieldset, pre {
  color: #415157;
}

#header p, #header h1, #header h2, #header h3, #header h4, #header ol, #header ul, #header li, #header form, #header table, #header td, #header th, #header fieldset, #header pre {
  color: #ffffff;
}

.page-center-content {
  width: 960px;
  background-color: #fff;
}


body {
  background: #2b2b2b url("../images/background.jpg") no-repeat center top;
}

#home {
  background: #515a5d url('../images/page_bg.png') repeat-x top left;
}


/* columns */
.columns{
  width : 100%;
  display : block;
  clear : both;
}
.columns-wrapper{
  position:relative;
  clear:both;
  float:left;
  width:100%;
  overflow:hidden;
}
.column-left, .column-right, .column-middle{
  width : 33%;
  float : left;
  position : relative;
  padding : 0;
  margin : 0;
  overflow : hidden;
  text-align: left;
}
.column-left .column-content, .column-middle .column-content{
  border-right: 1px solid #40494F;
}
.column-middle{ width : 34%; }
.column-content{padding: 5px;}
.column-content p{padding-bottom : 10px; text-align : justify;}

.columns-two .column-left, .columns-two .column-right{
  width : 50%;
}

/***** navigation *****/
#navigation-wrap {
  background: transparent url('../images/header_bg.jpg') no-repeat center top;
  /*border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #54595e;*/
}
#navigation-wrap .page-center-content{
  background: #242424 url('../images/header_bg.jpg') no-repeat center top;
  position: relative;
}


#navigation {
  padding: 0;
}


#header-wrap {
  background: transparent url('../images/title-big.png') repeat-x center top;
  min-height : 90px;
}

#page_index #header-wrap {
  /*height : 288px;*/
}
#page_index #header {
  background: transparent url('../images/title-big-light.png') no-repeat center top;
  min-height: 320px;
}

#header {
  text-align: left;
  border-bottom: 1px solid #1D2226;
}

#logo {
  text-align: left;
  position: absolute;
  left: 0;
  top: 0;
  height: 70px;
  overflow: hidden;
}

#header h2 {
  font-size: 18px;
  line-height: 20px;
}

#home #header h1 {
  padding-top: 60px;
}

#home #header #register {
  margin-top: 20px;
}

#home h2 img {
  vertical-align: middle;
  margin-right: 7px;
}


/***** content *****/
#content-wrap {
}
#content {
  padding: 0;
}
#content a:link, #content a:visited {
  color: #32383A;
}
#content ul.list > li{
  border-bottom : 1px dotted #ccc;
  padding-bottom : 3px;
  margin-bottom : 3px;
}
#content .column-left .column-content, #content .column-middle .column-content, #content .column-right .column-content{
  padding: 10px;
  height: auto;
}
#content h2{
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  display: block;
  border-bottom: 1px solid #f2f2f2;
}

/***** charts *****/
.charts{
  border-bottom: 1px solid #40494F;
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.charts .box{
  width: 25%;
  float: left;
  overflow: hidden;
}
.charts .box .column-content{
  padding: 10px;
}
.charts .box .chart{
  border-right: 1px solid #40494F;
}

#features {
  width: 500px;
}

.feature-image {
  float: right;
  border: 5px solid #e4e6e7;
  margin-left: 20px;
}


#login-form {
  float: right;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #d9dcde;
  padding-left: 50px;
  margin-top: 20px;
}

#login-form {
  width: 300px;
}

#login-form table {
  width: 300px;
}


/* main nav */

.main-nav-wrapper{
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 70px 0 0 0;
  float: right;
}
#main-nav {
  padding: 0;
  display: block;
  width: 980px;
}

#main-nav li {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  color: #ffffff;
  width: 245px;
  text-align: center;
}

#main-nav li img {
  vertical-align: middle;
  margin-left: 3px;
}

#main-nav a {
  display : block;
  color: #fe8c22;
  padding: 5px;
  font-weight: bold;
  background-position : right -20px;
  background-repeat : no-repeat;
  border-top: 1px solid #414141;
  border-right: 1px solid #414141;
  background-color: #000;
}
#main-nav a div {
  display : block;
  padding : 2px 0 0 10px;
  background-position : left -20px;
  background-repeat : no-repeat;
  height : 18px;
  overflow : hidden;
}
#main-nav a:hover, #main-nav a:hover div, #main-nav li.active a, #main-nav li.active a div{
  text-decoration : none;
  background-image : url("../images/nav-bg.png");
  color : #ffffff;
  background-color: transparent;
}


/****** footer *******/

#footer-wrap .page-center-content {
  background-color: #1D2226;
  color: #999;
  font-size: 1em;
  /*border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #cccccc;
  background-color: #fafafa;*/
}
#footer-wrap .column-left{width: 25%;}
#footer-wrap .column-middle{width: 80%; text-align: left;}
#footer-wrap .column-right{
  width: 25%;
  text-align: center;
}
#footer-wrap .column-left .column-content, #footer-wrap .column-middle .column-content, #footer-wrap .column-right .column-content{
  height: 4em;
  border: 0;
}
#footer-wrap a{
  display: inline-block;
  padding: 3px 5px;
}
#footer-wrap a:link, #footer-wrap a:visited{
  color: #999;
}
#footer-wrap a:hover{
  color: #fff;
  text-decoration: none;
}

.inner{padding: 15px;}
a.readmore{
  display: block;
  /*width: 110px;*/
  height: 21px;
  /*background: transparent url("../images/readmore.png") no-repeat left top;
  text-indent: -999px;*/
  float: right;
}
a.readmore:hover{
  background-position: 0 -21px;
}

/***** slider *****/
#top_slider{
  margin: 0;
  display: block;
  padding: 10px;
  overflow: hidden;
  height: 325px;
  width: 940px;
}
#top_slider .panel-image{
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
}
#top_slider .panel-image img{
  position: absolute;
  left: 0;
  top: 0;
}
#top_slider .panel-list{
  width: 100%;
  overflow: hidden;
  position: relative;
  background-color: #1D2226;
  border-top: 1px solid #fff;
}
#top_slider .panel-list-items .item{
  height: 120px;
}
.panel-list .panel-list-wrapper{
  width: 55%;
  position: relative;
  margin: 0;
  overflow: hidden;
  float: left;
}
.panel-list .panel-list-wrapper .panel-list-items{
  width: 2000em;
}
.panel-list-items .item{
  color:#FFFFFF;
  cursor:pointer;
  float:left;
  margin-right:10px;
  overflow:hidden;
  text-align:center;
  width:132px;
  padding: 0 10px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.panel-list-items .active{
  background-color: #2b3136;
  border-left: 1px solid #495157;
  border-right: 1px solid #495157;
}
.panel-list-items .hover{
  background-color: #23292d;
  border-left: 1px solid #373e44;
  border-right: 1px solid #373e44;
}
.panel-list-items span.current-arrow {
  display:block;
  height:8px;
  margin:0 auto 10px;
  width:15px;
}
.panel-list-items .active span.current-arrow {
  background-image:url("../images/sprite-dark.gif");
  background-position:0 -275px;
  background-repeat:no-repeat;
}

/***** signup *****/
.panel-signup{
  width: 45%;
  height: 120px;
  position: relative;
  margin: 0;
  overflow: hidden;
  float: left;
}
.panel-signup form{
  padding: 0;
  margin: 0;
  padding-top: 20px;
}
.panel-signup form input{
  margin: 0;
  padding: 0;
  float: left;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.panel-signup form input[type=text]{
  width: 217px;
  height: 22px;
  background: transparent url("../images/signup.png") no-repeat 0 0;
  border: 0;
  display: inline;
  padding: 10px;
}
.panel-signup form input[type=submit]{
  width: 170px;
  height: 33px;
  background: transparent url("../images/signup.png") no-repeat -236px -32px;
  border: 0;
  display: inline;
  padding: 0;
  text-indent: -9999px;
}
.panel-signup form input[type=submit]:hover{
  background: transparent url("../images/signup.png") no-repeat -236px 0;
}
.panel-signup .signup-text{
  width: 100%;
  height: 28px;
  text-indent: -9999px;
  background: transparent url("../images/signup.png") no-repeat 0 100%;
}
.panel-signup .text2{
  background-position: 0 -70px;
}

/***** pages *****/
#page_index #top_slider{
  height: 460px;
}
#page_index  #top_slider .panel-image{
  height: 335px;
}
#page_about #content-wrap .column-content, #page_services #content-wrap .column-content,
#page_contact #content-wrap .column-content, #page_sitemap #content-wrap .column-content{
  padding: 20px;
  /*min-height: 400px;*/
}
#page_about #top_slider .panel-list{
  background: url("../images/banner_6.jpg") no-repeat 0 100%;
}
#page_services #top_slider .panel-list{
  background: url("../images/banner_5.jpg") no-repeat 0 100%;
}
#page_contact #top_slider .panel-list{
  background: url("../images/banner_4.jpg") no-repeat 0 100%;
}
#page_contact #content input[type=submit]{
  background-color: orange;
  border-color: #FE8C22;
}
#page_sitemap #top_slider .panel-list{
  background: url("../images/banner_7.jpg") no-repeat 0 100%;
}

ul.sitemap, ul.sitemap li{
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.sitemap{
  margin-left: 20px;
}
ul.sitemap li{
  width: 300px;
}
ul.sitemap li a{
  display: block;
  padding: 10px;
  border-bottom: 1px dotted #f2f2f2;
}
ul.sitemap li a:hover{
  display: block;
  padding: 10px;
  border-bottom: 1px dotted #2f2f2f;
  background-color: #FAFAFA;
  text-decoration: none;
  color: #FE8C22;
}