/* Colors

Blue: #0093d0
Gray: #999999
Dark: #101010

*/

body {
    width: 100%; height:100%;    
    margin: 0; padding:0;
    background-color: #f5f5f5;
    font-size: 100%; /* font-size: 16px */
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #828282;
    font-size: 0.975em;
}

p {
    line-height: 19px;
    padding: 0;
    margin: 0;   
}

p.fontParagraph {
    font-size: 1.125em; /* font-size: 18px; */
    font-family: "Century Gothic", Arial, Helvetica, Arial, Verdana, Sans-Serif;
}

h1 {
    font-family: "Century Gothic", Helvetica, Arial, Arial, Verdana, Sans-Serif;
    font-size: 2.25em; /* font-size: 36px; */
    margin: 30px 0 15px 0;
    letter-spacing: 0; 
    font-weight:normal; 
    color: #0093d0;
}

h2 {
    font-family: "Century Gothic", Helvetica, Arial, Arial, Verdana, Sans-Serif;
    font-size: 1.5em;
    letter-spacing: 0; 
    font-weight:normal; 
    color: #0093d0;
}

h3 {
    font-family: "Century Gothic", Helvetica, Arial, Arial, Verdana, Sans-Serif;
    font-size: 1.4em; /* 22px */
    letter-spacing: 0; 
    font-weight: normal;
    color: #0093d0;
}

h4 {
    font-size: 1.0625; /* font-size: 17px */
    font-weight:normal; 
    color: #0093d0;
}

a {
    outline: none; 
    font-size: 1em; /* font-size: 16px */
}

a, a:link, a:active, a:visited {
    text-decoration: none; 
    color: #828282;
}

a:hover {
    text-decoration: underline; 
    color: #0093d0;
}

textarea, input{
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 0.8em !important;
}

.removeUnderline a {
    text-decoration: none;
}

.fontGray, input, textarea {
    color: #999;
}

.fontGray a:link,
.fontGray a:visited,
.fontGray a:active {
    color: #999;
}

.fontDark {
    color: #101010;
}

.font14 {
    font-size: 0.875em;
}

/* Structure    
   Masterpage*/
#background-header {
    width: 100%; 
    /*height: 570px; */
    margin: 0; 
    background-color: #101010; 
    float: left; 
}

#background-content {
    width: 100%; 
    height: 100%; 
    margin: 0; 
    padding: 0;
    background: #f5f5f5 url(../design/ui/background-content.gif) repeat-x 0 top; 
    float: left;
}

#header {
    width: 1000px; 
    height:100%; 
    margin: 0 auto; 
    position: relative;
}

#header-billboard {
    float: left; 
    width: 880px; 
    height: 308px; 
    margin: 0 0 117px;
}
#header-anchor {
    float: left;
    height: 20px;
    width: 880px;
}

#header-menu {
    float: left; 
    height: 110px; 
    width: 940px; 
    margin: 20px 0 0 60px;
}
/*
#header-menu-logo {
    float: left; 
    width: 87px; 
    height: 100px;
    padding-top: 15px;
}
    
#header-menu-logo img {
    border: none;
}

#header-menu-webrand {
    float: left; 
    width: 236px; 
    height: 61px; 
    padding-top: 35px;
    margin-left: 40px;
}

#header-menu-products {
    float: left; 
    width: 305px; 
    height: 61px; 
    padding-top: 35px;
}

#header-menu-contact {
    float: left; 
    width: 217px; 
    height: 61px; 
    padding-top: 35px;
}

.header-menu-hover { 
    float: left; 
    padding-bottom: 10px;
}  
  
.menuHover {} 
.menuLogo {} 
*/

    
#content{
    width: 1000px; 
    height:100%; 
    margin: 30px auto; 
    position: relative;
}

.boxLeft30 {
    margin-left: 30px; 
    float: left;
}

.boxLeft60 {
    margin-left: 60px; 
    float: left;
}

.boxRight30 {
    margin-right: 30px; 
    float: right;
}

.boxRight60 {
    margin-right: 60px; 
    float: right;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}



/* Navigation */
div.default-logo {
    float: left;
    height: 100px;
    margin-right: 40px;
}

div.default-logo img {
    border: none;
}

ul.nav {
	list-style:none;
	margin: 30px 0 0 0;
	padding:0 0 0 1px;
	float: left;
	
	background: transparent url(../design/ui/navigation_line.png) no-repeat left bottom;
	
}
ul.nav li {
	float:left;
	margin:0 0 0 -1px;
	padding:0;
	height: 80px;
	padding: 0;
}

ul.nav li div.nav-link-header {
    margin-top: 5px;
}

ul.nav li div.nav-link-header a {	
	font-size: 1.4em;
	color: #fff;
	text-decoration: none;
}

ul.nav li div.nav-link-sub {
    margin: 5px 10px 0 0;
    font-size: 0.75em;
}

ul.nav li div.nav-link-sub a {    
    color: #005e85;    
    text-decoration: none;
}

ul.nav li div.nav-link-sub a:hover {
    text-decoration: underline;
}

.nav-hover {
    background: transparent url(../design/ui/navigation_bkg_hover.png) no-repeat center -108px;
}

.nav-content {
    float: left;
    height: 80px;
    padding: 0 25px;
    background: transparent url(../design/ui/navigation_line.png) no-repeat right bottom;   
}

.nav-selected {
    background: transparent url(../design/ui/navigation_bkg_selected.png) no-repeat center bottom;
}


/* Default */
div#default-content {
    float: left;
    margin: 0 60px 20px;
    width: 880px;
}

div#default-col1 {
    float: left;
    width: 550px;
}

div#default-col2 {
    float: left;
    width: 270px;
    margin-left: 60px;
}

/* flickr 
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
span.spanFlickr {
    color:#ff1c92;
}

span.spanFlickrLink {
    padding: 0 3px;
    color: #999; 
    font-size: 16px;
    font-weight: normal;
    background-color: transparent; 
}

#flickr_badge_uber_wrapper {
    text-align:center; 
    width:270px;
}

#flickr_badge_wrapper {
    padding:10px 0 10px 0;
}

.flickr_badge_image {
    margin:0 0 10px 10px; 
    float: left;
}

.flickr_badge_image img {
    border: 1px solid #fff !important;
}

#flickr_badge_source {
    text-align:left; 
    margin:0 10px 0 10px;
}

#flickr_badge_icon {
    float:left; 
    margin-right:5px;
}

#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
    text-decoration:none !important; 
    background:inherit !important;
    color:#0093d0;
}

#flickr_badge_wrapper {
    background-color:#f5f5f5;
}

#flickr_badge_source {
    padding:0 !important; 
    font: 11px Arial, Helvetica, Sans serif !important; 
    color:#999999 !important;
}


/* Billboard */

.billboard-logos {  
    height:  290px;  
    width:   280px;  
    padding: 0;  
    margin:  0;  
} 
 
.billboard-logos img {  
    width:  280px; 
    height: 290px;
} 


/* Contact */
div#contact-col1 {
    width: 485px; 
    height: 100%; 
    margin: 10px 0 0 45px;
    float: left;
}

div#contact-col2 {
    width: 410px;
}

div#contact-col2 {
    float: right;
}

div.contact-box {
    float: left; 
    width: 470px; 
    margin-bottom: 70px;
    line-height: 1.75em; /* line-height: 28px */
}

div.contact-box-logo {
    float: left; 
    width: 110px;
}

div.contact-box-info {
    float: right; 
    width: 340px;
}

div.contact-box h2 {
    margin: 0 0 5px 0;
}

div.contact-box h4 {
    margin-top: 10px; 
    margin-bottom: 2px;
}

div#contact-header h2{
    margin-top: 10px;
}






#contact-header {
    float: left;
    width: 467px;
}

.contact-placeholder {
    float: left;
    width: 467px;
}

.contact-form-sending {
    /* Sending email */
}

.contact-form {
    float: left;
    width: 467px;
    padding-top: 10px;
    background: transparent url(../design/ui/contact_form_bkg.png) no-repeat 0 top; 
}

.contact-form-field,
.contact-form-row {
    float: left;
    padding: 20px 31px 10px 30px;
}

div.contact-form-field input {
    /* Width = 404px | Height 40px */
    width: 392px;
    height: 35px;
    padding: 7px 6px 0;
    border: solid 1px #82b5c6;
    background: transparent url(../design/ui/textbox_blue_bkg.png) no-repeat 0 top;    
    font-size: 1.5em !important;
    /*font-size: 0.8em !important;  font-size: 16px */
}

div.contact-form-field textarea {
    /* Width = 404px  */
    width: 392px;
    height: 160px;
    padding: 7px 6px 0;
    border: solid 1px #82b5c6;
    background: #fff url(../design/ui/textbox_blue_big_bkg.png) no-repeat 0 top;    
    font-size: 1.5em !important;
    /*font-size: 1em;  font-size: 16px */
}

.contact-form-field-send {
    float: left;
    margin: 10px 0 0 360px;
}
.contact-form-field-send a {
    font-size: 1.5em;
    text-decoration: none;
}



ul.contact-btn {
    float: left;
    width: 420px;
    list-style-type: none;
    margin: 0 0 20px 30px;
    padding: 0;
}

li.contact-btn-email,
li.contact-btn-email-selected {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li.contact-btn-email a,
li.contact-btn-email-selected a {
    width: 160px;
    height: 40px;
    display: block;
    padding: 13px 0 0 15px;
    margin-right: 20px;
    font-size: 1.4em;
}

li.contact-btn-email a:hover,
li.contact-btn-email-selected a:link,
li.contact-btn-email-selected a:visited,
li.contact-btn-email-selected a:hover,
li.contact-btn-email-selected a:active {
    background: transparent url(../design/ui/contact_form_nav_email_bkg.png) no-repeat 0 top;
    text-decoration: none;
    
}

li.contact-btn-email a img,
li.contact-btn-email-selected a img {
    border: none;
    float: left;
    padding-right: 10px;
}






/* Btn Contacted by us */

li.contact-btn-cbu,
li.contact-btn-cbu-selected {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li.contact-btn-cbu a,
li.contact-btn-cbu-selected a {
    width: 200px;
    height: 40px;
    display: block;
    padding: 13px 0 0 13px;
    font-size: 1.4em;
}

li.contact-btn-cbu a:hover,
li.contact-btn-cbu-selected a:link,
li.contact-btn-cbu-selected a:visited,
li.contact-btn-cbu-selected a:hover,
li.contact-btn-cbu-selected a:active {
    background: transparent url(../design/ui/contact_form_nav_con_bkg.png) no-repeat 0 top;
    text-decoration: none;
    
}

li.contact-btn-cbu a img,
li.contact-btn-cbu-selected a img {
    border: none;
    float: left;
    padding-right: 10px;
}





/* Newsletter */
#newsletter-col1 {
    float: left;
    width: 60px;
    height: 600px;
}



div#products {
    margin: 0 30px;
    height: 800px;
    background-color: Transparent;
}

#products a:link,
#products a:active,
#products a:visited {
    color: #999;
}
#products a:hover {
    color: #0093d0;
}

div#products span.select {
    float: left;
    padding: 5px;
    background-color: #bbb;    
    color: #fff;
    font-size: 1.4em;  /* font-size: 22px */
}

span.selectSub {
    float: left;
    padding: 5px;
    margin: 5px 0 0 0;
    background-color: #bbb;    
    color: #fff;
    font-size: 1em;  /* font-size: 22px */
}


/*
div#products ul.menu {
    float: left;
    list-style-type: none;
    margin: 0 10px;
    padding: 0;
    width: 650px;  REMOVE VALUE WHEN ADDING PRINT 
}

div#products ul.subMenu {
    float: left;
    list-style-type: none;
    margin: 5px 0 10px 0;
    padding: 0;
}

div#products ul.menu li, div#products ul.subMenu li {
    float: left;
    display: block;
    padding: 5px;
    margin: 0 5px;
}
*/



/* New menu */
ul.menu {
    list-style-type: none;
    margin: 0 10px;
    padding: 0;
}
ul.menu-right {
    float: right;
}

ul.menu li {
    float: left;
    display: block;
    padding: 5px;
    margin: 0 5px;
}

ul.menu li a:link,
ul.menu li a:active,
ul.menu li a:hover,
ul.menu li a:visited{
    font-size: 1.3em;
    text-decoration: none;
    color: #000 !important;
}

ul.menu li div.menu-left,
ul.menu li div.menu-center,
ul.menu li div.menu-right,
ul.menu li div.menu-left-hover,
ul.menu li div.menu-center-hover,
ul.menu li div.menu-right-hover,
ul.menu li div.menu-left-selected,
ul.menu li div.menu-center-selected,
ul.menu li div.menu-right-selected {
    float: left;
    height: 39px;
}

ul.menu li div.menu-left,
ul.menu li div.menu-left-selected {    
    width: 5px;
    background: transparent url(../design/ui/menu_left.png) no-repeat 0 top;
}

ul.menu li div.menu-center {
    height: 45px !important;
    padding: 6px 10px 0 8px;
    background: transparent url(../design/ui/menu_center.png) repeat-x 0 top;
}
ul.menu li div.menu-center-selected {
    height: 45px !important;
    padding: 6px 10px 0 8px;
    background: transparent url(../design/ui/menu_center_arrow.png) repeat-x center top;
}
ul.menu li div.menu-center-selected a {
    color: #0093d0 !important;
}

ul.menu li div.menu-right,
ul.menu li div.menu-right-selected {
    width: 24px;
    background: transparent url(../design/ui/menu_right.png) no-repeat right top;
}

ul.menu li:hover div.menu-left {    
    width: 5px;
    margin-top: 2px;
    background: transparent url(../design/ui/menu_left_hover.png) no-repeat 0 top;
}

ul.menu li:hover div.menu-center {
    height: 33px !important;
    padding: 6px 10px 0 8px;
    background: transparent url(../design/ui/menu_center_hover.png) repeat-x 0 top;
}

ul.menu li:hover div.menu-right {
    width: 24px;
    background: transparent url(../design/ui/menu_right_hover.png) no-repeat right top;
}

ul.menu li div.menu-right-no-arrow {
    width: 6px !important;
}





/* Sub menu */

div#products ul.subMenu {
    float: left;
    list-style-type: none;
    margin: 5px 0 10px 30px;
    padding: 0;
}

div#products ul.subMenu li {
    float: left;
    margin-right: 40px;
}

div#products ul.subMenu li a {
    text-decoration: none;
    font-size: 1.1em;
    color: #999;
}
div#products ul.subMenu li a:hover {
    color: #0093d0;
}



/* Product carusel */
div#product_viewer_container {
    float:left; 
    margin-top: 50px;
    width: 940px;
    height: 315px;
    
}
div#product_viewer_images {
    width: 940px;
    height: 315px;
    float: left;
    z-index: 100;
    overflow: hidden;
}
div.product_viewer_frame{
    width: 940px;
    height: 315px;
    z-index: 300;
    position: absolute;
    
    background: transparent url(../design/ui/image_frame.png) no-repeat 0 top;
}

/* Product spot */
div#product_spot_container {
    float:left;
    width: 924px;
    margin: 60px 8px;
}

.products_spot_sides p,
.products_spot_center p {
    font-size: 0.75em;
    line-height: 15px;
    color: #000;
    padding: 0 20px;
}

.products_spot_sides h2,
.products_spot_center h2 {
    color: #999;
    padding: 0 20px;
}

.products_spot_center p{
    margin-top: 240px;
}

div.products_spot_sides {
    float: left;
    width: 288px;
    height: 500px;    
}

div.products_spot_center {
    float: left;
    margin: 0 30px;
    
    width: 288px;
    height: 500px;
    background: transparent url(../design/ui/product_spot_bkg.png) no-repeat center bottom;
}


/* Product slider */

div#products div#slider {
    width: 940px;
    margin: 0 auto;
    position: relative;
}
div#products div.scroll {
    height: 500px;
    width: 940px;    
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

div#products div.scrollContainer div.panel {
    height: 540px;
    width: 900px;
    padding: 0 20px;
}

div.product-box-top {
    float: left;
    height: 13px;
    width: 940px;
    margin-top: 25px;
    background: #fff url(../design/ui/products_bkg_top.gif) no-repeat 0 top;
}

div.product-box-body {
    float: left;
    width: 940px;
    background: #fff url(../design/ui/products_bkg_body.gif) repeat-y 0 top;
}

div.product-box-bottom {
    float: left;
    height: 13px;
    width: 940px;
    background: #fff url(../design/ui/products_bkg_bottom.gif) no-repeat 0 top;
}

div.product-box-equipment-top {
    float: left;
    height: 13px;
    width: 940px;
    margin-top: 15px;
    background: #fff url(../design/ui/products_eq_bkg_top.gif) no-repeat 0 top;
}

div.product-box-equipment-body {
    float: left;
    width: 940px;
    background: #fff url(../design/ui/products_eq_bkg_body.gif) repeat-y 0 top;
}

div.product-box-equipment-bottom {
    float: left;
    height: 13px;
    width: 940px;
    background: #fff url(../design/ui/products_eq_bkg_bottom.gif) no-repeat 0 top;
}

div.product-box-content-gallery {
    float: left;
    width: 580px;
    height: 490px;
    margin: 5px 0 0 0;
}

div.product-box-content-information {
    float: left;
    width: 290px;
    margin: 5px 0 0 30px;    
}

.product-box-content-information h1 {
    margin-top: 0;
}

table.product-box-size {
    width: 290px;
}

table.product-box-size th {
    font-weight: normal;
    font-size: 1.3em;
    text-align: left;
    color: #0093d0;    
}

table.product-box-size td {
}

table.product-box-size .product-box-size-desc {    
    color: #0093d0;
}


.product-box-content-information ul {
    padding: 0 0 0 15px;
    margin: 5px 0;
}

.product-box-content-information ul li {
    font-size: 0.75em;
}

/* About */
div#about-header {
    float: left;
    width: 880px;
    margin: 10px 60px 60px;
}

div#about-header-image {
    float: left;
    width: 310px;
}

div#about-header-content {
    float: left;
    width: 570px;
}

div#about-content {
    float: left;
    width: 880px;
    margin: 0 60px 100px;
}

div#about-points, div.about-points-container {
    float: left;
    width: 520px;
}

div.about-points-container {
    margin-bottom: 30px;
}

div.about-points-container-icon {
    float: left;
    width: 80px;
    padding: 0 0 0 30px;
}

div.about-points-container-icon img.iconPadding { /* Fix icon position for plane and chart */
    padding-top: 18px;
}

div.about-points-container-content {
    float: left;
    width: 370px;
    padding: 10px 0 0 40px;
}

div.about-points-container-content p {
    width: 340px;
}

div#about-customers {
    float: left;
    width: 300px;
    margin: 10px 0 0 60px;
}

div#about-info {
    margin: 40px 50px 0 150px; 
    float: left;
}

div.box-small {
    float: left;
    width: 300px;
}

div.box-small h3 {
    margin-bottom: 5px;
    color: #999;
}

div.box-small-top {
    height: 10px;
    background: transparent url(../design/ui/box_s_bkg_top.gif) no-repeat 0 top;
}

div.box-small-body {
    padding: 0 10px;
    background: transparent url(../design/ui/box_s_bkg_body.gif) repeat-y 0 top;
}

div.box-small-bottom {
    height: 10px;
    background: transparent url(../design/ui/box_s_bkg_bottom.gif) no-repeat 0 top;
}

div#about-brands {
    padding: 0 0 0 20px;
}

div#about-brands img {
    padding: 10px 30px 0 0;
}



/* Terms */
div#terms_container {
    float: left;
    width: 560px;
    margin: 0 0 0 60px;
}

div#terms_container p {
    padding-bottom: 20px;
}

div#terms_navigation {
    float: left;
    width: 240px;
    padding: 10px 20px;
    margin: 0 0 0 40px;
    background-color: #d3d3d3;
}

div#terms_navigation ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
}

div#terms_navigation ul li {
    margin-bottom: 5px;   
}


/* Events */

div#events {
    width: 970px;
    margin: 0 auto;
}

div#events_spot_wrapper {
    float: left;
    width: 970px;
    margin: 0 auto 40px auto;
}

div.event_spot_container {
    float: left;
    width: 312px;
    margin-right: 10px;
}

div.event_spot_image {
    float: left;
    width: 305px;
    height: 160px;
    z-index: 100;
}

div.event_spot_shade {
    width: 305px;
    height: 160px;
    z-index: 300;
    position: absolute;

    background: transparent url(../design/ui/event_spot_shade.png) no-repeat 0 0;
}

div.event_spot_information {
    float: left;    
    width: 312px;   
     
    background: transparent url(../design/ui/collapse_bkg.png) no-repeat right bottom;
}

div.event_spot_header {
    font-size: 1.1em;
    margin: 5px 0;
    color: #999999;
}

div.event_spot_header_controls {
    float: right; 
    font-size: 0.75em; 
    padding: 5px 20px 0 0;
}

div.event_spot_header_controls a{
    color: #9a9a9a;
}

div.event_spot_collapse {
    width: 305px; 
    margin-top: 20px;
}



div.event_wrapper {
    float: left;
    width: 970px;
    margin: 0 auto;
}

div.event_info {
    float: left;
    width: 500px;
}

div.event_case {
    float: left;
    width: 410px;
    margin: 50px 0 0 50px;
}

div.event_case_rpt {
    float: left;
    width: 195px;
    height: 110px;
    margin: 0 10px 10px 0;
}

div.event_case_rpt_image {
    float: left;
    width: 195px;
    height: 110px;
    z-index: 100;   
}

div.event_case_rpt_image_shade {
    width: 195px;
    height: 110px;
    z-index: 300;
    position: absolute;

    background: transparent url(../design/ui/event_case_shade.png) no-repeat 0 0;
}

div.event_case_rpt_image_hover {
    width: 195px;
    height: 110px;
    z-index: 300;
    position: absolute;

    background: transparent url(../design/ui/event_case_hover.gif) no-repeat  0 0;
}


/* Modal popup */
.modalPopup {
    width: 600px;
    height: 400px;
    padding: 0px;
    background: #fff url(../design/ui/popup.gif) no-repeat top center;
}

.modalPopupFuckThe{
    width: 800px;
    height: 600px;
    padding: 00px;
    background-color: #fff;
}

.modalBackground {
    background: #101010;
    		
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}