/* ************************ defaults ************************ */

body{ 
	font:0.73em Arial, Helvetica, sans-serif; 
	text-align:center;
	color:#666666;
	background: url("../images/pagebg.jpg") top left repeat-x;	
}
body, h1, h2, h3, h4, h5, p, table, table th, form, a img, ul, li {
	border: none;
	margin: 0px;
	padding: 0px;
}
a{
	color:#99cc00;
	text-decoration:none;
}
a:hover{
	color:#99cc00;
	text-decoration:underline;
}

ul{
	list-style:none;
}

/* ************************ structural ************************ */

#page{
	margin:0 auto; 
	padding:0px;
	width:900px;
	text-align:left;
	background:#fff;
}

/* ************************ header ************************ */

#header{
	height:25px;
	background: url("../images/logo.jpg") top left no-repeat;
	border-bottom:solid 1px #666666;
	padding:120px 0px 0px 360px;		
}
.logo{
	float:left;
}
.topnav ul{
	list-style:none;
}
.topnav ul li{
	display:inline;
	font-size:1.0em;
	border-right:solid 1px #666666;
	padding:0px 13px 0px 13px;
}
.topnav ul li.last{
	border-right:0px;
}
.topnav a{
	color:#666666;
	text-decoration:none;
}
.topnav a:hover{
	color:#666666;
	text-decoration:underline;
}

/* ************************ top navigation ************************ */

#navmenus ul{
	list-style:none;
}
#navmenus ul li{
	float:left;
}
#navmenus ul li a{
	float:left;
	height:69px;
	display:block;
	font-size:24px;
}
#navmenus ul li.nav1 a{
	background: url("../images/domestic1.jpg") top left no-repeat;	
	width:159px;
	padding:59px 0px 0px 144px;
	color:#CC0066; 
}
#navmenus ul li.nav1 a.sel{
	background: url("../images/domestic3.jpg") top left no-repeat;	
}
#navmenus ul li.nav1 a:hover{
	background: url("../images/domestic2.jpg") top left no-repeat;	
}
#navmenus ul li.nav2 a{
	background: url("../images/education1.jpg") top left no-repeat;	
	width:152px;
	padding:59px 0px 0px 146px;
	color:#9966cc; 	 	 
}
#navmenus ul li.nav2 a.sel{
	background: url("../images/education3.jpg") top left no-repeat;	
}
#navmenus ul li.nav2 a:hover{
	background: url("../images/education2.jpg") top left no-repeat;	
}
#navmenus ul li.nav3 a{
	background: url("../images/commercial1.jpg") top left no-repeat;	
	width:165px;
	padding:59px 0px 0px 134px;
	color:#ff9900; 	 	 	
}
#navmenus ul li.nav3 a.sel{
	background: url("../images/commercial3.jpg") top left no-repeat;	
}
#navmenus ul li.nav3 a:hover{
	background: url("../images/commercial2.jpg") top left no-repeat;	
}

/* ************************ content ************************ */

#content{
	clear:both;
}
.homebar{
	background:#99cc00;
	height:20px;
}
#pagetext1{
	padding:20px 0px 20px 0px;
}
#pagetext{
	background: url("../images/contbg.gif") top left repeat-y;
	width:900px;
}
.clear{
	clear:both;
}
.pagehead{
	text-align:right;
	color:#fff;
	padding:5px;
}
.pagehead a {
	color:#fff;
}

/* ************************ left panel ************************ */

#leftpanel{
	float:left;
	width:266px;
	padding:0px 26px 0px 14px;
}
.leftnews1{
	background: url("../images/green1.gif") top left no-repeat;
	width:266px; 
}
.leftnews2{
	background: url("../images/green2.gif") top left repeat-y;
	width:266px; 
}
.leftnews3{
	background: url("../images/green3.gif") bottom left no-repeat;
	width:228px;
	padding:8px 18px 18px 18px;
}
.leftnews3 h1{
	font-size:24px;
	font-weight:normal;
	border-bottom:solid 1px #cccccc;
	padding:0px 0px 10px 0px;
}
.leftnews3 ul li{
	font-size:16px;
	border-bottom:solid 1px #cccccc;
	padding:10px 0px 10px 0px;
}
.leftnews3 ul li a{
	color:#666666;
	text-decoration:none; 
}
.leftnews3 ul li a:hover{
	text-decoration:underline; 
}
.products a{
	background: url("../images/products1.gif") top left no-repeat;
 	width:146px; 
 	height:120px;
	display:block;	
	padding:13px 0px 0px 120px;
	color:#999999;
	text-decoration:none;	
}
.products a:hover{
	background: url("../images/products2.gif") top left no-repeat;
	text-decoration:underline;
	color:#99cc00;
}
.products a span{
	font-size:24px;
	color:#99cc00;
	font-weight:bold;
}
.sample a{
	background: url("../images/sample1.gif") top left no-repeat;
 	width:146px; 
 	height:120px;
	display:block;	
	padding:13px 0px 0px 120px;
	color:#999999;
	text-decoration:none;
}
.sample a:hover{
	background: url("../images/sample2.gif") top left no-repeat;
	text-decoration:underline;
	color:#99cc00;
}
.sample a span{
	font-size:24px;
	color:#99cc00;
	font-weight:bold;	
}

.innerleft1{
	width:266px; 
}
.innerleft2{
	width:266px; 
}
.innerleft3{
	width:228px;
	padding:8px 18px 25px 18px;
	color:#ff6600; 
}
.innerleft3 h1 {
	font-size:18px;
	font-weight:normal;
	border-bottom:solid 1px #cccccc;
	padding:0px 0px 10px 0px;
	color:#666666;
}

.innerleft3 h1 a {
	color:#666;
}

.innerleft3 ul li{
	font-size:16px;
	border-bottom:solid 1px #cccccc;
	padding:12px 0px 12px 22px;
}
.innerleft3 ul li a{
	color:#666666;
	text-decoration:none; 
}
.innerleft3 ul li a:hover{
	color:#666666;
	text-decoration:underline; 
}

/* ************************ right panel ************************ */

#rightpanel{
	float:left;
	width:553px;
	padding:0px 25px 160px 16px;
	min-height: 350px;
}
#rightpanel img{
/*	float:right; */
	border:solid 2px #99cc00;
	padding:5px;
}
#rightpanel h1{
	font-size:24px;
	color:#99cc00;
	padding:0px 0px 15px 0px;	
}
#rightpanel h2{
	font-size:16px;
	color:#99cc00;
	line-height:18px;	
}
#rightpanel p{
	line-height:18px;
	padding:0px 0px 15px 0px;
}
#rightpanel ul{
	padding:0px 0px 15px 0px;
}
#rightpanel ul li{
	padding:0px 0px 0px 15px;
	background: url("../images/li_green.gif") top left no-repeat;	
}

#content.education #rightpanel h1, #content.education #rightpanel h2{
	color:#9966cc;
}
#content.education .pagehead{
	background:#9966cc;
}

#content.education #rightpanel ul li{
	background: url("../images/li_purple.gif") top left no-repeat;	
}
#content.commercial #rightpanel ul li{
	background: url("../images/li_orange.gif") top left no-repeat;	
}
#content.domestic #rightpanel ul li{
	background: url("../images/li_pink.gif") top left no-repeat;	
}

	
.testimonials{
	width:256px;
	padding:80px 5px 10px 5px;
}
.testimonials span{
	font-style:italic;
}
.testimonials p{
	float:right;
	padding:15px 0px 0px 0px;	
}
#content.education .testimonials{
	color:#9966cc;
}

#content.domestic #rightpanel h1, #content.domestic #rightpanel h2{
	color:#CC0066;
}
#content.domestic .pagehead {
	background:#CC0066;
}
#content.domestic .testimonials{
	color:#CC0066;
}

#content.commercial #rightpanel h1, #content.commercial #rightpanel h2{
	color:#FF9900;
}
#content.commercial .pagehead{
	background:#FF9900;
}
#content.commercial .testimonials{
	color:#FF9900;
}

#content.helpful-information #rightpanel h1, #content.helpful-information #rightpanel h2,
#content.news #rightpanel h1, #content.news #rightpanel h2{
	color:#99CC00;
}
#content.helpful-information .pagehead, #content.news .pagehead, #content.mardi-grass .pagehead {
	background:#99CC00;
}
#content.helpful-information .testimonials, #content.news .testimonials{
	color:#99CC00;
}
/* ************************ footer ************************ */

#footer{
	padding:10px 0px 30px 0px;
} 
#footer ul{
	float:left;
}
#footer ul li{
	display:inline;
	padding:0px 5px 0px 5px;
	border-right:solid 1px #999999;
}
#footer ul li.last{
	border:none;
}
#footer p{
	color:#cccccc;
	text-align: right;
}
#footer a{
	color:#999999;
	text-decoration:none;
}
#footer a:hover{
	color:#999999;
	text-decoration:underline;
}
.pagelogos {
	float: right;
	position: relative;
	top: -150px;
}
/* **************** mardi grass logo text ******************* */


.m {color:#ce071e;}
.a {color:#914b93;}
.r {color:#00adb7;}
.d {color:#e2007a;}
.i {color:#f29400;}
.m, .a, .r, .d, .i {
	font-style: italic;
}
.grass {color:#489F2E;}

/* ************* coloured left boxes ************ */
.innerleft1{
	background: url("../images/green1.gif") top left no-repeat;
}
.innerleft2{
	background: url("../images/green2.gif") top left repeat-y;
}
.innerleft3{
	background: url("../images/green3.gif") bottom left no-repeat;
}

#content.education .innerleft1{
	background: url("../images/purple1.gif") top left no-repeat;	
}
#content.education .innerleft2{
	background: url("../images/purple2.gif") top left repeat-y;	
}
#content.education .innerleft3{
	background: url("../images/purple3.gif") bottom left no-repeat;	
}

#content.domestic .innerleft1{
	background: url("../images/pink1.gif") top left no-repeat;	
}
#content.domestic .innerleft2{
	background: url("../images/pink2.gif") top left repeat-y;	
}
#content.domestic .innerleft3{
	background: url("../images/pink3.gif") bottom left no-repeat;	
}

#content.commercial .innerleft1{
	background: url("../images/orange1.gif") top left no-repeat;	
}
#content.commercial .innerleft2{
	background: url("../images/orange2.gif") top left repeat-y;	
}
#content.commercial .innerleft3{
	background: url("../images/orange3.gif") bottom left no-repeat;	
}

/* ****** Portfolio ****** */
.portfolioThumb, .rightInlineImage {
	float: right;
}
.rightInlineImage {
	margin: 5px;
}
#portfolio-page .content-heading img { 
    float:right; 
}
#portfolio-page img { 
    margin:5px; 
}
#portfolioList .item {
	height: 140px;
}
#portfolioList .item img {
	margin: 5px;
}
#portfolioList .item p {
	width: 500px;
}

/** Slideshow **/
#slideshowOutput {
	margin:			0;
	padding:		0;
}

#Noisegate_largeImage {
	margin:			0;
	padding:		0;
	text-align:		right;
	width:			500px;
}

.Noisegate_show_block {
    width: 0px;
}

#Noisegate_largeImageMessage {
    line-height: normal;
    position: relative;
    left: 450px;
	top: -265px;
	color: white;
	margin:			0;
	padding:		25px;
    width: 400px;
} 

#Noisegate_largeImageMessage {
	font-size:20px;
	line-height:24px;
}

#Noisegate_largeImageMessage h1{
	font-size:36px;	
	font-weight:normal;
	padding:0px 0px 28px 0px;
}
#Noisegate_largeImageMessage p{
}

#Noisegate_more_link {
    visibility: hidden;
	float: right;
}


#Noisegate_more_link a {
    color: 666;
}

/* ****** Misc ****** */
#rightpanel img.noBorder {
	border: 0;
}

.listNewsItem {
	height: 200px;
}