/* No Worries Marketing Solution */

body, table, td, tr, ul, li, ol, blockquote, div, p, a, br, h1, h2, h3, h4, h5, form, label, text {
	margin: 0;
	padding: 0;
	}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.2em;
	color: #333333;
	background-color: #009999;
	background-image: url(../images/background.jpg);
	text-align: center;
	}
	
/* Main Build */

#container {
	width: 1003px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	text-align: left;
	}
	
#top {
	height: 77px;
	background-image: url(../images/noworries-logo.gif);
	background-repeat: no-repeat;
	background-position: 20px 30px;
	}
	
#topText {
	height: 150px;
	background-image: url(../images/divider.gif);
	background-repeat: no-repeat;
	background-position: 20px 150px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	}
	
#artWork {
	margin-left: 20px;
	margin-right: 20px;
	}
	
#copy {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 30px;
	padding-bottom: 20px;
	}
	
#copy2 {
	margin-left: 30px;
	margin-right: 20px;
	margin-top: 30px;
	padding-bottom: 20px;
	position: relative;
	}
	
#footer {
	width: 1003px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image: url(../images/footer-back.gif);
	height: 70px;
	margin-bottom: 10px;
	}
	
#navigation {
	width: 62px;
	position: absolute;
	right: 0;
	top: 5px;
	}
	
* html #navigation {
	right: 20px;
	}
	
#contact {
	margin-left: 20px;
	width: 903px;
	height: 450px;
	background-image: url(../images/contact-back.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 30px;
	margin-top: 20px;
	}

/*   Componets for Top Section */

#logo {
	width: 206px;
	height: 45px;
	float: left;
	margin-left: 20px;
	margin-top: 30px;
	}
	
#logo h1 a {
	width: 206px;
	height: 45px;
	display: block;
	}
	
#logo h1 a span {
	display: none;
	}
	
#menu {
	width: 260px;
	margin-left: 280px;
	padding-top: 60px;
	}
	
#menu ul {
	list-style: none;
	display: block;
	}
	
#menu ul li {
	display: inline;
	}
	
#menu ul li a {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
	}
	
#menu ul li a:hover {
	color: #00a1b1;
	}
	
#menu ul li a.active {
	color: #00a1b1;
	}
	
/* Top Text Formatting */

#topText h2 {
	color: #000000;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 1.4em;
	font-size: 200%;
	display: inline;
	}
	
#topText h3 {
	color: #009999;
	font-family: "Arial Black";
	font-style: normal;
	line-height: 1.4em;
	font-size: 200%;
	display: inline;
	}
	
#topText strong {
	color: #ff3366;
	font-family: "Arial Black";
	font-style: normal;
	}
	
#topText ul {
	display: block;
	list-style: none;
	}
	
#topText ul li {
	display: inline;
	padding-right: 3px;
	line-height: 1.6em;
	}
	
#topText ul li a {
	font-size: 200%;
	text-decoration: none;
	color: #000000;
	}
	
#topText ul li a:hover {
	
	}
	
#vickers {
	}
#vickers h1 {
	font-size: 200%;
	color: #006633;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#vickers h4 {
	color: #006633;
	}
#vickers a:hover, #vickers a.active {
	color: #006633;
	}
.vickersI {
	background-image: url(../images/green-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

#offinis h1 {
	font-size: 200%;
	color: #00ccff;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#offinis h4 {
	color: #00ccff;
	}		
#offinis a:hover, #offinis a.active {
	color: #00ccff;
	text-decoration: none;
	}
.offinisI {
	background-image: url(../images/offinis-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

#perception h1 {
	font-size: 200%;
	color: #99cc33;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#perception h4 {
	color: #99cc33;
	}	
#perception a:hover, #perception a.active {
	color: #99cc33;
	}
.perceptionI {
	background-image: url(../images/perception-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

#cityDental h1 {
	font-size: 200%;
	color: #99CCFF;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#cityDental h4 {
	color: #99CCFF;
	}
#cityDental a:hover, #cityDental a.active {
	color: #99CCFF;
	}
.cityI {
	background-image: url(../images/city-dental-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#colourtec h1 {
	font-size: 200%;
	color: #ff00cc;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#colourtec h4 {
	color: #ff00cc;
	}
#colourtec a:hover, #colourtec a.active {
	color: #ff00cc;
	}
.colourtecI {
	background-image: url(../images/colourtec-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

#fleurt h1 {
	font-size: 200%;
	color: #990099;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#fleurt h4 {
	color: #990099;
	}	
#fleurt a:hover, #fleurt a.active {
	color: #990099;
	text-decoration: none;
	}
.fleurtI {
	background-image: url(../images/fluert-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#adt {
	}
#adt h1 {
	font-size: 200%;
	color: #333399;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#adt h4 {
	color: #333399;
	}
#adt a:hover, #adt a.active {
	color: #333399;
	text-decoration: none;
	}
.adtI {
	background-image: url(../images/adt-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#acf {
	}
#acf h1 {
	font-size: 200%;
	color: #996600;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#acf h4 {
	color: #996600;
	}
#acf a:hover, #acf a.active {
	color: #996600;
	}
.acfI {
	background-image: url(../images/acf-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#vescene h1 {
	font-size: 200%;
	color: #ffcc33;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#vescene h4 {
	color: #ffcc33;
	}	
#vescene a:hover, #vescene a.active {
	color: #ffcc33;
	}
.vesceneI {
	background-image: url(../images/vescene-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#ashton h1 {
	font-size: 200%;
	color: #0066cc;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#ashton h4 {
	color: #0066cc;
	}
#ashton a:hover, #ashton a.active {
	color: #0066cc;
	text-decoration: none;
	}
#astonI {
	background-image: url(../images/blue-i.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#rms h1 {
	font-size: 200%;
	color: #003366;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#rms h4 {
	color: #003366;
	}	
#rms a:hover, #rms a.active {
	color: #003366;
	text-decoration: none;
	}
.rmsI {
	background-image: url(../images/rms-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#olive h1 {
	font-size: 200%;
	color: #669933;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#olive h4 {
	color: #669933;
	}		
#olive a:hover, #olive a.active {
	color: #669933;
	}
.oliveI {
	background-image: url(../images/olive-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

#pipeworks h1 {
	font-size: 200%;
	color: #3333cc;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#pipeworks h4 {
	color: #3333cc;
	}
#pipeworks a:hover, #pipeworks a.active {
	color: #3333cc;
	}
.pipeworksI {
	background-image: url(../images/pipeworks-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

#pureHealth h1 {
	font-size: 200%;
	color: #990099;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#pureHealth h4 {
	color: #990099;
	}	
#pureHealth a:hover, #pureHealth a.active {
	color: #990099;
	}
.pureI {
	background-image: url(../images/pureHealth-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#horton h1 {
	font-size: 200%;
	color: #ff0000;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#horton h4 {
	color: #ff0000;
	}	
#horton a:hover, #horton a.active {
	color: #ff0000;
	text-decoration: none;
	}
.hortonI {
	background-image: url(../images/horton-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0 ;
	}
	
#polyroom a:hover, #polyroom a.active {
	color: #33ccff;
	text-decoration: none;
	}

#work h1 {
	font-size: 200%;
	color: #009999;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
#work h4 {
	color: #009999;
	display: inline;
	}		
#work a:hover, #work a.active {
	color: #009999;
	text-decoration: none;
	}
.workI {
	background-image: url(../images/work-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
/* ArtWork Styles */

#artWork img {
	margin-top: 20px;
	}
	
/* Main Copy Styles */

#copyLeft {
	width: 350px;
	float: left;
	margin-left: 60px;
	}
* html #copyLeft {
	margin-left: 30px;
	}
	
#copyRight {
	width: 350px;
	float: right;
	margin-right: 130px;
	}
* html #copyRight {
	margin-right: 70px;
	}
	
#copy h1 {
	font-size: 200%;
	color: #00a1b1;
	line-height: 1.3em;
	padding-bottom: 6px;
	margin-left: 60px;
	}
	
#copy p {
	padding-bottom: 15px;
	}
	
#copy2 p {
	padding-bottom: 15px;
	}
	
.greenI {
	background-image: url(../images/green-i.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
.blueI {
	background-image: url(../images/blue-i.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
/* Contact Form */

#contact h1 {
	line-height: 1.3em;
	color: #ffffff;
	}
#contact h2 {
	line-height: 1.3em;
	color: #ffffff;
	font-weight: normal;
	}
	
#contactForm .text {
	width: 432px;
	height: 29px;
	background-image: url(../images/input-box.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 140%;
	font-weight: normal;
	color: #ffffff;
	padding-top: 5px;
	padding-left: 5px;
	border: none;
	}
	
#contactForm .textArea {
	width: 898px;
	height: 99px;
	background-image: url(../images/text-area.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 160%;
	color: #ffffff;
	padding-top: 5px;
	padding-left: 5px;
	border: none;
	}
	
#contactForm label {
	font-size: 140%;
	font-weight: bold;
	color: #ffffff;
	margin-top: 20px;
	line-height: 1.3em;
	}
	
#contactForm .button {
	width: 109px;
	height: 34px;
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 25px;
	color: #ffffff;
	font-size: 140%;
	font-weight: bold;
	border: none;
	}
	
.product {
	width: 200px;
	float: right;
	}
	
	
/* Footer Components */

#bottomMenu {
	padding-top: 30px;
	width: 260px;
	margin-left: 280px;
	float: left;
	}
* html #bottomMenu {
	margin-left: 135px;
	}
	
#bottomMenu ul {
	list-style: none;
	display: block;
	}
	
#bottomMenu ul li {
	display: inline;
	}
	
#bottomMenu ul li a {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
	}
	
#bottomMenu ul li a:hover {
	color: #00a1b1;
	}
	
#bottomMenu .active {
	color: #00a1b1;
	}
	
.copy {
	width: 240px;
	float: right;
	margin-right: 20px;
	margin-top: 30px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #000000;
	}
	
.clear {
	clear: both;
	}