/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Ziggy's TLC								-
-				Author: 		Cam									-
-				Website: 		WebsiteBlue.com									-
-											-
-																				-
---------------------------------------------------------------------------------- */


	* {margin:0; padding:0;}
	
	
	body {  
			font-family:Tahoma, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight: normal;
			background: #e7f4b4 url("../images/bg.jpg") repeat-x top left;
			margin: 0; padding: 0;
			text-align:center;
		}


/* ------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
------------------------------------------------------------ */

		#wrapper {
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			width: 916px;
			text-align: left;
			background-colour: #FFF;
		}
		
			
/* ------------------------------------------------------------
		MAIN HEADER
------------------------------------------------------------ */

		#header {
			padding: 0; margin: 0; float: left; clear:both;
			width: 916px; height: 180px;
			background-color: transparent;
			position: relative;
		}
		
/* ------------------------------------------------------------
		MAIN CONTENT
------------------------------------------------------------ */

		#content {
			padding: 0; margin: 0; float: left; clear:none;
			width: 620px;
			background-color: transparent;
			position: relative;
		}
		
		#content h1 {
			margin: 12px 0 0 45px; font-size:28px; font-weight:normal;
			color:#FFFFFF;
			}
	
		#content h2 {
			margin: 0px 0 0 0px; font-size:18px; font-weight:normal;
			color:#f46f0a;
			}
			
		#content p {
			margin: 20px 0 0 0px; font-size:12px; font-weight:normal;
			color:#000000; line-height: 18pt;
			}
			
		#content p a {
			color: #6c6c6c; text-decoration:none;
		}
		
		#content p a:hover {
			color: #6c6c6c;  text-decoration:none; border-bottom: #ff6d00 1px solid;
		}
		
		#content p span {
			color: #7dbe0c; font-size:12px;
		}
		
		#content ul {	
			font-size: 12px;
			letter-spacing: 0;
			line-height: 18pt;
			font-weight: normal;
			list-style:disc;
			margin: 10px 0 0 25px; padding: 0; 
			display:block;
		}

		#content li {
			font-weight:normal;
			margin:0;
			padding: 0;
			color: #000000;
			text-decoration: none;
		}
		
		#content #frontBoxContact {
			padding: 0; margin: 10px 6px 0 0; float: left; clear:none;
			width: 305px; height: 109px;
			background: #FFFFFF url(../images/frontBoxContactBg3.jpg) top left;
			border:#bdbcbd 1px solid;
			position: relative;
		}
		
		#content #frontBoxContact p {
			padding: 0; margin: 48px 0 0 15px;
			font-size:10px; color: #7dbe0c; line-height: 18px;
		}
		
		#content #frontBoxContact p span.blue {
			color: #107ac4;
		}
		
		#content #frontBoxContact p span.bigger {
			font-size: 12px;
		}
		
		#content #frontBoxContact .imglink {
			border:none;
		}
		
			#content #frontBoxContact a.imglink:hover {
				text-decoration:none;
			}
		
			#content #frontBoxContact .imglink img {
				border:none;
				float:left;
				margin:-1px 0 0 3px;
			}
		
		#content #frontBoxTip {
			padding: 0; margin: 10px 0; float: left; clear:none;
			width: 305px; height: 109px;
			background: #FFFFFF url(../images/frontBoxTipBg3.jpg) top left;
			border:#bdbcbd 1px solid;
			position: relative;
		}
		
		#content #frontBoxTip p {
			padding: 0; margin: 38px 0 0 15px; width: 280px;
			font-size:10px; color: #7dbe0c; line-height: 18px;
		}
		
		#content #greenHeader {
			padding: 0; margin: 0; float: left; clear:none;
			width: 620px; height: 62px;
			background: #c6de3c url(../images/greenBg.jpg) top left repeat-x;
			border:#90ce0e 1px solid;
			position: relative;
		}
		
		#content #submenu {
			padding: 0; margin: 0; float: left; clear:none;
			width: 620px; height: 35px;
			background: #c6de3c url(../images/submenuBg.jpg) top left repeat-x;
			border:#90ce0e 1px solid;
			border-top: none;
			border-bottom: none;
			position: relative;
		}
		
		#content #submenu p {
			padding: 0; margin: 8px 0 0 45px;
			font-size:11px; color: #6c6c6c; line-height: 18px; font-weight:bold;
		}
		
		#content #submenu p a {
			color: #6c6c6c; text-decoration:none;
		}
		
		#content #submenu p a:hover {
			color: #6c6c6c;  text-decoration:none; border-bottom: #ff6d00 1px solid;
		}
		
		#content #contentGreyBox {
			padding: 30px 50px 30px 45px; margin: 0px 6px 0 0; float: left; clear:none;
			width: 525px;
			background: #FFFFFF url(../images/contentGreyBg.jpg) top left repeat-x;
			border:#90ce0e 1px solid;
			border-top: none;
			border-bottom: none;
			position: relative;
		}
		
		#content img.bluecircle {
			padding: 0px; margin: 10px 0 0 120px;
			width: 261px; width: 261px;
			position: relative;
		}
		
		#content img.jackpic {
			padding: 10px; margin: 0px;
			position: relative; float:right;
		}
		
		#content #testimonials {
			padding: 10px 50px 15px 45px; margin: 20px 0px 0 0; float: left; clear:none;
			width: 425px;
			background-color:#FFFFFF;
			border:#90ce0e 1px solid;
			position: relative;
		}
		
		#content #testimonials p {
			margin: 10px 0px 0 0;

		}
		
		#content span.details { 
				color: #8c8c8c; width: 80px; font-size: 12px; font-weight: bold; cursor: pointer;
				float: left; text-align: right; clear: both; margin: 0 0 0 0px; 
			}
			
		#content span.biggerdetails {
			font-size: 12px; margin: 0 0 0 20px;
		}
		
		#content a.biggerdetailsa {
			font-size: 12px; margin: 0 0 0 20px;
		}
		
/* ------------------------------------------------------------
		FORMS LAYOUT
------------------------------------------------------------ */


		#content fieldset {
				padding:10px 0 0 0; margin: 10px 0 10px 0px; 
				float: left; display: inline; clear:both; width: 520px; max-width: 520px;
				background-color: #FFF; border: none;
				}
	

		#main span.mandatory {
				font-size: 12px; color: #90ce0e;
		}
	
		
		#main .button { 
				display: block; float:left; 
				padding: 0; margin: 10px 0 0 20px;		
				border: none; height: 22px; width: 60px;
		}
	
	
		#main label { 
				color: #8c8c8c; width: 80px; font-size: 12px; font-weight: bold; cursor: pointer;
				float: left; text-align: right; clear: both; margin: 0 0 0 0px; 
			}


		#main label.terms { 
				color: #4892e7;	font-size: 12px; font-weight: bold; cursor: pointer;
				width: 200px; float: left; text-align: left; clear: none; margin: 0 0 0 15px; 
			}	
	
		#main input {
				font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 180px;
				padding: 4px; margin: 0 0 10px 20px; 
				color:#8c8c8c; border: 1px solid #c7c8ca;
				background: #FFF url("../images/inputbg.jpg") repeat-x bottom center;
			}


		#main input.over {
				font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 180px; 
				padding: 4px; margin: 0 0 10px 20px; 
				color:#5b5555; background-color: #f1f1f1; border: 1px solid #777;
			}


		#main select {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 180px; height:22px;
				padding: 3px; margin: 0 0 10px 20px; 
				color:#8c8c8c; border: 1px solid #c7c8ca;
				background: #FFF url("../images/inputbg.jpg") repeat-x bottom center;
		}	

		#main select.over {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 180px; height:22px;
				padding: 3px; margin: 0 0 10px 20px; 
				color:#5b5555; background-color: #f1f1f1; border: 1px solid #777;
			}

		#main textarea {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 380px; height: 120px;
				padding: 3px; margin: 0 0 10px 20px; 
				color:#8c8c8c; border: 1px solid #c7c8ca;
				background: #FFF url("../images/inputbg.jpg") repeat-x bottom center;
			}
		
		
		#main textarea.over2 {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
				float: left; width: 380px;
				padding: 3px; margin: 0 0 10px 20px; 
				color:#5b5555; background-color: #f1f1f1; border: 1px solid #777;
			}


		#main span.required {
				font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;
				float: left; width: 100px; padding: 3px; margin: 0 0 2px 5px; color:#cb0000;
		}
		
/* ------------------------------------------------------------
		Events
------------------------------------------------------------ */

.pdf-element {
	width: 520px;
	margin-bottom:20px;
	/*background: white url(../images/pdf-list-bg.jpg) no-repeat top left;*/
	border-top:1px solid #ccc;
	float:left;
	}
	
.pdf-element img {
	margin: 17px 0 0 14px;
	float: left;
	}
	
.pdf-element a {
	display:block;
	float:left;
	margin:15px 0 0 10px;
	color:#000;
	text-decoration:none;
	width:480px;
	font-size:12px;
	}
	
	.pdf-element a:hover {
		text-decoration:underline;
		}

.clearfix {display: block;}

/* ------------------------------------------------------------
		SIDE
------------------------------------------------------------ */

		#side {
			padding: 0; margin: 0 0 0 10px; float: left; clear:none;
			width: 270px;
			background-color: transparent;
			position: relative;
		}		



/* ------------------------------------------------------------
		FOOTER & COPYRIGHT
------------------------------------------------------------ */


		#footer {
				padding: 5px 0 15px 0; margin: 0;
				width: 916px; clear: both;
				color: #b5ce56; font-size: 11px; 
				line-height: 12pt; font-weight: normal;
				background-color: transparent;
				text-align:left;
				}
	
		#footer a {
				color: #b5ce56; text-decoration: none;
				}
					
		#footer a:hover {
				color:#919191; text-decoration: underline;
				}