/* screen.css
 * Screen Media Stylesheet
 * www.challengermomentum.com.au
 */
html {height: 100%}
body {/* Need to set body margin and padding to get consistency between browsers. */	
	margin: 15px 0px 0px 0px; 		/*top, right,  bottom, left */	
	padding: 0px; 
	text-align: center; 				/*Added to the body element to force IE to centre all content  - Hack for IE5/Win */
	min-height: 101%;
	background-color:#A4C34E;
}
body * {text-align: left;} 				/* Resets all text aligns to the left */
#wrapper {
	width: 800px; 	
	margin: 0px auto; 				/* States the wrapper width. All centred content goes inside a div with an id="wrapper. */
	background:#A4C34E;
}
#footer {	
	width: 770px; 	
	margin: 0px auto; 				/* States the wrapper width. All centred content goes inside a div with an id="wrapper. */
	padding: 15px 15px 15px 15px; 	/* top, right,  bottom, left */
	text-align:center;
	font: 0.7em 'arial', 'sans-serif';
	color: #333333;
}
#footer a{
	color: #333333;
	text-decoration:none;
}
#footer a:hover{
	color: #333333;
	text-decoration:underline;

}

/* This style defines the area behind the logo. */
.image_bg{background:#ffffff;}

/* This style defines the area around the navigation bar. This is where the background image for the navigation bar is defines */
.breadcrumb{
	background:#ffffff;
	padding: 10px 0px 0px 0px !important; padding: 0px 0px 0px 0px;			/* top, right,  bottom, left */
	font: 11px 'arial', 'sans-serif';
	color:#aaaaaa;
	text-transform:lowercase;
}
.breadcrumb a:link,
.breadcrumb a:active,
.breadcrumb a:visited,
.breadcrumb a:hover {
	color: #aaaaaa;
}


/* These styles define the columns that appear within the body of the page */
.contentcontainer{
	background:#ffffff;
	width:770px;
}

.leftcontainer{
	float: left;	
	font-family: 'arial', 'sans-serif';
	font-size: 0.8em;
	color: #333333;
	padding: 0px 15px 0px 15px !important; padding: 15px 15px 0px 15px;			/* top, right,  bottom, left */
	width:500px !important; width:500px; /*760px for all browsers other than IE; 100% for IE. */	
	background: #ffffff;

}
.leftcontainer ul li{
	list-style: disc ; /* disc, square, circle */
}
.leftcontainer ol li{
	list-style-type: decimal; /* circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none  */
}

.leftcontainer a{
	color: #333333;
	text-decoration:underline;
}

.rightcontainer{
	float: right;
	font: 0.6em 'arial', 'sans-serif';
	color: #000000;
	background: #F4F7F6;
	padding: 0px 0px 0px 0px	!important; padding: 0px 0px 0px 0px;			/* top, right,  bottom, left */
	width: 220px !important; width:220px;  760px for all browsers other than IE; 100% for IE. */	
	border-top: 1px solid #ffffff;
}

.rightcontainer div#h2{
  font-weight: bold;
  font-size:1.2em;
}

.rightcontainer a{
	color: #308EB6;
	text-decoration:none;
}

.rightcontainer a:hover{
	color: #308EB6;
	text-decoration:underline;
}
.offer{
	padding-left:15px;
	padding-right:10px;
}
.offercontact{
	padding-left:15px;

}
.offercontact strong{
	color: #308EB6;
}

/* TEXT ELEMENTS */
h1 {
	font: 1.9em 'arial', 'sans-serif';
	color: #308EB6;
}
h2{
	font:  1.5em 'arial', 'sans-serif';
	color: #888888;
	margin-top: 25px;
}
h3{
	font:  bold 1.3em 'arial', 'sans-serif';
	color: #888888;
}

.anchor-links
{
	margin-top: 0px;
	font-size: 10px;
}


a.internal-link{
	text-decoration:none;
	color: #888888;
}
table td {	
	font:0.8em 'arial', 'sans-serif';
}
table th {	
	font:bold 0.8em 'arial', 'sans-serif';
}

.strongtext-blue, .strongtext-blue a{
	font:bold 1em 'arial', 'sans-serif';
	color:#308EB6;
	
}

/* SPIFFY CORNERS */
/* http://www.spiffycorners.com */
.spiffy{
display:block;
}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
background:#ffffff;
}
.spiffy1{
border-right:1px solid #dbe49a;
padding-right:1px;
margin-right:3px;
border-left:1px solid #dbe49a;
padding-left:1px;
margin-left:3px;
background:#eff3d3;
}
.spiffy2{
border-right:1px solid #c6d560;
border-left:1px solid #c6d560;
padding:0px 1px;
background:#f3f6dd;
margin:0px 1px;
}
.spiffy3{
border-right:1px solid #f3f6dd;
border-left:1px solid #f3f6dd;
margin:0px 1px;
}
.spiffy4{
border-right:1px solid #dbe49a;
border-left:1px solid #dbe49a;
}
.spiffy5{
border-right:1px solid #eff3d3;
border-left:1px solid #eff3d3;
}
.spiffy_content{
padding:10px 15px 10px 15px;	/* top, right,  bottom, left */
background:#ffffff;
}

#sounds-like-you li
{
	margin-bottom: 5px;
}

#sounds-like-you
{
	margin-bottom: 20px;
}

/* our services on home page */

.our-services
{
	margin-bottom: 30px;
}

.our-services h2 a
{
	color: #6B92BC;
	text-decoration: none;
}

.our-services h2 a:hover
{
	color: #308EB6;
}

.our-services h2
{
	background-image: url('../images/gradientline.png');
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	color: #6B92BC;
	margin-bottom: 8px;
}

.our-services h3
{
	font-weight: normal;
	font-size: 1.3em;
	color: #666;
}

.lmargin { margin-left: 20px; }