/* Structural Styles */

#container { } 

#header { height:124px;  position:relative; margin:0 auto; width: 960px; } 
  #logo { position:absolute; left:0px bottom:0px; }
  #tagline { 
    position:absolute;
    color:#fbb03b;
    right:0px; top:8px; 
    text-align:right;
    font-size:16px;
    font-weight:bold;

  }
  

#top_block {  margin:0 auto; width: 960px;  }    


#main_menu_wrapper {
  height:37px;
  background:url(/system/storage/2/ee/0/16/main_menu_bg.png) top left repeat-x;

}

#main_menu {
	margin:0 auto; width: 960px;
}


ul.main_menu { 
  display:block; list-style-type:none; margin:0px; padding:0px; 
  float:left; left: 50%; position:relative; 
  height:37px;
}
  ul.main_menu li { 
    display:block; float:left; margin:0px; padding:0px; 
    float:left; left:-50%; position:relative; 
    padding-right:22px;
    background:url(/system/storage/2/a0/1/42/separator.png) top right no-repeat;
    height:37px;
  }

  ul.main_menu li.last { padding-right:0px; background:none; }
  ul.main_menu li a {
	  display:block; float:left;  padding:0 20px; 
          font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
	  padding-top:10px;
	  color:white;
	  text-transform:lowercase;
          text-decoration:none;
	  font-size:21px;
	  font-weight:bold;
  }
  ul.main_menu li a:hover, ul.main_menu li a.selected { color:#6992b1; }
  
#top_content_block_wrapper {
  background:url(/system/storage/2/19/4/48/top_content_block_bg.png) top left repeat-x #6ba2cd;
  padding:0px;
  margin:0px;
}
#top_content_block_small {
  background:url(/system/storage/2/d0/9/50/top_content_block_small.png) top left repeat-x;
}


  #top_content_block { 
     margin:0 auto; width: 960px; 
  }

   #top_content_block h1 {   
     display:none;
  }

   #top_content_block ul.top_menu {
     list-style-type:none;
     display:block;
     padding:0px;
     margin:0px;
   }

   #top_content_block ul.top_menu li {
       float:left;
       list-style-type:none;
       display:block;
       margin:0px;
       padding:0px;
   }
  #top_content_block ul.top_menu li a { display:block; }

#content_body { margin:0 auto; width:960px; }

#home_content_spacer { height:30px; }
#screenshots_content_body { margin: 20px 10px; height:632px;  }
#bottom_content_body { margin:0 auto; width:600px; padding-top:20px;
                        }

.content_section { padding:30px 50px; }

h1.full_page_header { background:url(/system/storage/2/a4/6/5/divider.png) left top no-repeat; color:white; height:51px; padding-top:5px; padding-left:90px; }

#footer { height: 60px; }                    


/* Body Styles */

.three_column_left, .three_column_right { float:left; width:25%; padding:0 3%; }
.three_column_center { float:left; width:30%; padding: 0 4%; }


.full_content { padding:0 3%; }




p.title_description { position:relative; top:-2px; padding-bottom:10px; }

ul.content_link_list {
   list-style-type:none;
   margin:0px;
   padding:0px;
   margin-bottom:20px;
}

ul.content_link_list li {
	list-style:none;
	padding:0px;
	margin:0px;
	padding-bottom:15px;
}

ul.content_link_list li h2 { padding:0px; padding-bottom:0px; }
ul.content_link_list li h2 a { text-decoration:none; }
ul.content_link_list li h2 a:hover { text-decoration:underline; }


/**
 *  Horizontal Buttons
 */
#top_content_block .jcarousel-skin-webiva .jcarousel-next-horizontal {
    position: absolute;
    top: 200px;
    right: -55px;
    width: 58px;
    height: 120px;
    cursor: pointer;
    background: transparent url("/system/storage/2/26/e/133/arrow-right.png") no-repeat 0 0;
}


#top_content_block .jcarousel-skin-webiva .jcarousel-prev-horizontal {
    position: absolute;
    top: 200px;
    left: -55px;
    width: 58px;
    height: 120px;
    cursor: pointer;
    background: transparent url("/system/storage/2/a1/b/134/arrow-left.png") no-repeat 0 0;
}

#site_structure_slider { 
width:960px; height:498px; background: url(/system/storage/2/16/2/135/site_structure.png) top left no-repeat; position:relative;
}

#site_structure_slider  #detail_text {
 position:absolute;
 left:460px;
 top:150px;
 width:420px;
 color:#4d4d4d;
}
#site_structure_slider  #detail_text img {
  padding-right:20px;
  padding-bottom:0px;
}

#site_structure_slider h2 { padding-top:10px; padding-bottom:10px; }


.unselected_ring {
 position:absolute; width:50px; height:43px; 
 background: url(/system/storage/2/ca/3/137/unselected_ring.png) top left no-repeat;
 z-index:100;
}

#detail_ring {
 position:absolute;
 background: url(/system/storage/2/6b/4/136/selected_ring.png) top left no-repeat;
 height:148px;
 width:314px;
 z-index:10;

}
#detail_ring .detail_content {
  padding: 30px 30px 10px 170px;
   color:#6992b1; 
   letter-spacing:-.03em;
   font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
   font-weight:900;
   font-size:18px;

}

table.feature_table  {}
  table.feature_table td { padding:5px; border-bottom:1px solid #CCCCCC; } 
/* Design Styles */

* { padding:0px; margin:0px; }

a img { border:0px; }

a { color:#6992b1; }



body {
 font-family: Arial, sans-serif;
 font-size:13px;
 color:#4d4d4d;
 line-height:1.5em;
 padding-top:5px;
 padding-bottom:0px;
}

ul, ol { padding-left:10px; margin-left:10px; }
li { padding-left:10px; margin-left:5px; list-style-type:none; }

.clear { clear:both; }
.left { float:left; }
.right { float:right; }

h3 { color:#fbb03b; 
   letter-spacing:-.03em;
   font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
   font-weight:900;
   font-size:22px;
   line-height:25px;
   padding-bottom:5px;
   padding-top:10px; 
   padding-bottom:4px;
   text-decoration:none;
    }


h1 {
   color:#fbb03b;
   font-size:36px;
   font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
   letter-spacing:-.03em;
   font-weight:900;
   line-height:1em;
   font-size:36px;
   padding-bottom:4px;
   padding-top:10px;
   text-decoration:none;
}

h2 { color:#6992b1; 
   letter-spacing:-.03em;
   font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, sans-serif;
   font-weight:900;
   font-size:22px;
   line-height:25px;
   padding-top:5px; 
   padding-bottom:2px;
 }
 
h2 a {    text-decoration:none; }

p { padding-top:2px;
padding-bottom:4px; }

p { line-height:1.5em }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}