/* CSS Document */

body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:62.5%;
		background:#464646;
		margin:0;
}

.clear {
		clear:both;
}

.hide  {
		display:none;
}

strong {
		color:#F37221;
}

#zoom {
	left:305px;
	top:300px;
	width:354px;
	height:500px;
	position:absolute;
}

a #zoom img {
	border:none;
}

a.zoomLink #zoom {
	visibility:hidden;
}

a.zoomLink:hover #zoom {
	visibility:visible;
	border:none;
}

.highlight {
		background:#F26F20;
		font-weight:bold;
		color:#ffffff;
		padding:5px 10px;
}

.highlight a {
		color:#FFB98F;
}

.leftImgFloat {
		float:left;
		margin:0 5px 5px 0;
}

#text {
		padding:20px 20px 10px 10px;
		font-size:1.2em;
		min-height:595px;
}

body#body-BreezeMarine #text {
		background:url(../images/breezemarine/logo.jpg) no-repeat 0 30px;
		padding:210px 20px 10px 10px;
}

body#body-BreezeMarine h1 {
		color:#016ea8;
}

#text object {
		margin:0 0 20px 0;
}

h1 {
		margin:18px 0 15px 0;
		padding:0;
		color:#464646;
		font-size:1.6em;
		font-weight:normal;
}

h2 {
		font-size:1.4em;
		margin:10px 0 0 0;
		padding:0;
		color:#F37221;
}

h3 {
		font-size:1.4em;
		margin:0 0 15px 0;
		padding:0;
}

h4 {
		font-size:1.4em;
		margin:0;
		padding:0;
		color:#EBEBEB;
}

p {
		margin:0 0 10px 0;
}

b {
		color:#F37221;
}

li {
		list-style-image:url(../images/layout/bullet.gif);
		list-style-position:inside;
}

ul {
		margin:10px 0 0 10px;
		padding:0;
}

a {
		color:#F37221;
		font-weight:bold;
		text-decoration:none;
}

a:hover {
		color:#464646;
}

a.readMore {
		color:#F37221;
		text-decoration:none;
		background:url(../images/layout/link-arrow.gif) no-repeat center right;
		padding:2px 10px 2px 0;
}

a.readMore:hover {
		color:#F37221;
}

.floatRight {
		float:right;
}

#socialNetworking {
		left:653px;
		position:absolute;
		top:19px;
}

#designHeading {
		background:url(../images/layout/h2/design.gif) no-repeat;
		width:284px;
		height:28px;
		margin:0 0 5px 0;
}

#printHeading {
		background:url(../images/layout/h2/print.gif) no-repeat;
		width:284px;
		height:28px;
		margin:0 0 5px 0;
}

#webHeading {
		background:url(../images/layout/h2/web.gif) no-repeat;
		width:284px;
		height:28px;
		margin:0 0 5px 0;
}

#ebusinessHeading {
		background:url(../images/layout/h2/ebusiness.gif) no-repeat;
		width:284px;
		height:28px;
		margin:0 0 5px 0;
}

#marketingHeading {
		background:url(../images/layout/h2/marketing.gif) no-repeat;
		width:284px;
		height:28px;
		margin:0 0 5px 0;
}

.servicesContainer {
		margin:32px 0 0 0;
		height:auto;
		padding:0 0 5px 0;
}
/*
.servicesContainer p {
		width:445px;
}*/

/*----------------Headings------------------------------*/

#news {
		width:64px;
		height:34px;
		background:url(../images/layout/h1/news.gif) no-repeat 0 0;
}

#thankYou {
		width:115px;
		height:34px;
		background:url(../images/layout/h1/thankyou.gif) no-repeat 0 0;
}

#jigsaw {
		width:76px;
		height:34px;
		background:url(../images/layout/h1/jigsaw.gif) no-repeat 0 0;
}

#clients {
		width:76px;
		height:34px;
		background:url(../images/layout/h1/clients.gif) no-repeat 0 0;
}

#social {
		width:200px;
		height:34px;
		background:url(../images/layout/h1/social-networking.gif) no-repeat 0 0;
}

#design {
		width:82px;
		height:34px;
		background:url(../images/layout/h1/design.gif) no-repeat 0 0;
}

#designLogos {
		width:143px;
		height:34px;
		background:url(../images/layout/h1/design-logos.gif) no-repeat 0 0;
}

#designSci {
		width:429px;
		height:34px;
		background:url(../images/layout/h1/design-sci.gif) no-repeat 0 0;
}

#designAquilaLaw {
		width:200px;
		height:34px;
		background:url(../images/layout/h1/design-aquila-law.gif) no-repeat 0 0;
}

#designDgcc {
		width:454px;
		height:34px;
		background:url(../images/layout/h1/design-dgcc.gif) no-repeat 0 0;
}

#designCyc {
		width:400px;
		height:34px;
		background:url(../images/layout/h1/design-cyc.gif) no-repeat 0 0;
}

#print {
		width:82px;
		height:34px;
		background:url(../images/layout/h1/print.gif) no-repeat 0 0;
}

#printAquilaLaw {
		width:185px;
		height:34px;
		background:url(../images/layout/h1/print-aquila-law.gif) no-repeat 0 0;
}

#printAndrewEllis {
		width:193px;
		height:34px;
		background:url(../images/layout/h1/print-andrew-ellis.gif) no-repeat 0 0;
}

#printVillaTaylor {
		width:178px;
		height:34px;
		background:url(../images/layout/h1/print-villa-taylor.gif) no-repeat 0 0;
}

#printCyc {
		width:381px;
		height:34px;
		background:url(../images/layout/h1/print-cyc.gif) no-repeat 0 0;
}

#web {
		width:82px;
		height:34px;
		background:url(../images/layout/h1/web.gif) no-repeat 0 0;
}

#webPlantation {
		width:241px;
		height:34px;
		background:url(../images/layout/h1/web-plantation.gif) no-repeat 0 0;
}

#webBlackpool {
		width:241px;
		height:34px;
		background:url(../images/layout/h1/web-blackpool-sands.gif) no-repeat 0 0;
}

#webTms {
		width:380px;
		height:34px;
		background:url(../images/layout/h1/web-tms.gif) no-repeat 0 0;
}

#webSwrpa {
		width:143px;
		height:34px;
		background:url(../images/layout/h1/web-swrpa.gif) no-repeat 0 0;
}



#ebusiness {
		width:112px;
		height:34px;
		background:url(../images/layout/h1/ebusiness.gif) no-repeat 0 0;
}

#ebusinessSwain {
		width:180px;
		height:34px;
		background:url(../images/layout/h1/ebusiness-swain.gif) no-repeat 0 0;
}

#ebusinessPurpleMarine {
		width:264px;
		height:34px;
		background:url(../images/layout/h1/ebusiness-purple-marine.gif) no-repeat 0 0;
}

#ebusinessOss {
		width:346px;
		height:34px;
		background:url(../images/layout/h1/ebusiness-oss.gif) no-repeat 0 0;
}

#ebusinessFibrecrafts {
		width:224px;
		height:34px;
		background:url(../images/layout/h1/ebusiness-fibrecrafts.gif) no-repeat 0 0;
}


#marketing {
		width:115px;
		height:34px;
		background:url(../images/layout/h1/marketing.gif) no-repeat 0 0;
}

#marketingDgcc {
		width:465px;
		height:34px;
		background:url(../images/layout/h1/marketing-dgcc.gif) no-repeat 0 0;
}

#marketingAndrewEllis {
		width:248px;
		height:34px;
		background:url(../images/layout/h1/marketing-andrew-ellis.gif) no-repeat 0 0;
}

#marketingTdc {
		width:418px;
		height:34px;
		background:url(../images/layout/h1/marketing-tdc.gif) no-repeat 0 0;
}

#about {
		width:74px;
		height:34px;
		background:url(../images/layout/h1/about.gif) no-repeat 0 0;
}

#theTeam {
		width:115px;
		height:34px;
		background:url(../images/layout/h1/the-team.gif) no-repeat 0 0;
}

#portfolios {
		width:115px;
		height:34px;
		background:url(../images/layout/h1/portfolios.gif) no-repeat 0 0;
}

#contact {
		width:93px;
		height:34px;
		background:url(../images/layout/h1/contact.gif) no-repeat 0 0;
}


#welcome {
		width:283px;
		height:34px;
		background:url(../images/layout/welcome.gif) no-repeat 0 0;
}

/*------------------------------------------------------*/

#outerWrapper {
		width:955px;
		height:auto;
		margin:0 auto;
}

#logo {
		float:left;
}

#services {
		float:left;
}

#nav {
		width:880px;
		height:35px;
		padding:20px 0 0 35px;
}

#nav ul {
		margin:0;
		padding:0;
}

#nav ul li {
		list-style:none;
		display:inline;
		padding:0 4px 0 0;
}

#nav ul li a img {
		border:none;
}

#leftColumn {
		width:711px;
		height:auto;
		min-height:595px;
		background:#ffffff url(../images/layout/top-corners.gif) no-repeat 0 0;
		float:left;
}


.bottomLeftColumn {
		background:url(../images/layout/bottom-corners.gif) no-repeat 0 0;
		width:711px;
		height:14px;
}

#rightColumn {
		width:213px;
		height:auto;
		float:left;
		padding:24px 0 10px 21px;
}

#rightColumn div {
		margin:0;
		width:181px;
		font-size:1.0em;
}

#rightColumn #portfolioContainer div {
		margin:15px 0 0 0;
		width:181px;
}

h3#news {
		background:url(../images/layout/news/news.gif) no-repeat;
		height:21px;
}

h3#Twitter {
		background:url(../images/layout/h3/twitter.gif) no-repeat;
		height:21px;
}

h3#designPortfolio {
		background:url(../images/layout/h3/design-portfolio.gif) no-repeat;
		height:21px;
}

h3#printPortfolio {
		background:url(../images/layout/h3/print-portfolio.gif) no-repeat;
		height:21px;
}

h3#webPortfolio {
		background:url(../images/layout/h3/website-portfolio.gif) no-repeat;
		height:21px;
}

h3#ebusinessPortfolio {
		background:url(../images/layout/h3/ebusiness-portfolio.gif) no-repeat;
		height:21px;
}

h3#marketingPortfolio {
		background:url(../images/layout/h3/marketing-portfolio.gif) no-repeat;
		height:21px;
}

#rightColumn span {
		color:#F47320;
		font-size:1.2em;
		font-weight:bold;
}

#rightColumn p {
		margin:0;
		padding:0;
		font-size:1.1em;
		color:#EBEBEB;
}

#rightColumn a.seeMore {
		color:#F16D1A;
		text-decoration:none;
		padding:2px 8px 2px 0;
		background:url(../images/layout/news/white-arrow.gif) no-repeat center right;
		/*font-weight:bold;*/
}

#rightColumn a.seeMore:hover {
		color:#EBEBEB;
		text-decoration:none;
		padding:2px 8px 2px 0;
		background:url(../images/layout/news/white-arrow-on.gif) no-repeat center right;
}

#rightColumn h4 a {
		color:#EBEBEB;
		text-decoration:none;
		background:none;
}

#footer {
		font-size:1.2em;
		color:#A6A6A6;
		padding:15px 0 20px 0;
		position:relative;
}

#footer a {
		color:#A6A6A6;
		text-decoration:none;
}

#footer a:hover {
		color:#F17421;
}

#footerNav {
		font-size:0.9em;
		color:#787878;
		margin:5px 0 0 0;
}

#footerNav a {
		color:#787878;
}

.footerBullet {
		width:6px;
		height:6px;
		padding:2px 10px 2px 8px;
		background:url(../images/layout/footer-bullet.gif) no-repeat center center;
}

#newNameFor {
		background:url(../images/layout/newname.gif) no-repeat 0 0;
		width:573px;
		height:32px;
		margin:0 0 20px 0;
}

.twtr-hd {
overflow:hidden;
padding:0 0 9px 0 !important;
position:relative;
}

.twtr-widget .twtr-tweet-wrap {
overflow:hidden;
padding:6px 0 !important;
}

.twtr-ft div {
overflow:hidden;
padding:5px 0 0 0 !important;
}

.twtr-ft span {
float:left !important;
text-align:right;
}



#left ul li {
		font-family:Arial, Helvetica, sans-serif;
}

#left ul li a {
		font-size:1.0em;
		color:#464646;
		font-weight:normal;
}