/*  
	Author: Fred Wu
	URL: http://www.digitaldevelopments.com.au/
*/

/*------------------------------------------------------------
	Page
------------------------------------------------------------*/

* {
	width: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 6;
	top: auto;
}

html, body {
margin:0px;
padding:0px;
text-align:center;
height:100%;
}


* html {.container:height:100%;}

body {
	height: 110%;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial;
	color: #222;
	background-color: #FFF;
}

a {
	color: #7a003b;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	/*text-align: right;  taken out for css menu to work*/
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	color: #7a003b;
	font-family: 'Trebuchet MS', Verdana, Arial;
}

h2 {
	font-size: 20px;
	letter-spacing: -1px;
	background-image: url(../img/whiteback.png);
	font-family: Arial, Helvetica, sans-serif;
	color: #7A003B;
	line-height: 40px;
}

h3 {
	font-weight: normal;
	font-size: 18px;
	margin: 5px 0;
	line-height: 30px;
}

p {
	font-size: 11px;
	margin: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
}

p.sub {
	color: #7A003B;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0;
}

p.center {
	text-align:center;
}

.bkg_purple { color: #7a003b; font-weight: normal; background-color: #ebd9e2; padding: 4px; border-bottom: 1px dotted #7a003b; }
.bkg_white {
	color: #7A003B;
	font-weight: bold;
	background-color: #fff;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
hr {
	border: 1px #ccc solid;
	width: 100%;
	margin: 15px 0 12px 0;
}

* html hr {
	margin: 0;
}

*+html hr {
	margin: 0;
}

/*------------------------------------------------------------
	Forms
------------------------------------------------------------*/

div#form-container {
	padding-left: 90px;
	
}


label {
	color: #888;
	font-size: 12px;
}

input.button {
	background: #df2025;
	border: 0;
	padding: 2px 5px;
	font-size: 12px;
	color: #fff;
	float: right;
	margin: 0 0 0 10px;
}

input.text, textarea {
	border: 1px #ccc solid;
	width: 350px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

textarea {
	height: 100px;
}

/*------------------------------------------------------------
	Structure + Elements
------------------------------------------------------------*/

div#wrapper {
	width: 840px;
	text-align: left;
	height: 100%;
	background-color: #FFFFFF;
	position: relative;
}

.container {
	width:840px;
	text-align:left;
	margin:auto;
	min-height:86%;
	position:relative;
	background-color: #FFFFFF;
}

* html div#wrapper {
	width: 845px;
}


div#header {
	height: 350px;
	background-image: url(../img/header2.jpg);
	width: 841px;
}


	div#header h1 {
	width: 841px;
	height: 84px;
	text-indent: -9999px;
	position: absolute;
	top: 2px;
	left: 1px;
	}
	
	div#header div#icon {
		width: 117px;
		height: 90px;
		background: url(../img/envelope.png);
		position: absolute;
		top: 0;
		left: 720px;
	}
	
	div#header ul#nav {
		list-style: none;
		position: absolute;
		top: 53px;
		left: 290px;
	}
	
		div#header ul#nav li {
			float: left;
		}
		
			div#header ul#nav li span {
				float: left;
				width: 26px;
				height: 20px;
				background: url(../img/nav-divider.png) 12px 2px no-repeat;
			}
		
			div#header ul#nav li a {
				float: left;
				display: block;
				height: 20px;
				text-indent: -9999px;
			}
			
			div#header ul#nav li#nav-home a {
				width: 53px;
				background: url(../img/nav-home.png) no-repeat;
			}
			
			div#header ul#nav li#nav-about a {
				width: 82px;
				background: url(../img/nav-about.png) no-repeat;
			}
			
			div#header ul#nav li#nav-services a {
				width: 81px;
				background: url(../img/nav-services.png) no-repeat;
			}
			
			div#header ul#nav li#nav-testimonials a {
				width: 116px;
				background: url(../img/nav-testimonials.png) no-repeat;
			}
	
div#tag {
}

	div#tag h2 {
	float: left;
	width: 270px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	}
	
	div#tag p {
		display: none;
	}
	
	div#tag div#splash {
	float: left;
	width: 570px;
	height: 330px;
	background-image: url(../img/splash.jpg);
	}

div#tag div#splash2 { 
background: url(../img/px_about.jpg) no-repeat; 
width: 550px; 
height: 330px; 
float: left; 
}

div#tag div#splash3 { 
background: url(../img/px_services.jpg) no-repeat; 
width: 550px; 
height: 330px; 
float: left; 
}

div#tag div#splash4 { 
background: url(../img/pix_testimonials.jpg) no-repeat; 
width: 550px; 
height: 330px; 
float: left; 
}

div#content-left {
	float: left;
	width: 235px;
	text-align: left;
	padding: 0px;
	position: absolute;
	
}

div#nav {
	float: left;
	width: 278px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 110%;
	position:relative; /* needed for footer positioning*/
	margin:0 auto;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
	background-color: #E3E3E4;
}

div#in_nav_container {
	float: none;
	width: 173px;
	position:absolute;
	top: 419px;
	left: 45px;
	background-color: #E3E3E4;
}


.below_nav {
	font-size: 12px;
	margin: 10px 0;
	text-align:center;
}


div#content-right {
	float: right;
	width: 528px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	vertical-align: top;
	height: 100%;
	background-color: #FFFFFF;
}


div#inspirational_image {
	float: right;
	width: 528px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #F1EDEA;
	vertical-align: top;
}


	div#content-right div#inner-left,
	div#content-right div#inner-right {
		float: left;
		width: 260px;
	}
	
	div#content-right div#inner-left {
		margin: 0 10px 0 0;
	}
	
	div#content-right div#inner-left ul,
	div#content-right div#inner-right ul {
		list-style: url(../img/dot.png);
		margin: 0 0 0 10px;
		font-size: 11px;
	}

.footer {
	position:absolute;
	bottom:0px;
	height:64px;
	width: 100%;
	background-image: url(../img/footer.png);
	background-repeat: no-repeat;
}


.clearfooter {
	clear:both;
	height:60px;
}

	div#footer p {
		text-align: right;
		height: 0;
		position: relative;
		top: -10px;
	}
	
	* html div#footer p {
		position: static;
	}
	
	*+html div#footer p {
		position: static;
	}
	
	div#footer ul {
		float: left;
		list-style: none;
	}
	
	div#footer ul li {
		float: left;
	}

		div#footer ul li a {
			color: #fff;
		}

div#watermark {
	text-align: right;
	padding: 10px 0;
	font-size: 11px;
	color: #ca99b1;
	position:absolute;
	bottom:-32px;
	height:14px;
	width: 100%;
}

.px_border { margin-right: 8px; margin-bottom: 5px; margin-left: 8px; padding: 2px; border: solid 1px #7a003b; }
.bx_paragraph { background-color: #e8f0e1; width: 500px; padding: 10px; border: dotted 1px #555; }
.maintextbold {
	font-weight: bold;
}
.Background {
	background-image: url(../img/leftbar.png);
}
.greybackground {
	background-image: url(../img/greyback.png);
}
#inspirational_image {
	text-align: center;
}
.centering {
	text-align: center;
}
#in_nav_container {
	text-align: center;
}