/* -------------- 
	Theme Name: Janbros
	Description: janbros.com website redesign - 2007.
	Version: 1.0
	Author: Abdulhk
	Author URI: 
	Comment: 
*/

/* Page settings */

body {
	background:#fff url(../images/corporate-bg.jpg) no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
}

html, body {
	height: 100%;
}

/* Normalizing elements */

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, a {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

h3
{
font-size:14px;
color:#339900;
margin-bottom:5px;
}

ul {
	list-style: none;
}
a {
	text-decoration: none;
	outline: none 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0066cc;
}

h1
	{
	border-bottom:1px solid #999;
	padding-bottom:15px;
	margin-bottom:15px;
	font-size:24px;
	color:#cc3300;
	font-weight:normal;
	font-family: Georgia, serif;
	}
	
h2
	{

	margin-right:9px;
	color:#0066cc;
	font-family: Georgia, serif;
	font-size:17px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:25px;
	}
	
h1.company
	{
	margin-top:20px!important;
	padding-left:20px;
	}
	
h3
{
margin-right:9px;
color:#0066cc;
font-family: Georgia, serif;
font-size:17px;
font-weight:normal;
}

table, table select
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
.clear {
	clear: both;
}
.left {
	float: left;
}

.leftImg {
	float: left;
	padding:4px;
	border:1px solid #e4e4e4;
}

.leftImgbd {
	float: left;
	padding:4px;
	border:1px solid #e4e4e4;
	margin-right:11px;
}

.right {
	float: right;
}

.noBg
{
background-image:none!important;
}

p
{
margin-bottom:15px;
font-size:13px;
line-height:16px;
}


/* Conainer */

#container {
	width:980px;
	margin:0 auto;
	background-color:#fff;
	padding:0 10px 0 10px;
	background:#fff url(../images/common-header-bg.jpg) no-repeat 305px 0px ;
}

#header
{
	width:965px;
	height:83px;
	padding-top:19px;
	background:url(../images/logo.gif) no-repeat 13px;
}

.tabHighlightnone
{
width:77px;
height:5px;
}

.tabHighlighthome
{
width:77px;
height:5px;
background:url(../images/tabHighlighthome.gif) no-repeat;
}

.tabHighlightcompany
{
width:121px;
height:5px;
background:url(../images/tabHighlightcompany.gif) no-repeat;
margin-left:75px;
}

.tabHighlightvalues
{
width:107px;
height:5px;
background:url(../images/tabHighlightvalues.gif) no-repeat;
margin-left:194px;
}

.tabHighlightnews
{
width:129px;
height:5px;
background:url(../images/tabHighlightnews.gif) no-repeat;
margin-left:406px;
}

.tabHighlightfeedback
{
width:229px;
height:5px;
background:url(../images/tabHighlightfeedback.gif) no-repeat;
margin-left:533px;
}

.tabHighlightcontact
{
width:106px;
height:5px;
background:url(../images/tabHighlightcontact.gif) no-repeat;
margin-left:681px;
}

#tabBar
{
width:980px;
height:35px;
background:url(../images/corporate-tab-bg.gif) no-repeat left bottom;
}

#tabBar li 
{
float:left;
}

#tabBar li a
{
/*background:url(../images/corporate-tab-border.gif) no-repeat right;*/
background:url(../images/corporate-tab-div.gif) no-repeat right top;
display:block;
padding:0 21px 0 21px;
float:left;
color:#fff;
font-weight:bold;
line-height:35px;
}

#tabBar li a.corporate
{
background-image:none;
color:#a54aa3;
background-color:#fff;
border-left:1px solid #a851a6;
border-right:1px solid #a851a6;
}

#tabBar li a:hover
{
color:#000;
}

#tabBar form
{
float:right;
margin:7px 15px 0 0;
}

#homeMenu
{
width:980px;
height:33px;
clear:both;
background-color:#eae9ea;
margin-top:1px;
}

a.login:link, a.login:visited, a.login:active
{
color:#000;
text-decoration:underline;
display:block;
padding:8px 15px 0 0;
float:right;
}

a.login:hover
{
color:#666;
}

#mainMenucontainer
{
width:980px;
height:35px;
clear:both;
background-color:#eae9ea;
background:url(../images/mainmenu-bg.gif) repeat-x;
}

ul#mainMenu
{
padding:6px 3px 0 3px;
height:25px;
margin-left:7px;
float:left;
display:inline;
}

.bgmenuCorporatecompany
{
background:url(../images/company-mainmenu-bg.gif) no-repeat;
}

.bgmenuCorporatevalues
{
background:url(../images/values-mainmenu-bg.gif) no-repeat;
}

ul#mainMenu li
{
float:left; 
}

ul#mainMenu a
{
float:left;
color:#333;
padding:0 8px 0 8px;
text-decoration:underline;
line-height:19px;

}

#homeSpotlight
{
margin-top:10px;
height:444px;
width:980px;
}

#homeScroll
{
height:240px;
width:980px;
background:url(../images/home-scroll.jpg);
}

#introduction
{
margin-top:10px;
width:980px;
height:149px;
background:url(../images/home-president-message-bg.gif);
}

#introduction p
{
padding:43px 8px 0 18px;
}

#introduction a
{
background:url(../images/prez-rm.gif) no-repeat 0 3px;;
color:#CC3333;
margin:8px 0 0 18px;
padding-left:17px;
display:block;
font-weight:bold;
}

#contentBinder
{
width:980px;
margin-top:15px;
background:url(../images/common-right-column.gif) right top no-repeat;
}

#contentColumn
{
float:left;
width:741px;
}

#spotlight
{
width:741px;
height:218px;
}

.companyAboutus
{
background:url(../images/spotlight.jpg);
}

#productScroll
{
margin-top:20px;
}

#brandContent
{
width:641px;
margin:30px 50px 0 50px;
margin-top:35px;
}


#mainContent
{
width:680px;
margin:0 auto;
padding-top:25px;
}

#mainContent ul
{
	list-style-type:none;
	padding:0;
	margin:0 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#mainContent ul li
{
background-image:url(../images/bullet-body.gif);
background-repeat:no-repeat;
background-position:10px 7px;
padding-left:25px;
line-height:20px;
margin:0px;
color:#666!important;
float:none;
}

/*------ sub page styles -------------- */

.brief
{
border-bottom:1px dashed #ccc;
padding:20px;
}

.briefText p
{
margin-bottom:5px;
}

.briefLast
{
padding:20px;
}

.briefText
{
float:left;
width:570px;
margin-left:15px;
}

a.readmore
{
color:#CC0000;
display:block;
outline:none;
}

#productImage
{
width:357px;
float:left;
border:2px solid #eeebeb;
margin-top:35px;
text-align:center;
padding:30px 0 30px 0;
}

#ProductText
{
width:365px;
float:right;
margin-top:35px;
}

#navColumn
{
float:right;
width:215px;
min-height:600px;
}

.members
	{
	font-size:11px;
	line-height:14px;
	font-family: trebuchet ms, arial, geneva;
	}

.members strong
	{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	}	
	

.team
{
margin:30px 0 15px 0;
background:url(../images/executive-team.gif) no-repeat;
text-indent:-10000px;
}

.teamJanbros
{
margin:30px 0 15px 0;
background:url(../images/janbros-team.gif) no-repeat;
text-indent:-10000px;
}

.teamJoofris
{
margin:30px 0 15px 0;
height:33px;
background:url(../images/joofris-team.gif) no-repeat;
text-indent:-10000px;
}

.teamJanarabia
{
margin:30px 0 15px 0;
background:url(../images/ja-team.gif) no-repeat;
text-indent:-10000px;
}

.teamDna
{
margin:30px 0 15px 0;
background:url(../images/dna-team.gif) no-repeat;
text-indent:-10000px;
}

.teamJns
{
margin:30px 0 15px 0;
height:33px;
background:url(../images/jns-team.gif) no-repeat;
text-indent:-10000px;
}

.teamJoverseas
{
margin:30px 0 15px 0;
background:url(../images/jos-team.gif) no-repeat;
text-indent:-10000px;
}

.teamJnp
{
margin:30px 0 15px 0;
height:33px;
background:url(../images/jnp-team.gif) no-repeat;
text-indent:-10000px;
}

.bdirectors
{
margin:30px 0 15px 0;
background:url(../images/bdirectors.gif) no-repeat;
text-indent:-10000px;
}

	
a.findmore:link, a.findmore:visited
	{
	color:#ff0000;
	font-size:100%;
	}

a.findmore:hover
	{
	text-decoration:underline;
	}

.exe
	{
	width:200px;
	margin-bottom:10px;
	line-height:16px;
	}

ul#mainMenu a:hover
{
color:#666;
}

#footer
{
margin-top:30px;
height:60px;
border-top:1px #bdbdbd solid;
}

#footer p
{
float:left;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
}

#footer ul
{
float:right;
width:231px;
margin-top:20px;
}
#footer ul li
{
float:right;
padding-left:9px;
color:#666;
}
#footer ul li a
{
display:block;
float:left;
color:#666;
}


/************* Page Contact Us starts******************/		
.contactpodWrapper
{
margin-top:10px;
}

.contactPod
	{
	padding-top:15px;
	width:215px;
	background-image:url(../images/bg-contact-line.gif);
	background-repeat:no-repeat;
	float:left;
	height:160px;
	margin-right:17px;
	background-position: right top;
	}
	

.contactPod p
	{
	line-height:21px;
	}
	
.contactPodlast p
	{
	line-height:21px;
	}
	
.contactPodlast
	{
	padding-top:15px;
	width:215px;
	float:left;
	height:170px;
	}
	
span
	{
	color:#333;
	}
.phone
	{
	background-image:url(../images/phone.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:15px;
	}
	
.fax
	{
	background-image:url(../images/fax.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:15px;
	}
.mobile
	{
	background-image:url(../images/mobile.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	padding-left:15px;
	}
.email	
	{
	background-image:url(../images/email.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	padding-left:15px;
	}

ul#directory
	{
	width:700px;
	}

ul#directory li
	{
	float:left;
	width:139px;
	}
	
ul#directory li a
	{
	float:left;
	width:150px;
	display:block;
	}	

ul#directory li a:hover
	{
	text-decoration:underline;
	}	

ul#nos li
	{
	list-style:decimal;
	background:none!important;
	padding:0px;
	list-style-position:inside;
	}
	
ul#nos li
	{
	list-style:decimal;
	background:none!important;
	padding:0px;
	list-style-position:inside;
	}
	
	
dl
{
}

dt
{
margin:10px 0 4px 0;
}

dt a
{
text-decoration:underline;
color:#000;
}

dt a:hover
{
text-decoration:none;
}


dd
{
color:#333;
font-size:12px;
padding-bottom:10px;
border-bottom:1px dashed #333;
}