﻿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;
}

#biggest2 
{
	width: 1150px;
	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;
}

.panel
{
	width: 940px;
	height: 320px;
	background: #53595d url('../images/P-BG.jpg') no-repeat;
}

.P
{
	position: absolute;
}

.panel-text
{
	width: 230px; 
	float: right;
	padding: 0 35px 0 0;
}

.panel h3
{
	font-family: Arial;
	font-size: 10pt;
	color: #ffffff;
	text-align: left;
	padding: 70px 0 0 0;
	margin:0;
}

.panel p
{
	font-family: Arial;
	font-size: 8pt;
	color: #b6bfc3;
	text-align: left;
}

.ptag2
{
	color: #6e9eb2 !important;
}

.panel a
{
	font-family: Arial;
	font-size: 8pt;
	color: #d29a40;
	text-align: left;
}
		
#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: 1140px;
	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_workflow
{
	width: 637px;
	height: 360px;
	border-top: 0px solid red;
	background: #434e55 url('../images/workflow_bg.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
{
	height: 70px;
	background-color: #62696C;
	padding: 10px 5px;
}

.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;
}

#blackberry
{
	float:left;
	margin-top: 2px;
}

#gps-login
{
	float: left;
	margin-left: 15px;
}

#gps-login a
{
	width: 139px;
	height: 42px;
	background: url('../images/GPSlogin-btn.png') no-repeat left top;
	text-decoration: none;
	display: block;
}

#gps-login a:hover
{
	background: url('../images/GPSlogin-btn.png') no-repeat right bottom;
}

#copyright
{
	float:right;
	margin: 15px 5px 0 0;
}


