/* Imports
----------------------------------------*/
@import url("/Styles/reset.css");
/* Elements
----------------------------------------*/
.blue {
  color:#1b68af;
}
body {
  background:url(/images/background/bg.png) repeat-x;
  background-color:#09223c;
}
body, td, th, li, div {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:16px;
  color:#000000;
}
#wrapper {
  width:988px;
  margin: 0 auto;
  background:url(/images/background/body_bg.png) top center repeat-y;
  padding:0 18px;
}
table td {
  vertical-align:top;
}

/* Header */

#header {
  width:100%;
  height:137px;
}

#header .request {
  float:right;
  margin-right:6px;
}

#header .buttons {
  float:right;
  margin-right:6px;
  margin-top:6px;
}

#header .social {
  float:right;
  margin-right:15px;
  width:118px;
  margin-top:19px;
}

a.design{  display:block;   width:197px;   height:35px;   background:url(../images/btn-design.png) 0 0 no-repeat;  text-decoration:none; margin-bottom:6px; margin-top:6px;}
a:hover.design{ background-position:-197px 0;}

a.shop{  display:block;   width:197px;   height:35px;   background:url(../images/btn-shop-online.png) 0 0 no-repeat;  text-decoration:none}
a:hover.shop{ background-position:-197px 0;}


#sign-up {
  width:270px;
  float:right;
  border:1px solid #c5c5c5;
  background:#eee;
  padding:10px;
  color:#333;
  font-size:14px;
  font-weight:bold;
  float:left;
  margin-bottom:10px;
}
#sign-up input.text {
  margin-top:10px;
  border:1px solid #c5c5c5;
  background:#fff;
  width:170px;
  padding:5px;
}
#sign-up input.button {
  padding:4px;
  border:1px solid #000;
  background:#069;
  color:white;
}

/*nav
#navcontainer {
  height:32px;
  width:100%;
  clear:both;
  border-top:1px solid #dadada;
  border-bottom:1px solid #dadada;
}
#navcontainer ul {
  width:auto;
  margin:0px auto;
}
#navcontainer ul li {
  display: inline;
}
#navcontainer ul li a {
  font-family: arial, helvetica, sans-serif;
  color: #d5652c;
  text-decoration: none;
  border-right: 1px solid #ccc;
}
#navcontainer ul li a.last {
  border-right:none;
}
#navcontainer ul li a:hover, #navcontainer ul li a.active {
  color: #fff;
  background:none;
  border-right: 1px solid #ccc;
  background:#ccc;
}
 End Header */
 #navcontainer {
   clear:both;
  border-top:1px solid #dadada;
  border-bottom:1px solid #dadada;
  height:32px;
 }
 
 #nav {
   height:32px;
 }
 
 #navcontainer ul
{
margin: 0;
list-style-type: none;
width: 100%;
font: bold 90% arial, helvetica, sans-serif;
text-align: center;
padding:0;
margin-top:5px;
}

#navcontainer li { display: inline; }

#navcontainer li a
{
text-decoration: none;
color: #d5652c;
padding: 0px 20px;
border-right: 1px solid #ccc;
margin-left:0;
margin-right:0;
}

#navcontainer li a:hover
{
  color:#1b68af;
}
#navcontainer li a.last
{
border-right: none;
}


#slideshow {
    position:relative;
    height:323px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* Main Content
----------------------------------------*/
#main-content {
  width:960px;
  padding:0 14px 30px;
  clear:both;
}
#main-col {
  width:600px;
  float:left;
  padding:0 20px;
  border-right:1px solid #dadada;
}
#main-col h1 {
  font-size:46px;
  margin-top:0;
  line-height:1;
  padding-top:0;
  padding-bottom:15px;
}
#main-col h2 {
  padding-top:10px;
  padding-bottom:10px;
  line-height:26px
}
#right-col {
  float:right;
  width:293px;
}
#portals {
  background:#eee;
  border:1px solid #c5c5c5;
  margin-top:14px;
  padding:0;
  width:958px;
  margin-bottom:40px;
}
.cat {
  float:left;
  margin-left:14px;
  width:222px;
  margin-top:15px;
  margin-bottom:20px;
  margin-right:0;
}
.cat h2 {
  color:#336699;
  margin:10px 0 2px;
  font-size:14px;
}
.cat p {
  color:#333333;
  font-size:11px;
  line-height:16px;
  margin-bottom:0;
}
.last {
  border:none;
}
/* 
----------------------------------------*/
/* Footer */

#body-bottom {
  background:url(../images/background/body_bottom.png) center top no-repeat;
  height:19px;
  margin:0 auto;
  width:1024px;
}
#footer-bottom {
  background:url(../images/background/footer_bottom.png) center top no-repeat;
  padding-top:19px;
  margin:0 auto;
  width:1024px;
  text-align:center;
  padding-bottom:20px;
  color:#1b68af;
}
#footer {
  width:964px;
  margin:0 auto;
  background:url(../images/background/body_bg.png);
  padding:20px 30px;
}
#footer .cat {
  width:291px;
  margin-top:0;
  margin-bottom:0;
  margin-left:20px;
  padding-right:10px;
}
#footer p {
  font-size:11px;
  color:#666;
  margin-bottom:5px;
  line-height:16px;
}

/* End Footer */
p {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:20px;
  color:#000000;
  margin: 0 0 15px 0;
}
/*--- Link Styles ---*/
a:link, a:visited {
  color:#1b68af;
}
a:hover, a:active {
  color:#1b68af;
  text-decoration:none;
}
#portals h2 a, #footer-bottom a {
  text-decoration:none;
}
#portals h2 a:hover, #footer-bottom a:hover {
  text-decoration:underline;
}
h1, h2, h3, h4, h5 {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
}
h1 {
  color:#000;
  font-size:30px;
  line-height:120%;
}
h2 {
  font-size:18px;
}
strong {
  font-weight:bold;
}
em {
  font-style:italic;
}
/* Standard Definitions
----------------------------------------*/
.left {
  float:left;
}
.right {
  float:right;
}
.clearThis {
  clear:both;
}
.hide {
  display:none;
}
p.last {
  margin-bottom:0px;
}
.small {
  font-size:11px;
}
.hightlight {
  background:#FFCC00;
}
.pad-right {
  padding-right:20px;
}
.pad-bottom {
  padding-bottom:20px;
}