﻿html, body {

	height: 100%;

}

body 
{
    background: #293844 url('../images/bg_02.jpg') repeat-x;
    margin: 0px;
    padding: 0px;
}

#biggest 
{
    width: 950px;
    height: 100%;
    background-color: #62696c;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding: 0px;
    position: relative;
}

#logobar
{
    width: 950px;
    height: 49px;
    background: #62696C url('../images/logobar_04.jpg') no-repeat;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}

#logobar a
{
	width: 240px;
	height: 49px;
	display: block;
	float: left;
}

#logobar-spacer
{
    width: 490px;
    height: 49px;
    float: left;
}

#logobar_number
{
    width: 140px;
    height: 49px;
    background: #62696C url('../images/onebridge_number.jpg') no-repeat;
    float: left;
}

#utilities
{
    width: 35px;
    height: 49px;
    float: left;
}

/*UTILITIES_1*/
#utilities_1 {display:block;}
#utilities_1 a, #utilities_1 a:visited {display:block; width:35px; height:49px; background: #ffffff url('../images/utilities_01.jpg'); float: left; background-position:left top; background-color:transparent;}
#utilities_1 a:hover {background-position:left bottom; line-height:31px; overflow:hidden; color:#800;}



#butt_call {display:block; position: absolute; left: 18px; top: 185px;}
#butt_call a, #butt_call a:visited {display:block; width:216px; height:83px; background: #ffffff url('../images/butt_call.jpg'); background-position:left top; background-color:transparent;}
#butt_call a:hover {background-position:left bottom; overflow:hidden;}


#menu-wrapper
{
    width: 940px;
    height: 33px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/*MENU_SERVICES*/
#menu_services {display:block;}
#menu_services a, #menu_services a:visited {display:block; width:163px; height:33px; background: #6c99c4 url('../images/menu_services_01.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_services a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
#menu_services a#selected, #menu_services a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}


/*MENU_WIRELESS*/
#menu_wireless {display:block;}
#menu_wireless a, #menu_wireless a:visited {display:block; width:154px; height:33px; background: #6c99c4 url('../images/menu_wireless_02.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_wireless a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
#menu_wireless a#selected, #menu_wireless a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}


/*MENU_VOICE*/
#menu_voice {display:block;}
#menu_voice a, #menu_voice a:visited {display:block; width:160px; height:33px; background: #6c99c4 url('../images/menu_voice_03.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_voice a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
#menu_voice a#selected, #menu_voice a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}


/*MENU_GPS*/
#menu_gps {display:block;}
#menu_gps a, #menu_gps a:visited {display:block; width:147px; height:33px; background: #6c99c4 url('../images/menu_gps_04.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_gps a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
#menu_gps a#selected, #menu_gps a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}


/*MENU_CUSTOMER*/
#menu_customer {display:block;}
#menu_customer a, #menu_customer a:visited {display:block; width:166px; height:33px; background: #6c99c4 url('../images/menu_customer_05.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_customer a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
#menu_customer a#selected, #menu_customer a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}


/*MENU_contact*/
#menu_contact {display:block;}
#menu_contact a, #menu_contact a:visited {display:block; width:150px; height:33px; background: #6c99c4 url('../images/menu_contact_06.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_contact a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
#menu_contact a#selected, #menu_contact a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}


#flash-wrapper
{
    width: 950px;
    height: 320px;
    display: block;
}


#flashbox
{
    width: 940px;
    height: 320px;
    border-top: 0px solid red;
    background: #62696C;
    margin-left: auto;
    margin-right: auto;
}

#mainimage_wrapper
{
    width: 940px;
    height: 320px;
    background-color: #273840;
    margin-left: auto;
    margin-right: auto;
}

#mainimage_left
{
    width: 661px;
    height: 320px;
    float: left;
}

#mainimage_right
{
    width: 279px;
    height: 320px;
    background: #434e55 url('../images/mainimage_right_bg.jpg') no-repeat;
    float: left;
    position: relative;
}

#mainimage_right p
{
    font-family: Arial;
    font-size: 8pt;
    color: #ffffff;
    text-align: left;
    padding: 95px 30px 0 20px;
    margin:0;
}

#mainimage_right span
{
    color: #6e9eb2;
    display: block;
}

#slide_numbers
{
    position: absolute;
    top: 285px;
    left: 21px;
}

#slide_numbers a
{
    font-family: Verdana;
    font-size: 7pt;
    color: Gray;
    padding: 5px;
    margin: 0px 1.5px 0px 1.5px;
    display: block;
    float: left;
    text-decoration: none;
}

#slide_numbers a:hover
{
    color: #ffffff;
}

#main
{
    width: 940px;
    height: 320px;
    border-top: 0px solid red;
    background-color: #434e55;
    margin-left: auto;
    margin-right: auto;
}

.mainlist ul
{
    padding-top: 0px;
    margin-top: 0px;
}

.mainlist li
{
    font-family: Arial;
    font-size: 9pt;
    color: gainsboro;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 8px;
}


#main_wrapper
{
    width: 940px;
    border-top: 0px solid red;
    background-color: #434e55;
    margin-left: auto;
    margin-right: auto;
}

#main_wrapper_login
{
    width: 940px;
    height: 600px;
    border-top: 0px solid red;
    background-color: #434e55;
    margin-left: auto;
    margin-right: auto;
}

#main_left
{
    width: 637px;
    height: 320px;
    border-top: 0px solid red;
    background-color: #434e55;
    float: left;
}

#main_left_gps
{
    width: 637px;
    height: 360px;
    border-top: 0px solid red;
    background: #434e55 url('../images/gps_sat_03.jpg') no-repeat;
    float: left;
}

#gps_login
{
    width: 940px;
    height: 600px;
    border-top: 0px solid red;
    background: #434e55;
    float: left;
}

#gps_login_form
{
    width: 940px;
    height: 600px;
    border-top: 0px solid red;
    background: #434e55;
    float: left;
}

#gps_demo
{
    width: 940px;
    height: 600px;
    padding: 20px 0px 0px 20px;
    border-top: 0px solid red;
    background: #434e55;
    float: left;
}

#main_left_freereport
{
    width: 617px;
    height: 530px;
    border-top: 0px solid red;
    float: left;
}

#main_left_freereport_ms
{
    width: 617px;
    height: 450px;
    border-top: 0px solid red;
    float: left;
}

#main_left_wireless
{
    width: 637px;
    height: 360px;
    border-top: 0px solid red;
    background: #434e55 url('../images/wireless_image_03.jpg') no-repeat;
    float: left;
}

#main_left_voice
{
    width: 637px;
    height: 360px;
    border-top: 0px solid red;
    background: #434e55 url('../images/voice_image_03.jpg') no-repeat;
    float: left;
}

#main_left_full
{
    width: 637px;
    border-top: 0px solid red;
    background-color: #434e55;
    float: left;
    padding-bottom: 20px;
}

#main_left_qchat
{
    width: 920px;
    border-top: 0px solid red;
    background-color: #434e55;
    float: left;
    padding-bottom: 20px;
}

#main_right
{
    width: 303px;
    height: 320px;
    border-top: 0px solid red;
    background-color: #434e55;
    float: left;
}

#main_right_box
{
    width: 303px;
    height: 320px;
    border-top: 0px solid red;
    background-image: url(http://webstationinc.com/clients/onebridge/images/mr_blank.jpg); 
    background-color: #434e55;
    float: left;
}

#main_right_box_full
{
    width: 303px;
    height: 400px;
    border-top: 0px solid red;
    background-image: url(http://webstationinc.com/clients/onebridge/images/mr_blank_full.jpg); 
    background-color: #434e55;
    float: left;
}

#imagebar-wrapper
{
    width: 940px;
    height: 130px;
    margin-left: auto;
    margin-right: auto;
}

/*IMAGEBAR_1*/
#imagebar_1 {display:block;}
#imagebar_1 a, #imagebar_1 a:visited {display:block; width:287px; height:130px; background: #ffffff url('../images/imagebar_01.jpg'); float: left; background-position:left top; background-color:transparent;}
#imagebar_1 a:hover {background-position:left bottom; line-height:31px; overflow:hidden; color:#800;}


/*IMAGEBAR_2*/
#imagebar_2 {display:block;}
#imagebar_2 a, #imagebar_2 a:visited {display:block; width:286px; height:130px; background: #ffffff url('../images/imagebar_02.jpg'); float: left; background-position:left top; background-color:transparent;}
#imagebar_2 a:hover {background-position:left bottom; line-height:31px; overflow:hidden; color:#800;}


/*IMAGEBAR_3*/
#imagebar_3 {display:block;}
#imagebar_3 a, #imagebar_3 a:visited {display:block; width:367px; height:130px; background: #ffffff url('../images/imagebar_03.jpg'); float: left; background-position:left top; background-color:transparent;}
#imagebar_3 a:hover {background-position:left bottom; line-height:31px; overflow:hidden; color:#800;}


.main h1
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: White;
    padding: 20px 0px 0px 20px;
    margin: 0px;
}

.main p
{
    font-family: Arial;
    font-size: 9pt;
    color: gainsboro;
    padding: 20px 20px 0px 20px;
    margin-bottom: 0px;
}

.box h1
{
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    color: White;
    padding: 74px 0px 0px 40px;
    margin: 0px;
}



.box p
{
    font-family: Verdana;
    font-size: 8pt;
    color: #b6bfc3;
    padding-left: 40px; 
    padding-right: 35px; 
    padding-top: 5px; 
    margin-top: 0px;
}

.box span
{
    color: #6e9eb2;
    padding-top: 10px;
    display: block;
}


.box a
{
    font-family: Verdana;
    font-size: 7pt;
    font-weight: bold;
    color: #d29a40;
    text-decoration: none;
    display: block;
    padding-top: 10px;
}

.box a:hover
{
    text-decoration: underline;
}

#product_wrapper
{
    width: 637px;
    height: 320px;
    border-top: 0px solid red;
    background-color: #434e55;
    float: left;
}
    
#product_image
{
    width: 200px;
    height: 320px;
    border-top: 0px solid red;
    background-color: #434e55;
    float: left;
    
}

#product_image img
{
    margin-left: 60px;
}

#product_discription
{
    width: 437px;
    height: 320px;
    border-top: 0px solid red;
    background-color: #434e55;
    float: left;
}

.product h1
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #6e9eb2;
    padding: 10px 0px 0px 20px;
    margin: 0px;
}

.product p
{
    font-family: Arial;
    font-size: 8pt;
    color: gainsboro;
    padding: 0px 20px 0px 20px;
    margin-bottom: 0px;
}

.bottom p
{
    font-family: Arial;
    font-size: 7pt;
    color: #434e55;
    padding: 0px 0px 0px 20px;
    margin-top: 0px;
}

.bottom a
{
    font-family: Arial;
    font-size: 7pt;
    color: #434e55;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    text-decoration: none;
}

.bottom a:hover
{
    color: gainsboro;
}
   

#headerbar_second img
{
    margin-left: 30px;
    margin-top: 10px;
    border: 1px solid red;
}

#player
{
    margin-left: 30px;
    margin-top: 10px;
    width: 600px;
    height: 345px;
    display: block;
}


