/* CSS Document */


body {
	background-image: url(images/bg.jpg); margin:0; padding: 0;
}

#mid-left a	{
	color:#AAA9A9;
	margin:10px 17px;
	text-decoration: none;
	line-height: 20px;
}

#mid-left a:hover	{
	border-bottom:1px dotted #666666;
	color:#37b8db;
	margin:10px 17px;
	text-decoration: none;
}

#mid-left-about a	{
	color:#AAA9A9;
	margin:10px 17px;
	text-decoration: none;
	line-height: 20px;
}

#mid-left-about a:hover	{
	border-bottom:1px dotted #666666;
	color:#37b8db;
	margin:10px 17px;
	text-decoration: none;
}

.style1	{
	color: #b1b1b1;
	font-size: 11px;
	font-family: "Lucida Sans","Lucida Grande",arial;;
}

.getintouch	{
	color:#b1b1b1;
	font-family:"Lucida Sans","Lucida Grande",arial;;
	font-size:11px;
	margin:-15px 21px;
	line-height: 20px;
	padding-right: 7px;
	padding-bottom: 35px;
	float: left;
}

.getintouchblue	{
	color:#37b8db;
	font-family:"Lucida Sans","Lucida Grande",arial;;
	font-size:12px;
	margin:-15px 21px;

}

.whatwedo	{
	color:#b1b1b1;
	font-family:"Lucida Sans","Lucida Grande",arial;;
	font-size:12px;
	margin:0px 21px;
	line-height: 20px;
	padding-right: 7px;
	padding-bottom: 35px;
	float: left;
}

p	{
	color:#AAA9A9;
	font-family:"Lucida Sans","Lucida Grande",arial;;
	font-size:11px;
	margin:20px 21px;
	line-height: 20px;
	text-align: justify;
	padding-right: 7px;
}

.p-home	{
	color:#AAA9A9;
	font-family:"Lucida Sans","Lucida Grande",arial;;
	font-size:13px;
	margin:20px 21px;
	line-height: 20px;
	text-align: justify;
	padding-right: 7px;
}


.style1-content-blue	{
	color:#37b8db;
	font-family:"Lucida Sans","Lucida Grande",arial;;
	font-size:11px;
	margin:0px 0px;
	line-height: 20px;
	text-align: justify;
}

h1	{
	color:#37b8db;
	font-family:"Lucida Sans","Lucida Grande",arial;
	font-size:11px;
	margin:0px 0px;
	line-height: 20px;
	text-align: justify;
	font-weight:normal;
	padding: 0;
}

h2	{
	color:#333;
	font-family:"Lucida Sans","Lucida Grande",arial;
	font-size:10px;
	margin:0px 0px;
	line-height: 20px;
	text-align: justify;
	font-weight:normal;
	padding-right: 0px;
}

.enquiry-form-banner	{
	color:#37b8db;
	font-family:"Lucida Sans","Lucida Grande",arial;;
	font-size:16px;
	margin:20px 21px;
	line-height: 20px;
	text-align: justify;
}

.main-page-header	{
	color: #fff;
	font-size: 20px;
	font-family: "Lucida Sans","Lucida Grande",arial;;
}

.featured-works	{
	color: #B1B1B1;
	font-size: 11px;
	font-family:"Lucida Sans","Lucida Grande",arial;
	padding:54px 0px;
	width: 279px;
}

.featured-works-about	{
	color: #B1B1B1;
	font-size: 11px;
	font-family:"Lucida Sans","Lucida Grande",arial;
	padding:0px 0px;
	width: 279px;
}

#menu {
	float: left;
	list-style: none;
	margin: 0 auto;
	padding:136px 0 0;
	width: 968px;
	height: 35px;
}
#menu li {
	float: left;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #3a3a3a;
	color: #fff;
	display: block;
	float: left;
	margin: 0 1px 0 0px;
	padding: 10px 20px;
	text-decoration: none;
	font-weight:normal;
	font-weight: bold;
}

#menu a:hover {
	background: #37b8db;
	color: #fff;
}

#menuleft {
	float: left;
	list-style: none;
	margin: 0 auto;
	padding:136px 0 0;
	width: 279px;
	height: 35px;
}
#menuleft li {
	float: left;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menuleft a {
	background:#3A3A3A none repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	float:left;
	font-weight:bold;
	margin:-118px 5px 0 0;
	padding:5px 15px;
	text-decoration:none;
	width:236px;
}

#menuleft a:hover {
	background: #37b8db;
	color: #fff;
}

.links-text		{
	font-family: "Lucida Sans","Lucida Grande",arial;
	font-size: 11px;
	color: #000000;
}

#container	{
	width: 980px;
	padding: 0;
	margin: 0 auto;
}

#top	{
	background: url(images/design_01.jpg);
	height: 171px;
	width: 980px;
}

#top-who	{
	background: url(images/top-who.jpg);
	height: 171px;
	width: 980px;
}

#top-web	{
	background: url(images/top-web.jpg);
	height: 171px;
	width: 980px;
}

#top-logo	{
	background: url(images/top-logo.jpg);
	height: 171px;
	width: 980px;
}

#top-graphic	{
	background: url(images/top-graphic.jpg);
	height: 171px;
	width: 980px;
}

#top-branding	{
	background: url(images/top-branding.jpg);
	height: 171px;
	width: 980px;
}

#top-print	{
	background: url(images/top-print.jpg);
	height: 171px;
	width: 980px;
}

#top-contact	{
	background: url(images/top-contact.jpg);
	height: 171px;
	width: 980px;
}

#top-left	{
	background: url(images/design_02.jpg);
	width: 279px;
	height: 176px;
	margin:0 2px;
	float: left;
}

#top-right	{
	background: url(images/design_03.jpg);
	width: 701px;
	height: 176px;
	margin:-176px 2px;
	float: right;
}

#top-right-about	{
	background: url(images/about-banner_03.jpg);
	width: 701px;
	height: 176px;
	margin:-176px 2px;
	float: right;
}

#top-right-contact	{
	background: url(images/contact-banner_03.jpg);
	width: 701px;
	height: 176px;
	margin:-176px 2px;
	float: right;
}

#top-right-website-design	{
	background: url(images/websitedesign_03.jpg);
	width: 701px;
	height: 176px;
	margin:-176px 2px;
	float: right;
}

#top-right-logo-design	{
	background: url(images/logodesign_03.jpg);
	width: 701px;
	height: 176px;
	margin:-176px 2px;
	float: right;
}

#top-right-graphic-design	{
	background: url(images/graphicdesign_03.jpg);
	width: 701px;
	height: 176px;
	margin:-176px 2px;
	float: right;
}

#top-right-corporate	{
	background: url(images/corporatedesign_03.jpg);
	width: 701px;
	height: 176px;
	margin:-176px 2px;
	float: right;
}

#top-right-print	{
	background: url(images/printdesign_03.jpg);
	width: 701px;
	height: 176px;
	margin:-176px 2px;
	float: right;
}

#top-right-contact	{
	background: url(images/contact-banner_03.jpg);
	width: 701px;
	height: 176px;
	margin:-176px 2px;
	float: right;
}

#mid-left	{
	background: url(images/design_04.jpg);
	width: 279px;
	height: 553px;
	margin:0 0px;
	float: left;
}

#mid-left-about	{
	width: 279px;
	height: 553px;
	margin:0 0px;
	float: left;
}

#mid-right	{
	background: url(images/design_05.jpg);
	width: 701px;
	height: 553px;
	margin:0 0px;
	float: right;
}

.purity	{
	border:5px solid #666666;
	margin:60px 6px;
}

#main-banner	{
	background:url(images/Purity-big.jpg);
	height: 306px;
	width: 662px;
	margin: 14px;
}

.ET	{
	border:5px solid #666666;
	margin:-50px 6px;
}

#footer	{
	background: #000000;
	width: 690px;
	height: 100px;
	margin:0 0px;
	text-align: center;
	padding:295px 0;
}

#footer-other	{
	background: #000000;
	width: 690px;
	height: 100px;
	margin:0 0px;
	text-align: center;
	padding:45px 0;
}

#welcome-banner	{
	background:url(images/W1.jpg);
	padding: 0;
	margin: 0;
	height: 57px;
	width: 701px;
}

#about-banner	{
	background:url(images/A1.jpg);
	padding: 0;
	margin: 0;
	height: 57px;
	width: 701px;
}

#contact-banner	{
	background:url(images/C1.jpg);
	padding: 0;
	margin: 0;
	height: 57px;
	width: 701px;
}

#website-design-banner	{
	background:url(images/websitedesign-bar.jpg);
	padding: 0;
	margin: 0;
	height: 57px;
	width: 701px;
}

#logo-design-banner	{
	background:url(images/logo-bar.jpg);
	padding: 0;
	margin: 0;
	height: 57px;
	width: 701px;
}

#graphic-design-banner	{
	background:url(images/graphic-bar.jpg);
	padding: 0;
	margin: 0;
	height: 57px;
	width: 701px;
}

#corporate-banner	{
	background:url(images/corporate-bar.jpg);
	padding: 0;
	margin: 0;
	height: 57px;
	width: 701px;
}

#print-banner	{
	background:url(images/print-bar.jpg);
	padding: 0;
	margin: 0;
	height: 57px;
	width: 701px;
}

#contact-banner	{
	background:url(images/contact-bar.jpg);
	padding: 0;
	margin: 0;
	height: 57px;
	width: 701px;
}


#home-bar	{
	background:url(images/home-bar.jpg);
	padding:0;
	margin:0;
	height:53px;
	width: 701px;
}

.image-home	{
	padding: 3px;
	border: #AAA9A9 solid;
	text-align: center;
	margin:24px 25px;
}

.image-about	{
	padding: 3px;
	border: #AAA9A9 solid;
	text-align: center;
	float: left;
}

.image-about-right	{
	padding: 3px;
	border: #AAA9A9 solid;
	text-align: center;
	margin:8px 42px;
	float: right;
}

#images-left	{
	float:right;
	text-align:center;
}

#home-image	{
	float:right;
}

.clear-left	{
	clear:left;
	color:#FFFFFF;
	margin:10px 33px;
	padding:0 15px;
	text-align:center;
	width:250px;
	font-family:"Lucida Sans","Lucida Grande",arial;
	font-size:12px;
}

.clear-right	{
	clear:left;
	color:#FFFFFF;
	margin:-71px 400px;
	padding:0 15px;
	text-align:center;
	width:250px;
	font-family:"Lucida Sans","Lucida Grande",arial;
	font-size:12px;
}

#aboutus-left	{
	background:url(images/ben-small.jpg);
	float: left;
	height: 244px;
	width: 250px;
	margin:11px 42px;
}

#aboutus-left-2	{
	background:url(images/nathan-small.jpg);
	float: left;
	height: 244px;
	width: 250px;
	margin:30px 42px;
}

#aboutus-right	{
	background:url(images/jonny-small.jpg);
	float: right;
	height: 244px;
	width: 250px;
	margin:11px 42px;
}

#aboutus-right-2	{
	background:url(images/melissa-small.jpg);
	float: right;
	height: 244px;
	width: 250px;
	margin:30px 42px;
}

#aboutus-left-3	{
	background:url(images/confident-business-man-thumb208091.jpg);
	float: left;
	height: 250px;
	width: 250px;
	margin:30px 42px;
}

#aboutus-right-3	{
	background:url(images/confident-business-man-thumb208091.jpg);
	float: right;
	height: 250px;
	width: 250px;
	margin:30px 42px;
}

.niceform	{
	padding-left: 22px;
}

.form-style	{
	color: #b1b1b1;
	font-size: 12px;
	font-family: "Lucida Sans","Lucida Grande",arial;
}

#content-left	{
	width: 50%;
	float: left;
}

#content-right	{
	width: 50%;
	float: left;
}

#website-design-left	{
	width: 70%;
	float: left;
}

.style-white	{
	color: #fff;
	font-size: 11px;
	font-family: "Lucida Sans","Lucida Grande",arial;
}