@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

p, pre, blockquote, form, fieldset, table {
	font: 95% Arial, Helvetica, sans-serif;
	color:#929292;
	margin: 0;
}

ul {
	font: 95% Arial, Helvetica, sans-serif;
	list-style-type:circle;
	margin-left:15px;
}
li{
	font: 95% Arial, Helvetica, sans-serif;
	margin-right:2px;
}

h1, h2, h3, h4, h5, h6 {
	font: 95% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#929292;
	
}
html, body, #container {
	min-height:100%;
	width:100%;
	height:100%;
}
html>body, html>body #container {
	height:auto;
}
#container {
	margin:0 auto 0;
	top: 0;
	left: 15px;
	width: 908px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-size:90%;
} 

body  {
	font: 100% Arial, Helvetica, sans-serif;
	color:#929292;
	text-align: center;
}

#header {
	height:230px; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

#headersub {
	height:230px;
	width:1000px;
	margin: 0px auto;
} 

#headersub h1 {
	font: 80% Arial, Helvetica, sans-serif;
	text-align: left;
} 

#headersub p {
	font: 80% Arial, Helvetica, sans-serif;
	text-align: left;
} 

#titles {
	height:152px;
	width:552px;
	margin: 0px auto 0px auto;
	padding-top: 15px
} 

#charity {
	margin: 0;
	width: 551px;
	height: 351px;
} 

#titles h1 {
	font: 100% Arial, Helvetica, sans-serif;
	text-align: left;
} 

#titles p {
	font: 80% Arial, Helvetica, sans-serif;
	text-align: left;
} 

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	position:absolute;
	top:-100px;
}


#navbar {
	margin: 15px auto 9px auto;
	height:32px;
	width: 884px;
	text-align:left;
	padding:0;
}
#navbar ul {
	font-size: 65%;
	text-align:center;
	list-style-type:none;
	margin:0 0px 0px 0px;
}
#navbar li{
	display:inline;
	margin-right:2px;
}
#navbar a:link{
	padding: 0;
	color: #929292;
	text-decoration: none;
}
#navbar a:visited {
	padding: 0;
	color: #929292;
	text-decoration: none;
}
#navbar a:hover {
	color: #a0a0a0;
	text-decoration:underline;
}


#sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 286px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin: 15px 12px 15px 0;;
	padding: 0px;
	font-size:90%;
}
#sidebarlft {
	float: left;
	width: 286px;
	margin: 15px 13px 15px 12px;
	padding: 0px;
	font-size:90%;
}
#sidebarrgt {
	float: left;
	width: 286px;
	margin: 15px 0 15px 0;
	padding: 0px;
	font-size:90%;
}
#middlebar {
	margin: 15px 13px 15px 0;
	width: 286px;
	padding: 0;
	font-size:90%;
	float: left;
}
#portrightbar {
	float: right;
	width: 435px;
	margin: 15px 12px 15px 0;
	padding: 0px;
	font-size:90%;
}
#portleftbar {
	float: left;
	width: 435px;
	margin: 15px 0 15px 12px;
	padding: 0px;
	font-size:90%;
}

/*packages*/

#packagebar {
	float: left;
	margin: 15px 13px 15px 12px;
	padding: 0px;
	font-size:90%;
}

/*top info box*/

#topinfobox {
	width:880px;
	height:105px;
	margin:20px auto 0 auto;
	border:dotted 2px #c0c0c0;
}

#topinfoboxport {
	width:878px;
	height:105px;
	margin:15px auto 0 auto;
	border:dotted 2px #c0c0c0;
}

/*yellow boxes*/

#boxourteam {
	background:url(../+_1m4g35/ourteamBg.jpg) top left no-repeat;
}
#boxwhoweare {
	background:url(../+_1m4g35/whoweareBg.jpg) top left no-repeat;
}
#boxwhatwedo {
	background:url(../+_1m4g35/whatwedoBg.jpg) top left no-repeat;
}
#boxwhywedoit {
	background:url(../+_1m4g35/whywedoitBg.jpg) top left no-repeat;
}
#boxcreative {
	background:url(../+_1m4g35/creativeBG.jpg) top left no-repeat;
}

/*blue boxes*/

#boxsimplyeffective {
	background:url(../+_1m4g35/simplyeffectiveBG.jpg) top left no-repeat;
}
#boxwebimpact {
	background:url(../+_1m4g35/websitesimpactBG.jpg) top left no-repeat;
}
#boxyoursay {
	background:url(../+_1m4g35/yoursayBG.jpg) top left no-repeat;
}
#boxfaq {
	background:url(../+_1m4g35/faqBG.jpg) top left no-repeat;
}
#boxservices {
	background:url(../+_1m4g35/servicesBG.jpg) top left no-repeat;
}
#boxworking {
	background:url(../+_1m4g35/workingBG.jpg) top left no-repeat;
}
#boxstationary {
	background:url(../+_1m4g35/stationaryBG.jpg) top left no-repeat;
}
#boxppt {
	background:url(../+_1m4g35/pptBG.jpg) top left no-repeat;
}
#boxnewssmall {
	background:url(../+_1m4g35/newssmallBG.jpg) top left no-repeat;
}
#boxbackhome {
	background:url(../+_1m4g35/backhomeBG.jpg) top left no-repeat;
}
#boxbacknews {
	background:url(../+_1m4g35/backnewsBG.jpg) top left no-repeat;
}
#boxworking {
	background:url(../+_1m4g35/threestepsBG.jpg) top left no-repeat;
}

/*green boxes*/

#boxfree {
	background:url(../+_1m4g35/freeconsolBG.jpg) top left no-repeat;
}

/*red boxes*/

#boxpackages {
	background:url(../+_1m4g35/packagesFT.jpg) top left no-repeat;
}
#boxlive01 {
	background:url(../+_1m4g35/live01BG.jpg) top left no-repeat;
}
#boxnuhighlight {
	background:url(../+_1m4g35/nuBG.jpg) top left no-repeat;
}
#boxseathighlight {
	background:url(../+_1m4g35/seatBG.jpg) top left no-repeat;
}
#boxeweekhighlight {
	background:url(../+_1m4g35/eweekBG.jpg) top left no-repeat;
}
#boxvisionshighlight {
	background:url(../+_1m4g35/visionsBG.jpg) top left no-repeat;
}
#boxausthighlight {
	background:url(../+_1m4g35/austBG.jpg) top left no-repeat;
}
#boxbespokehighlight {
	background:url(../+_1m4g35/bespokeBG.jpg) top left no-repeat;
}
#boxbburnhamhighlight {
	background:url(../+_1m4g35/burnhamBG.jpg) top left no-repeat;
}
#boxnortelhighlight {
	background:url(../+_1m4g35/nortelBG.jpg) top left no-repeat;
}
#boxcnnhighlight {
	background:url(../+_1m4g35/cnnBG.jpg) top left no-repeat;
}
#boxcharities {
	background:url(../+_1m4g35/ebpBG.jpg) top left no-repeat;
}
#boxnetwork {
	background:url(../+_1m4g35/fridayclubBG.jpg) top left no-repeat;
}
#boxcross {
	background:url(../+_1m4g35/crossBG.jpg) top left no-repeat;
}
#boxinvite {
	background:url(../+_1m4g35/inviteBG.jpg) top left no-repeat;
}
#boxportfolio {
	background:url(../+_1m4g35/portfolioBG.jpg) top left no-repeat;
}
#boxportfolioback {
	background:url(../+_1m4g35/portfoliobackBG.jpg) top left no-repeat;
}
#boxwebback {
	background:url(../+_1m4g35/backwebBG.jpg) top left no-repeat;
}
#boxbrandback {
	background:url(../+_1m4g35/backbrandBG.jpg) top left no-repeat;
}
#boxprintback {
	background:url(../+_1m4g35/backprintBG.jpg) top left no-repeat;
}
#boxmarketback {
	background:url(../+_1m4g35/backmarketBG.jpg) top left no-repeat;
}
#boxcdromsback {
	background:url(../+_1m4g35/backcdromsBG.jpg) top left no-repeat;
}
#boxpresback {
	background:url(../+_1m4g35/backpresBG.jpg) top left no-repeat;
}
#homebottom {
	background:url(../+_1m4g35/newsBG.jpg) top left no-repeat;
}
#boxpackages {
	background:url(../+_1m4g35/packagesFT.jpg) top left no-repeat;
}



#mainContent {
	margin: 15px 308px 0px 12px;
	border: 2px dotted #c0c0c0;
}
#mainContent ul {
	list-style-type:circle;
	margin-left:15px;
} 
#mainContent li {
	margin-right:2px;
}
#mainContentnoproject {
	margin: 15px 308px 50px 12px;
	border: 2px dotted #c0c0c0;
	padding: 0;
}


#mainContentnewslist {
	margin: 15px 308px 50px 12px;
	border: 2px dotted #c0c0c0;
	padding: 0;
}
#mainContentnewslist a:link {
	color:#d4ad59;
	padding: 0;
	text-decoration:none;
}
#mainContentnewslist a:visited {
	color:#d4ad59;
	padding: 0;
	text-decoration:none;
}
#mainContentnewslist a:hover {
	color:#d4ad59;
	padding: 0;
	text-decoration:underline;
}


#mainContentfaq {
	margin: 15px 308px 50px 12px;
	border: 2px dotted #c0c0c0;
	padding: 0;
}
#mainContentfaq a:link {
	color:#5aa0e8;
	padding: 0;
	text-decoration:none;
}
#mainContentfaq a:visited {
	color:#5aa0e8;
	padding: 0;
	text-decoration:none;
}
#mainContentfaq a:hover {
	color:#5aa0e8;
	padding: 0;
	text-decoration:underline;
}


#mainContentnoproject a:link {
	color:#5aa0e8;
	padding: 0;
	text-decoration:none;
}
#mainContentnoproject a:visited {
	color:#5aa0e8;
	padding: 0;
	text-decoration:none;
}
#mainContentnoproject a:hover {
	color:#5aa0e8;
	padding: 0;
	text-decoration:underline;
}
#mainContenthistory {
	margin: 15px 308px 50px 12px;
	border: 2px dotted #c0c0c0;
	padding: 0;
	height: 3000px;
}
#bottomprojectexample {
	margin: 15px 308px 50px 12px;
	height: 164px;
	border: 2px dotted #c0c0c0;
}
#bottomprojectgallery {
	margin: 15px 308px 50px 12px;
	height: 144px;
	border: 2px dotted #c0c0c0;
}
#allprojectgallery {
	margin: 15px 308px 0 12px;
	height: 145px;
	border: 2px dotted #c0c0c0;
}

#bottomportfolioprojects {
	margin: 15px 308px 30px 12px;
	height: 180px;
	border: 2px dotted #c0c0c0;
}

#bottomportfolioprojects p {
	font: 90% Arial, Helvetica, sans-serif;
	text-align: left;
}

#bottompackages {
	margin: 15px 308px 50px 12px;
	height: 185px;
	border: 2px dotted #c0c0c0;
}

#allportfolioprojects {
	margin: 15px 308px 0px 12px;
	height: 180px;
	border: 2px dotted #c0c0c0;
}
#allportfolioprojects p {
	font: 90% Arial, Helvetica, sans-serif;
	text-align: left;
}


#home {
	margin: 15px 15px 0 15px;
}
#footer {
	position:absolute;
	bottom:5px;
	width: 908px;
	color: #c0c0c0;
	font-size: 70%;
}
#footer ul {
	list-style-type:none;
	margin-left:15px;
}
#footer li{
	display:inline;
	margin-right:2px;
}

/*list css*/

 

/*footer*/

#footer {
	position:relative;
	bottom:5px;
	width: 908px;
	color: #c0c0c0;
	font-size: 80%;
	text-align:center;
}
#footer ul {
	text-align:center;
	list-style-type:none;
	margin:0 5px 0px 5px;
}
#footer li{
	display:inline;
	margin-right:2px;
}
#footer a:link{
	padding: 0;
	color: #c0c0c0;
	text-decoration: none;
}
#footer a:visited {
	padding: 0;
	color: #c0c0c0;
	text-decoration: none;
}
#footer a:hover {
	color: #a0a0a0;
	text-decoration:underline;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
/*atlantis*/

#atlantis {
	position:relative;
	bottom:5px;
	width: 800px;
	color: #A3A3A3;
	font-size: 80%;
	text-align:center;
	margin-top:2px;
}
#atlantis a:link{
	color: #A3A3A3;
	text-decoration:none;
}
#atlantis a:visited {
	color: #A3A3A3;
	text-decoration:none;
}
#atlantis a:hover {
	color: #A3A3A3;
	text-decoration:underline
}
/*locations*/

#locations {
	position:relative;
	width: 890px;
	color: #929292;
	font-size: 100%;
	text-align:justify;
}
#locations ul {
	list-style-type:none;
	margin:5px 0 7px 0;
	padding:0;
}
#locations li{
	display:inline;
	margin:0;
	padding:0;
}
#locations a:link {
	color: #929292;
	text-decoration: none;
	padding:0;
}
#locations a:visited {
	color: #929292;
	text-decoration: none;
}
#locations a:hover {
	color: #666666;
	text-decoration:none;
}
#locations p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*main small box short text*/

.box1 {
	width:282px;
	height:102px;
	margin-bottom:15px;
	border: 2px dotted #c0c0c0;
}
.box1 p {
	padding:0px 20px 8px 10px;
}
.box1 a:link {
	color:#929292;
	padding:0px 0 5px 10px;
	text-decoration:none;	
}
.box1 a:visited {
	color:#929292;
	padding:0px 0 5px 10px;
	text-decoration:none;
}
.box1 a:hover {
	color:#a6a6a6;
	padding:0px 0 5px 10px;
}


.box2 {
	width:282px;
	height:102px;
	margin-bottom:15px;
	border: 2px dotted #c0c0c0;
}
.box2 p {
	padding:0px 75px 8px 10px;
}
.box2 a:link {
	color:#929292;
	padding:0px 0 5px 10px;
	text-decoration:none;	
}
.box2 a:visited {
	color:#929292;
	padding:0px 0 5px 10px;
	text-decoration:none;
}
.box2 a:hover {
	color:#929292;
	padding:0px 0 5px 10px;
	text-decoration:underline;
}


/*contact box*/

.boxcontact {
	width:282px;
	height:223px;
	margin-bottom:10px;
	border: 2px dotted #c0c0c0;
}
.boxcontact p {
	padding:0px 20px 8px 10px;
}
.boxcontact a:link {
	color:#929292;
	padding:0px 0 5px 10px;
	text-decoration:none;
}
.boxcontact a:visited {
	color:#929292;
	padding:0px 0 5px 10px;
	text-decoration:none;
}
.boxcontact a:hover {
	color:#929292;
	text-decoration:underline;
}

/*home page about box*/

.boxabout {
	width:282px;
	height:344px;
	margin-bottom:10px;
	border: 2px dotted #c0c0c0;
}
.boxabout p {
	padding:0px 20px 8px 10px;
}
.boxabout a:link {
	color:#929292;
	padding:0px 0 5px 10px;
	text-decoration:none;
}
.boxabout a:visited {
	color:#929292;
	padding:0px 0 5px 10px;
	text-decoration:none;
}
.boxabout a:hover {
	color:#929292;
	text-decoration:underline;
}


/*home page about box*/

.boxcasestudy {
	width:282px;
	height:223px;
	margin-bottom:10px;
	border: 2px dotted #c0c0c0;
}
.boxcasestudy p {
	padding:0px 20px 8px 10px;
}
.boxcasestudy a:link {
	color:#929292;
	padding:0px 0 5px 10px;
	text-decoration:none;
}
.boxcasestudy a:visited {
	color:#929292;
	padding:0px 0 5px 10px;
	text-decoration:none;
}
.boxcasestudy a:hover {
	color:#929292;
	text-decoration:underline;
}

/*portfolio page box*/

.portbox {
	width:430px;
	height:105px;
	margin-bottom:15px;
	border: 2px dotted #c0c0c0;
}
.portbox p {
	padding:0px 11px 5px 11px;
}
.portbox a:link {
	color:#929292;
	padding:0px 11px 5px 11px;
	text-decoration:none;
}
.portbox a:visited {
	color:#929292;
	padding:0px 11px 5px 11px;
	text-decoration:none;
}
.portbox a:hover {
	color:#a6a6a6;
	padding:0px 11px 5px 11px;
	text-decoration:underline;
}

/*package page box*/

.packagebox {
	width:875px;
	margin-bottom:15px;
	border: 2px dotted #c0c0c0;
}
.packagebox p {
	padding:50px 11px 8px 11px;
}
.packagebox a:link, a:visited {
	padding:0px 0 5px 10px;
	text-decoration:none;
}
.packagebox a:hover {
	text-decoration:underline;
}

/*news box*/

.boxnews {
	margin: 15px 26px 30px 12px;
	height: 120px;
	border: 2px dotted #c0c0c0;
	font-size:90%;
}
.boxnews p {
	padding:50px 20px 8px 10px;
}
.boxnews a:link, a:visited {
	padding:0px 0 5px 10px;
	text-decoration:none;
}
.boxnews a:hover {
	text-decoration:underline;
}

/*link colours*/


.Hbgrey {
	color:#929292;
	font-size:12px;
}

.Hwordblue {
	color:#5aa0e8;
}

.Hwordyellow {
	color:#d4ad59;
	text-decoration:none;
}

.Hwordred {
	color:#e96c5a;
	text-decoration:none;
}

.Hreasons {
	color:#d1a84f;
	font-size:14px;
}

.Hgreencontact {
	color:#62b56f;
	font-size:110%;
}

.dottedBdr {
	border:2px dotted #c0c0c0;
}
.noLink {
	padding-right:15px;
}
.sendbtn {
	margin: 5px 255px 0px 5px;
}
.contactName {
	margin:20px 0 10px 10px;
	font-size:11px;
}
.contactEmail {
	margin:5px 0 10px 10px;
	font-size:11px;
}
.titleimages {
	margin:0;
}

/*news*/

#newsarticle {
	margin: 15px 311px 0 12px;
}
.Hbnewstable {
	border:2px dotted #c0c0c0;
	color:#eb6c5b;
	font-size:12px;
	text-decoration:none;
	margin: 0px 0px 10px 0px;
}
.articlelinkHred {
	color:#5aa0e8;
}


/*form*/

#form {
	margin: 15px 311px 50px 12px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	border: 2px dotted #c0c0c0;
	padding: 0px 15px 10px 15px
}
.Hbformtable {
	color:#63b46f;
	font-size:12px;
	text-decoration:none;
}


/*images*/

.smallimage {
	border: 0;
	float: left;
}
.projectimage {
	border: 0;
	padding: 0;
	float: left;
}

/*backgrounds*/

.background {
		background:url(../+_1m4g35/background.jpg) top center no-repeat #FFFFFF;
} 

.backgroundhome {
		background:url(../+_1m4g35/backgroundhome.jpg) top center no-repeat #FFFFFF;
} 


.list {
	font: 100% Arial, Helvetica, sans-serif;
	list-style-type:circle;
	padding-left: 20px;
}

.baseline {
	position:relative;
	width: 890px;
    height:10px;
	margin:0;
}