/* CSS Document */
html, body { height: 100%; }
body { 
	margin: 0; padding: 0; 
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	background-image: url(../images/bg1.gif);
}

h1, h2, h3, h4, h5, h6{
	margin: 1.5em 0 .25em 0;
	color: #FF0000;
}

p{
	font-size: 14px;
	text-align: justify;
}

a{
	color: #FF0000;
}

#wrapper{
	margin: 0 auto 0 auto;
	padding: 0;
	width: 920px;
	height: 100%;
	background-color: #FFFFFF;
	/* background: url(../images/border_bg.jpg) top center repeat-y; */
}

head:first-child+body #wrapper{ 
	height: auto;
	min-height: 100%;
}

#head{
	/* background: url(../images/head_bg.jpg) no-repeat top right; */
	float: left;
}

#nav { 
	padding: 10px 0 0 120px;
	width: 720px;
	height: 0;
}

#nav ul, #nav li{ 
	margin: 0; padding: 0;
	list-style: none;
	float: left;
}

#nav li{
	padding-left: 3px;
	background: url(../images/start.gif) no-repeat top left;
}

#nav a {
	display: block;
	padding: 8px 10px 7px 10px;
	margin: 0 5px 0 0;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	background: url(../images/end.gif) no-repeat top right;
}
#nav a:hover{ text-decoration: underline; }

#nav .selected { background: url(../images/start_on.gif) no-repeat top left; }
#nav .selected a{ background: url(../images/end_on.gif) no-repeat top right; }
#nav .selected a:hover{ text-decoration: none; }




/*
#banner {
	width: 920px;
	height: 100px;
	margin: 0; padding: 0;
	border-bottom: #FF0000 5px solid;
}
*/

object, embed{ margin: 0; padding: 0; background-color: #990000; }


#contentBody{
	float: left;
	margin-top: 5px;
	width: 840px;
	/*width: 920px;*/
	padding: 0 40px 0 40px;
}

#bu #contentBody{
	width: 920px;
	padding: 0;
}

#subNav {
	float: left;
	padding: 10px 0 0 10px;
	margin: 0;
	height: 24px;
	width: 910px;
	background-image: url(../images/bg4.gif);
	background-color: #FF9191;
}

#subNav ul, #subNav li{ 
	margin: 0; padding: 0;
	list-style: none;
	float: left;
}

#subNav a{
	padding: 5px;	
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center;
	text-decoration: none;	
}

#subNav a:hover{ text-decoration: underline; }

#subNav a.selected{
	color: #FF0000;	
	background-color: #FFFFFF;
}

/* SUB NAV BU */
#subNavBU { 
	padding: 10px 0 0 10px;
	margin: 0;
	height: 40px;
	background-image: url(../images/bg4.gif);
	background-color: #FF9191;
}

#subNavBU ul, #subNavBU li{ 
	margin: 0; padding: 0;
	list-style: none;
	float: left;
}

#subNavBU a{
	padding: 5px;	
	width: 90px; height: 30px; 
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center;
	text-decoration: none;	
}

#subNavBU a:hover{ text-decoration: underline; }

#subNavBU a.selected{
	color: #FF0000;	
	background-color: #FFFFFF;
}
/*
#subNavBU #software a{
	padding-top: 12px;
	height: 23px;
}
*/
/* end subNav BU */

#foot { margin: 0; padding: 0; }

.clear { margin: 0; padding: 0; clear: both; }

/* body content */
h5, h6{
	margin: 0; padding: 0;
	color: #666666;
}


/* about */
#contentBody #aboutInfo{
	float: left;
	margin: 20px 0 0 0; 
	width: 330px;
}
#contentBody #suppliers_logos{
	float: right;
	margin: 20px 0 0 0;
}


/* business units */
#bUnits {
	width: 100%;
	height: 720px;
}

#bUnits ul{	margin: 0; padding: 0;}

#bUnits li{
	float: left;
	margin: 14px 14px 0 0;
	list-style: none;
	text-align: center;
	width: 270px;
	height: 219px;
	background-image: url(../images/bg4.gif);
	/* background-color: #EFEFEF;*/
}

#bUnits li a{
	display: block;
	width: 100%;
	padding: 180px 0 20px 0;
	color: #FFFFFF;
	text-decoration: none;	
}



#bUnits #speakers{ margin-right: 0; }
#bUnits #software{ margin-right: 0; }

#bUnits #ipod a{ background: url(../images/businessunits/ipod.jpg) top no-repeat; }
#bUnits #gaming a{background: url(../images/businessunits/gaming.jpg) top no-repeat;}
#bUnits #storage a{background: url(../images/businessunits/storage.jpg) top no-repeat;}
#bUnits #software a{background: url(../images/businessunits/software.jpg) top no-repeat;}
#bUnits #displays a{background: url(../images/businessunits/tvs.jpg) top no-repeat;}
#bUnits #computer a{background: url(../images/businessunits/computer.jpg) top no-repeat;}
#bUnits #camera a{background: url(../images/businessunits/camera.jpg) top no-repeat;}
#bUnits #communication a{background: url(../images/businessunits/communication.jpg) top no-repeat;}
#bUnits #speakers a{background: url(../images/businessunits/speakers.jpg) top no-repeat;}

#bUnits #ipod a:hover{ 	background-color: #FF0000; }
#bUnits #gaming a:hover{ 	background-color: #FF0000; }
#bUnits #storage a:hover{ 	background-color: #FF0000; }
#bUnits #software a:hover{ 	background-color: #FF0000; }
#bUnits #displays a:hover{ 	background-color: #FF0000; }
#bUnits #computer a:hover{ 	background-color: #FF0000; }
#bUnits #camera a:hover{ 	background-color: #FF0000; }
#bUnits #communication a:hover{ 	background-color: #FF0000; }
#bUnits #speakers a:hover{ 	background-color: #FF0000; }


/* DETAIL BUSUINESS UNIT PAGE */
#suppliers {
	float: left;
	width: 100%;
	margin: 0;
	border-bottom:  #FF0000 5px solid;
}

#suppliers a{
	float: left;
}

#suppliers img{
	float: left;
}

#supplierFrame{
	float: left;
	width: 920px;
	height: 500px;
}

#suppliers h4{
	margin: 0;
	padding: 20px;
	text-align: center;
	width: 260px;
	color: #FFFFFF;
	background-image: url(../images/bg4.gif);
	/* background-color: #EFEFEF;*/
}
#suppliers img{ margin: 0; padding: 0; }


#products{
	float: left;
	margin: 30px 9px 0 9px;
	padding: 10px;
	width: 500px;
	border: #999999 1px solid;
}



/*home
#contentBody #logo { 
	display: block;
	margin: 45px 0 30px 0;
}
*/
#contentBody { 
padding-top: 0;
min-height: 100%;
}
#info, #map, #news{ float: left; }

#contentBody #info{
	width: 450px;
	background-color: #009999;
}

#contentBody #info h2{ 
	color: #464646; 
	padding-bottom: 30px;
	margin-bottom: 30px; 
	border-bottom: #FF0000 1px solid;
}

#contentBody #info p{ color: #FF0000; }

/*customers*/



#customers img{
	margin: 10px 0 0 10px;
	border: #CCCCCC 1px solid;
}

#homeContent #info{
	padding: 40px;
}

/*
#homeContent #info h2, #homeContent #info h4, #homeContent #info p{
	color: #FFFFFF;
}*/

#homeContent #info #slogan{
	margin: 20px 0 0 0; padding: 0;
	float: left;
	width: 400px;
}

#homeContent #info h2{
	float: left;
	margin: 0; padding: 0;
	width: 840px;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
}

#homeContent #info #contact{
	float:right;
	margin-top: 20px;
	padding: 0 20px 0 0;
	width: 400px;
	height: 300px;
	text-align:right;
	font-size: 12px;
	color: #666;
	background: url(../images/bg_contact_home.gif) no-repeat;
}

#homeContent #info #contact p{
	font-size: 12px;
	text-align:right;
}

/* MARKETING */
#marketing{
	margin-top: 30px;
}

#marketing img{
	margin: 20px;
	padding: 5px;
	text-align: center;
	background-color: #FF0000;
}

/* SUPPLIERS */
#suppliers_info{
	float: left;
	padding: 0 0 0 40px;
	width: 350px;
}

#suppliers_logos{
	margin: 60px 20px 0 0;
	float: right;
	width: 460px;
	border: #999999 1px solid;
}

/* CONTACT */
#contact{ margin: 0; }

#contact_info{
	margin: 0;
	padding: 0;
	float: left;
	width: 40%;
}
#contact table{
	margin-top: 60px;
	padding: 20px;
	float: right;
	color: #FFFFFF;
	font-size: 14px;
	background-image: url(../images/bg4.gif);
}
#contact table td{
	padding: 10px;
}

#contact table input, #contact table textarea{
	width: 400px;
	
}

#contact table #btn{
	color: #FF0000;
	font-weight: bold;
	width: 80px;
	height: 30px;
	background-color: #FFFFFF;
}



#foot {
	padding: 10px 30px;
	text-align: right;
}

#foot a img{
	border: none;
}

#foot a{
	margin-right: 10px;
}