/*----------------------------------------------------
                 Universe - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  margin:0 auto;
  padding:0;
  background-color:#eaeaea;
  color:#606060;
  height:100%;
}
*{
  margin:0;
  padding:0;
}
*:focus{
  outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
         if you want to keep it! */
}
.clr{
  clear:both
}
form{
  margin:0; padding:0;
}
hr{
  border:0;
  color:#d3d3d3;
  background-color: #d3d3d3;
  height: 1px;
}


/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5{
  font-family:Arial, Helvetica, sans-serif; 
  font-weight:normal; color:#0d0d0d;
}
h1{
  font-size:30px; 
  line-height:30px; 
  margin-bottom:15px;
}
h2{
  font-size:20px; 
  line-height:28px; 
  margin-bottom:8px;
}
h3{
  font-size:18px; 
  line-height:20px; 
  margin-bottom:5px;
}
h4{
  font-size:16px; 
  line-height:18px; 
  margin-bottom:8px; 
  font-weight:bold;
}
h5{
  font-size:14px; 
  margin:3px 0px; 
  padding:0px; 
  letter-spacing:1px;
}

/* links */
a{
  color:#606060; 
  text-decoration:underline;
}
a:visited{
  color:#606060; 
  text-decoration:underline;
}
a:hover{
  color:#606060; 
  text-decoration:none;
}
a img{
  border:none
}
.img-content{
  float:left; 
  margin-top:4px;
  margin-bottom:25px;
  border:1px solid #d6d6d6;
}
.img-sidebox{
  float:left; 
  margin-top:4px;
  margin-bottom:3px;
  border:1px solid #d6d6d6;
}
.imgleft{
  float:left; 
  margin-top:4px; 
  margin-right:12px;
  border:1px solid #d6d6d6;
}
.imgright{
  float:right; 
  margin-top:4px; 
  margin-left:12px;
  border:1px solid #d6d6d6;
}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
  font-size:12px;
  line-height:20px;
  margin-bottom:14px;
  color:#606060;
}
ul, ol{
  margin:10px 0 35px 40px;
}
li ol, li ul{
  font-size:1.0em;
  list-style:square;
  margin-bottom:0;
  margin-top:0;
}
li ol{
  list-style:decimal;
}
blockquote{
  font-style:italic;
  margin:0px;
  color:#939393;
  padding:0px 0px 2px 38px;
  background-image:url(../../images/quote.png);
  background-position:0px 5px;
  background-repeat:no-repeat;
  float:left;
}
blockquote p{
  color:#939393;
}

/* code */
code{
  font-family:Tahoma, Arial, Verdana;
  letter-spacing:1px;
  margin:25px 0 25px 0px;
  display:block;
  font-size:0.9em;
  border-left:4px solid #dddddd;
  padding:15px 10px;
}


/* Container
------------------------------------------------------*/
#outer-container{
  background-repeat:repeat-x; 
  background-position:top;
  background-color:#fff; 
  height:1px;  
}
#inner-container{
  background-image:url(../../images/bg-container.jpg);
  background-repeat:no-repeat;
  background-position:center 1px; 
  width:960px;
  height:444px; 
  margin:0px auto;  
}


/* Header
------------------------------------------------------*/
#header{
  width:960px; 
  height:332px; 
  float:left;
}
#header2{
  width:960px; 
  height:72px; 
  float:left;
}
#header-inner{
  width:960px; 
  height:40px; 
  margin-top:18px;  
  float:left;
}
.top-box{
  background-image:url(../../images/top-box.gif); 
  background-repeat:no-repeat; 
  background-position:top; 
  width:960px; 
  height:3px; 
  float:left;
}
.mid-box{
  background-color:#0d0d0d;
  width:960px;
  height:34px;
  float:left;
}
.bottom-box{
  background-image:url(../../images/bottom-box.gif); 
  background-repeat:no-repeat; 
  background-position:top; 
  width:960px; 
  height:3px; 
  float:left;
}
#logo{
  width:252px; 
  margin:1px 0px 0px 20px;
  float:left;
}

/* Top Navigation bar menu styling */
#nav-menu{
  width:490px; 
  float:left; 
  margin:9px 0px 0px 190px;  
  list-style-type:none;
}


/*  Page Title
------------------------------------------------------*/
#page-title{
  width:621px;
  height:70px;  
  margin-top:7px; 
  float:left;
}
.page-title-content h1{
  font-size:36px;
  width:621px;
  float:left;  
}
.page-title-content h2{
  width:621px;
  margin-bottom:-4px;
  float:left;
}


/*  Homepage Slider
------------------------------------------------------*/
#slideshow-container{
  width:960px;
  height:247px; 
  margin:0px;
  float:left;
}
#slideshow-container2{
  width:960px;
  height:383px;
  margin-top:30px;
  background-image:url(../../images/shadow-slideshow.jpg); 
  background-repeat:no-repeat; 
  background-position:bottom; 
  float:left;
}
#slideshow{
  width:960px;
  height:319px;
}
#slider-box{
  position:relative; 
  margin:0px auto; 
  padding-top:20px; 
  height:252px; 
  overflow:hidden;
}
#slider-box ul, #slider-box li{
  margin:0px;
  padding:0px;
  list-style:none;
}
#slider-box li{
  width:925px; 
  height:254px; 
  padding:0px; 
  float:left;
}
.slider-img{
  height:247px; 
  margin-top:7px; 
  float:left;
}
.slider-img2{
  height:319px;
}
#slider-box li{
  width:925px; 
  float:left;
}
.slider-text{
  width:350px; 
  margin-right:10px; 
  float:left;
}
#slider-box li.slider-text p{
  width:339px; 
  float:left;
}
.slider-text h1{
  width:365px; 
  margin-bottom:22px;
}
.readmore-slider{
  float:right; 
  padding:10px 0px;
}


/* Content
------------------------------------------------------*/
#content{
  width:960px; 
  background:url(../../images/top-content-front.jpg) no-repeat top; 
  float:left;
}
#content2{
  width:960px; 
  float:left;
}
#content3{
  margin-top:120px;
  width:960px; 
  float:left;
}
.content-bottom{
  width:960px; 
  height:3px; 
  background:url(../../images/bg-content-bottom.gif) no-repeat bottom; 
  float:left;
  }
#content-left{
  width:621px; 
  margin:0px 29px 0px 0px; 
  float:left;
}
#content-left-contact{
  width:465px; 
  margin:0px 29px 0px 0px; 
  float:left;
}
#sidebox-top{
  background-image:url(../../images/sidebox-top.gif); 
  background-repeat:no-repeat; 
  background-position:top;
  margin-top:16px; 
  width:310px; 
  height:3px; 
  float:left;
}
#sidebox{
  width:310px;
  background-color:#fff; 
  float:left;
}
#sidebox-bottom{
  background-image:url(../../images/sidebox-bottom.gif); 
  background-repeat:no-repeat; 
  background-position:bottom; 
  width:310px; 
  height:3px; 
  float:left;
}
.front-sidebox{
  padding:3px 0px 3px 16px;
}
.sidebox-text{
  width:164px; 
  margin-top:4px; 
  float:left;
}
.sidebox-img{ 
  width:130px;
  height:276px;
  float:left;  
}
.sidebox-img2{ 
  width:130px;
  height:182px;
  float:left;  
}
#maincontent{
  width:621px;
  padding:15px 0px 22px 0px; 
  float:left;

}
#maincontent2{
  width:621px;
  background-image:url(../../images/top-content-inner.png);
  background-repeat:no-repeat;
  background-position:top;
  padding:20px 0px 35px 0px; 
  float:left;
}
#maincontent3{
  width:621px;
  padding:20px 0px 35px 0px; 
  float:left;
}
#maincontent4{
  width:465px;
  background-image:url(../../images/top-content-contact.png);
  background-repeat:no-repeat;
  background-position:top;
  padding:20px 0px 65px 0px; 
  float:left;
 }

#maincontent-fullwidth{
  width:960px;
  background-image:url(../../images/top-content-fullwidth.png);
  background-repeat:no-repeat;
  background-position:top;
  padding:20px 0px 35px 0px; 
  float:left;
}
.maincontent-sidebox{
  width:279px;
  padding:5px 16px 22px 16px; 
  float:left;
}
.maincontent-sidebox-contact{
  width:433px;
  padding:5px 16px 22px 16px; 
  float:left;
}
#maincontent h2, #maincontent p{
  width:621px;
  float:left;
}

/* main-front */
.front-box{
  width:187px; 
  height:190px; 
  margin-bottom:34px; 
  margin-top:27px; 
  float:left;
}
.front-box2{
  width:295px; 
  height:180px; 
  margin-bottom:27px; 
  margin-top:27px; 
  float:left;
}
.front-box h2{
  width:147px;
  float:left;
}
.front-box p{
  width:187px;
  margin-top:5px; 
  float:left;
}
.front-icon{
  width:30px; 
  height:30px; 
  float:left;
}
.front-icon2{
  text-align:center;
  width:295px;
  margin-bottom:5px;
  }
.front-title{
  margin-left:10px; 
  float:left;
}
.front-title2{
  width:295px; 
  float:left;
}
.spacer{
  width:30px; 
  height:120px; 
  margin-top:25px; 
  background-image:url(../../images/front-devider.png); 
  background-repeat:repeat-y; 
  display:block; 
  float:left; 
}
.spacer2{
  width:30px; 
  height:160px; 
  margin-top:37px; 
  background-image:url(../../images/front-devider.png); 
  background-repeat:repeat-y; 
  display:block; 
  float:left; 
}

/* sidebox list */
ul.sidebox-list{
  margin:0px; 
  padding:0px; 
  list-style-type:none;
}
ul.sidebox-list li{
  border-bottom:1px solid #ededed; 
  line-height:28px;
}
ul.sidebox-list li a{
  color:#474747; 
  text-decoration:none;
}
ul.sidebox-list li a:hover{
  text-decoration:underline;
}

/* check list */
ul.check-list{
  margin:8px 0px 0px 0px; 
  padding:0px; 
  list-style-type:none;
}
ul.check-list li{
  background-image:url(../../images/check-list.png); 
  background-position:0px 2px; 
  background-repeat:no-repeat; 
  padding:0px 0px 12px 26px; 
  line-height:18px;
}
ul.check-list li a{
  color:#474747; 
  text-decoration:none;
}
ul.check-list li a:hover{
  text-decoration:underline;
}


/* Services
------------------------------------------------------*/
.service-item{
  width:295px; 
  float:left; 
  padding-bottom:5px;
  margin-left:5px;
  margin-right:5px;
  text-align:left;

}

.spacer-content{
  width:30px; 
  float:left; 
  display:block; 
  height:100%;
}
.services-icon{
  width:67px; 
  height:60px; 
  float:left;
}
.quote-bg{
  width:573px;
  height:35px;
  background-image:url(../../images/quote-bg.jpg);
  padding:0px 24px;  
  float:left;
}
.quote-spacer{
  width:30px; 
  height:17px; 
  margin-top:8px; 
  background-image:url(../../images/front-devider.png); 
  background-repeat:repeat-y; 
  display:block; 
  float:left; 
}
.quote-text{
  width:426px;
  font-size:11px;
  color:#a3a2a2;
  padding:10px 0px;
  float:left;
}
.quote-heading{
  font-size:16px;
  color:787878;
  float:left;
  padding:6px 0px;
}
.portfolio-feature{
  width:464px;
  margin-top:20px;
  float:left;
}
.pf-feat-img{
  width:151px;
  margin-top:5px;
  float:left;
}
.pf-feat-text{
  width:313px;
  float:left;
}

/* product detail */
#product-desc{
  width:474px; 
  margin-top:10px; 
  margin-left:30px; 
  float:left;
}
#product-thumb{
  width:116px; 
  margin-top:10px; 
  border-right:1px solid #d3d3d3; 
  float:left;
}
#detail-img{
  width:621px; 
  height:256px; 
  float:left; 
  background-color:#eaeaea;
}
.detail-img-border{
  border:1px solid #d3d3d3; 
  margin:0px; padding:0px;
}
#detail-nav{
  list-style-type:none; 
  margin:0px 30px 0px 0px; 
  float:left;
}
#detail-nav li img{
  margin-bottom:10px; 
  float:left;
}
#detail-nav li.last img{
  margin-bottom:0px; 
  float:left;
}
#detail-nav li a{
  cursor:pointer; 
  float:left;
}

/* product list */
.product-list{
  border-bottom:1px solid #d3d3d3;
  padding-bottom:15px;
  margin-bottom:25px;
  float:left;
}
.product-list-price{
  font-size:14px;
  margin-right:10px;
  padding-right:10px;
  border-right:1px solid #bebebe;
  float:left;
}
.detail-list a, .detail-list a:visited{
  padding:5px 10px;
  font-size:11px;
  color:#f1f1f1;
  text-decoration:none;
  background-color:#0d0d0d;
  -moz-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-border-radius: 3px;
  float:left;
}
.product-list img{
  width:120px;
  height:120px;
  margin-right:10px;
  float:left;
}

.product-list-content
{
  float:left;
  width:485px;
}
.product-icon
{
  height:110px;
  width:130px;
  float:left;
}

/* pricing list table */
.table-a .price-icon{
  margin-top:2px;
  padding-right:15px;
  float:left;
}
.table-a{
  font-size: 12px;
  width: 100%;
  margin: 0px 0;
}  
.table-a .price{
  font-size: 12px;
  font-weight:normal;
  text-align:center;
}
.table-a th{
  background-color:#dcdcdc;  
  text-align:left;
}
.table-a th{
  padding: 12px 0px 12px 25px;
}  
.table-a td{
  padding: 7px;
}
.table-a td img{
  vertical-align: bottom;
  width: 20px;
  height: 20px
}
.table-a h3{
  font-size: 16px;
  color: #0d0d0d;
  margin-bottom:2px;
}  
.table-a tr.row2{
  background-color:#fcfcfc;
}
.table-a .right{
  border-left: solid 1px #bbb;
}
.table-a tr.final{
  background-color:#dcdcdc;
}
.table-a tr.final td{
  padding:20px 0 0 0;
}
.table-a .left{
  width: 25%;
}
.lefttitle{
  text-align:left;
  font-weight:bold; 
}
a.button{
  padding: 0;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
  text-decoration: none;
  text-align: center;
}


/* Portfolio
------------------------------------------------------*/
.mainportfolio{
  width:960px;
}
.pf-box{
  width:212px; 
  height:167px; 
  background-image:url(../../images/pf-shadow.png); 
  background-repeat:no-repeat; 
  background-position:bottom;
  margin:0px 14px 22px 14px; 
  float:left;
}
.pf-img{
  border:1px solid #d3d3d3;    
}


/* Blog
------------------------------------------------------*/
.blog-post{
  width:621px;
  background-image:url(../../images/top-content-inner.png);
  background-repeat:no-repeat;
  background-position:top;  
  padding:20px 0px 18px 0px; 
  margin-bottom:15px; 
  float:left;
}
.blog-posted{
  width:560px;
  font-size:11px;  
  margin-left:10px; 
  float:left;
}
.blog-posted h2{
  line-height:10px; 
  margin-top:0px;
}
.blog-posted a, .blog-posted a:visited{
  text-decoration:none;
  color:#0d0d0d;
}
.post-info{
  width:560px;
  font-size:11px; 
  line-height:2px;
  margin-top:5px;
  margin-bottom:12px;   
  float:left;
}
.post-info a, .post-info a:visited{
  text-decoration:none;
  color:#a2a2a2;
}
.date{
  font-size:20px;
  color:#0d0d0d; 
  line-height:10px; 
  border-right:1px solid #cecdcd; 
  padding-right:10px; 
  text-align:center; 
  float:left;
}
.month{
  font-size:16px; 
  line-height:10px; 
  text-align:center; 
  float:left;
  width:100%;
}
.img-sponsors{
  margin:0px 7px 14px 7px;
  float:left;
} 

.commonPageListControlBar{
  height: 30px;
  margin-top:0px;
  text-align: left;
}
.commonPageListBtn{
  border: 1px solid #c9c9c9;
  background-color:#fff;
  font: normal 12px/28px Arial;
  color:#9f9f9f; 
  padding: 5px 4px;
  cursor: pointer;
}
.commonPageListControlBar a, .commonPageListControlBar a:visited{
  color:#414141; text-decoration:none;
}
.commonPageListControlBar a:hover{
  text-decoration: underline;
}
.commonPageListBtnSelected{
  border: 1px solid #0d0d0d;
  background-color: #0d0d0d;
  font: normal 12px/28px Arial;
  color:#fff; 
  padding: 5px 4px;
  cursor:default;
}
.author{
  width:601px;
  background-color:#f1f1f1; 
  border-top:1px solid #cecdcd; 
  border-bottom:1px solid #cecdcd; 
  color:#737373; 
  padding:10px; 
  line-height:18px; 
  float:left;
  }
.author h4{
  margin-bottom:7px;
}


/* Contact
------------------------------------------------------*/
form{
  margin:0; 
  padding:0;
}
#contactFormArea{
  width:465px; 
  margin-top:0px; 
  color:#606060; 
  float:left;
}
.input{
  background-color:#ffffff; 
  font-size:13px; 
  border:1px solid #d7d7d7; 
  width:345px; 
  padding:5px 5px 5px 5px; 
  margin:0px; 
  color:#6b6b6b;
}
.input-submit{
  background-image:url(../../images/but-send.jpg); 
  background-repeat:no-repeat; 
  padding:0px; margin:0px; 
  border:0px; 
  width:94px; 
  height:28px; 
  cursor:pointer; 
  float:right; 
}
.textarea{
  background-color:#ffffff; 
  font-family:Arial, Helvetica, sans-serif; 
  font-size:13px; 
  border:1px solid #d7d7d7; 
  width:345px; 
  padding:5px 5px 5px 5px; 
  margin:0px; 
  color:#6b6b6b;
}
#sidebox-contact-top{
  background-image:url(../../images/sidebox-top-contact.gif); 
  background-repeat:no-repeat; 
  background-position:top;
  margin-top:16px; 
  width:465px; 
  height:3px; 
  float:left;
}
#sidebox-contact{
  width:465px;
  background-color:#fff; 
  float:left;
}
#sidebox-contact-bottom{
  background-image:url(../../images/sidebox-bottom-contact.gif); 
  background-repeat:no-repeat; 
  background-position:bottom; 
  width:465px; 
  height:3px; 
  float:left;
}
.contact-icon{
  float:left; 
  margin-top:6px; 
  margin-right:5px;
}
#loadBar{
  width:455px;
  height:21px;
  background-image:url(../../images/bg-load-form.png);
  background-repeat:no-repeat;
  color:#797979;
  text-align:center;
  padding:7px 5px 7px 65px;
}
#emailSuccess{
  width:455px;
  height:21px;
  background-image:url(../../images/bg-load-form.png);
  background-repeat:no-repeat;
  color:#797979;
  text-align:center;
  padding:7px 5px;
}
.loading-form{
  width:128px;
  height:15px;
  background-image:url(../../images/loading.gif);
  background-repeat:no-repeat;
  margin:3px 120px 0px 0px;
  float:right;
}


/* Bottom Content
------------------------------------------------------*/
.mid-box-bottom{
  background-color:#0d0d0d;
  width:960px;
  height:172px;
  float:left;
}
.mid-box-bottom a, .mid-box-bottom a:visited{
  color:#d7d7d7;
  text-decoration:none;
}
#bottom-content{
  width:920px; 
  margin:0px 20px 0px 20px;
}
.bottom-content-item{
  width:286px; 
  padding:10px 0px; 
  height:10px; 
  float:left;
}
.bottom-content-item h3{
  width:286px; 
  color:#fff; 
  margin-bottom:15px; 
  float:left;
}
.bottom-content-item p{
  font-size:11px; 
  color:#d7d7d7;
}
.bottom-content-item ul{
  width:286px; 
  margin:0px; 
  padding:0px; 
  font-size:11px; 
  list-style-type:none; 
  float:left;
}
.bottom-content-item ul li{
  list-style:none;  
  border-bottom:solid 1px #333232; 
  line-height:25px; 
  text-align:left;
}
.bottom-img{
  border:5px solid #303030;
}
.spacer-bottom{
  width:30px; 
  height:116px; 
  margin:0px; 
  display:block; 
  float:left;
}
#newsletter fieldset{
  margin:0px; 
  padding:0px; 
  border:0px;
}
.inputbox01{
  width:198px; 
  margin-right:5px;
  font-size:11px; 
  border:1px solid #080808; 
  background-color:#262626; 
  vertical-align:top; 
  padding:5px 4px 6px 4px; 
  color:#4d4d4d;
}


/* Footer
------------------------------------------------------*/
#footer{
  width:960px; 
  float:left;
}
.footer-text{
  width:960px; 
  font-size:11px; 
  color:#606060; 
  text-align:center; 
  padding:12px 0px; 
  float:left;
}
.footer-text a, #footer a:visited{
  text-decoration:none;
}
.footer-text a:hover{
  text-decoration:underline;
}