/***** Body and main container *****/

html {
height: 100%;
/*
min-height: 100%;
height: auto;
*/
}

body {
margin:0;
padding:0;
height: 100%;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 140%;
font-weight:bold;
color:#363636;
margin: 10px 0px 0px 12px; 
padding: 0px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 105%;
font-weight:bold;
color:#f86022;
margin: 10px 0px 0px 12px; 
padding: 0px;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight:bold;
margin: 0px 0px 0px 12px; 
padding: 0px;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight:bold;
margin: 0px 0px 0px 12px; 
padding: 0px;
}

h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight:bold;
font-style: italic;
margin: 0px 0px 0px 12px; 
padding: 0px;
}

a {
margin: 0px;
padding: 0px;
color: #ef8822;
text-decoration: underline;
font-weight: bold;
}

a:hover {
color:#ffffff;
background-color:#f99724;
}

.clearPath {
clear: both;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	text-align: justify;
	margin: 0px 0px 10px 12px;
	padding:0px;
}

blockquote {
margin: 10px auto 0px 12px;
padding: 0px;
font-size: 80%;
color: #73915e;
font-weight: bold;
}

em {
color: #363636;
font-weight: bold;
font-style: italic;

}

hr {
margin: 8px 0px;
padding: 0px;
border: none;
border-top:#CCCCCC dotted 1px;
height: 1px;
}

ul {
margin: 0px 0px 20px 40px;
padding: 0px;
}

ul li {
margin: 0px 0px 5px 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
}

#wrap {
margin: 0px auto 0px auto;
width: 100%;
border-top:#363636 8px solid;
}

#naviMainWrap {
margin: 0px;
padding: 0px;
width: 100%;
background-color: #f86122;
}

/****** panelBanner ******/
#panelSlogan {
width: 754px;
margin: 0px;
height: 138px;
float: left;
}

.genillSlogan {
margin: 0px;
padding: 0px;
width: 357px;
height: 138px;
float: right;
background-image: url(../images/genillSlogan.jpg);
background-repeat: no-repeat;
}

/* Start naviMain */
#naviMain {
margin: 0px auto;
padding: 0px;
width: 960px;
height: 24px;
background-color: #f86122;

}

#naviMain ul {
list-style:none;
margin: 0px;
padding: 0px;
height: 24px;
width:666px;
float:right;
}

#naviMain ul li {
float: left; 
margin: 0px;
padding: 0px;
height: 24px;
width: 109px;
/* background-image:url(../images/navMain_bg.jpg); */
border-right:#d14927 1px solid;
font-size: 68%;
}

#naviMain ul li.naviFirst {
border-left:#d14927 1px solid;
}
	
#naviMain ul li a {
display:block;
margin:0px;
line-height: 25px;
padding: 0px;
text-align: center;
text-decoration: none;
color: #000000;
}
	
#naviMain ul li a:hover, #naviMain ul li a.on {
color: #000000;
background-image: url(../images/NaviWhiteBg.jpg);
}



/* End naviMain */

/***** Header *****/
#header {
color:#505050;
background:#ffffff;
height:142px;
margin:0px;
padding:0;
}

#panelBanner{
margin: 0px auto;
padding: 0px;
width:960px;
height: 150px;
}

.geniiLogo {
width: 960px;
float: left;
height: 150px;
background: url(../images/banner_logo.png) bottom no-repeat;
}

/****** PanelContent ******/
.panelLeft {
	margin: 0px auto;
	width: 593px;
	float: left;
	height: auto;
}

.panelLeft h2 {
	text-align: justify;
}

.panelLeft p{
margin: 0px 12px 10px 12px;
padding: 0px;
}

.subBanner {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: auto;
	width:593px;
}

.subBanner h1{
	font-size: 250%;
	text-align: left;
	font-weight: 500;
}
.subBanner h2{
font-size: 120%;
text-align: justify;
color: #999999;
margin: 5px 10px 0px 10px;
}

.subBanner em{
color: #f86122;
}

.subBanner p{
text-align:right;
font-style:italic;
font-weight:bold;
color: #999999;
margin: 10px;
font-size:75%;
}

img.geniiBrand{
margin: 0px 6px 0px -18px;
padding: 0px 0px 0px 0px;
width: 12px;
height: 14px;
}


#panelIntro {
margin: 0px auto;
padding: 0px;
width: 960px;
}

#panelContentText {
margin: 0px;
padding: 0px 0px 10px 0px;
width: 593px;
float: left;
}

#panelContentText ul li h3 {
margin: 0px;
}

#panelCentre {
margin: 0px auto;
padding-bottom: 20px;
width: 100%;
/*height:380px;*/
height: 100%;
background-color: #363636;
border-top: solid 8px #f86122;
}

.panelRight {
margin: 0px auto 0px auto;
width: 367px;
height: 300px;
float: right;
/*background:url(../images/img_swat.png) no-repeat;*/
/* border:#000000 1px solid; */
}

.panelSmallTopright{
font-family: Arial, Helvetica, sans-serif;
margin:10px auto 0px auto;
text-indent:25px;
background-color:#363636;
height:28px;
width:347px;
float:right;
color:#CCCCCC;
font-size:120%;
font-weight:bold;
line-height:26px;
}

.panelRight2 {
margin: 0px auto 0px auto;
background-color:#fafafa;
background-image:url(../images/rightBoxBg.gif);
background-repeat:repeat-y;
width: 347px;
float: right;
}

.panelRight2 ul {
list-style:none;
margin: 20px 0px 20px 25px;
}

.panelRight2 h1 {
color: #f86122;
margin: 20px 0px 20px 25px;
text-align: left;
}

#panelContent {
margin: 0px auto 0px auto;
padding: 0px;
width: 960px;
text-align:center;
/* border: solid 1px #f86122;*/
}

.panelRightCol {
margin: 0px;
padding: 0px;
width: 367px;
min-height: 179px;
text-align: center;
/* background-color: #FFFFFF; */
float:left;
}

.panelRightCol h1 {
color: #f86122;
margin: 20px 0px 0px 25px; 
text-align: left;
}

.panelText {
margin: 0px;
padding: 0px;
width: 296px;
height: 220px;
text-align: center;
/* background-color: #FFFFFF; */
float:left;
}

/* FOR IE7 and Firefox */
html>body .panelText {
height: 100%;
min-height: 220px;
}

.panelText h1 {
color: #808080;
margin: 20px 0px 0px 12px;
text-align: left;
}

#panelContent .panelText ul {
margin: 20px 30px 0px 22px;
padding: 0px;
color: #f99724;
/* border: solid 1px #ffffff; */
}

.panelRightCol ul{
margin: 20px 30px 0px 35px;
padding: 0px;
color: #f99724;
/* border: solid 1px #ffffff; */
}

#panelContent .panelText ul li, .panelRightCol ul li {
margin: 5px;
padding: 0px;
text-align: left;
}

#panelContent .panelText ul li a, .panelRightCol ul li a {
margin: 0px;
padding: 0px;
}

#panelContent hr
{
border:none;
margin: 50px 0px 0px 0px;;
padding: 0px;
border-bottom: #444444 1px solid;
height: 1px;
}

#panelEvent {
margin: 0px 0px 0px 20px;
padding: 0px;
width: 280px;
}


/****** Footer ******/
#contentFooter {
margin: 40px auto 0px auto;
padding: 0px 0px;
width: 960px;
text-align: right;
clear:both;
}

#contentFooter p {
font-size:60%;
text-align:right;
margin: 0px;
}

#contentFooter ul {
margin: 0px 0px 10px 0px;
padding: 0px;
width: 960px;
}

#contentFooter ul li {
margin: 0px 0px 0px 30px;
padding: 0px;
font-size:60%;
display: inline;
list-style: none;
}

#contentFooter ul li a {
margin: 0px 0px 0px 0px;
padding: 0px;
/*line-height: 52px;*/
line-height: 11px;
color: #999999;
}

#contentFooter ul li a.on {
background:url(../images/footerArrow.png) no-repeat left;
padding:0px 0px 0px 15px;
color:#000000;
text-decoration:none;
}

#contentFooter ul li a:hover {
color: #ffffff;
}

p.breadcrumb {
margin: 20px 0px 12px 10px;
padding: 0px;
font-size: 70%;
}

/* Hack for IE7 and Firefox*/
html>body #contactUsMap {
margin: 0px 0px 10px 10px;
}

#contactUsMap {	
margin: 0px 0px 10px 7px;
padding: 0px;
border: #000000 solid 1px;
float: left;
}

#contactUsAddress {
margin: 0px;
padding: 0px;
float: left;
}

#contactUsAddress ul {
margin: 10px 0px 0px 12px;
padding: 0px;
list-style: none;
}

#panelProfile {
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
width: 100%;
}

#panelProfile ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#panelProfile ul li {
margin: 10px 0px 20px 0px;
padding: 0px;

}
.leftfloat{
padding: 5px 5px;
margin: 10px 40px 30px 15px;
border: 1px #000000 solid;
float: left;
clear: left;
}

#panelLogo {
margin: 0px;
padding: 0px;



}

p.archived {
margin: 10px 0px 0px 0px;
padding: 0px;
float:right;
}

p.orangeText {
margin: 0px 0px 5px 12px;
padding: 0px;
font-weight:bold;
color:#f86122;
text-align: left;
}

/*----clientStrories Page----*/
#clients {
margin: 0px 0px 10px 0px;
padding: 0px 0px;
list-style: none;
}

#clients li.logo{
	display:block;
	margin: 5px 5px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	height: 42px;


}