@charset "utf-8";

html, body {
	margin: 0;
	padding: 0;	
	width:100%;
}


body {
	background: url('../images/bggrad.jpg') repeat-x top #e1e1e1;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana;
} 

#container {
	position: absolute;
	top: 0px;
	left: 50%;
	margin: 0 -461px;
	width: 922px;
	height: 550px;
	/*height: 585px;*/
}
#container_christmas {
	position: absolute;
	top: 0px;
	left: 50%;
	margin: 0 -461px;
	width: 922px;
	height: 950px;	/*height: 585px;*/
}
#container.portfolio {
height:620px;
}

#wmpslogo {
	position: absolute;
	top: -10px;
	right: 47px;
}

#header {
	position:absolute;
	top: 82px;
	left: 36px;
	width:380px;
}


#contentcontainer {
position:absolute;
top: 205px;
left: 0px;
width: 453px;
}

.portfolio #contentcontainer {width:248px;top: 190px;} /* portfolio */


#contentcontainer .content {
	font-size: 20px;
	color: #5F5F64;
	width: 250px ;/* 240px */
	border-left: 4px dotted #a2a2a4;
	padding-left: 32px;
	position:absolute;top: 0px;left: 200px; min-height: 170px;	
	background: url('../images/bggrad.jpg') repeat-x 0px -206px;
}

#contentcontainer #copy, #contentcontainer .testimonialcopy {
	font-size: 13px;
	color: #6C7272;
	border-left: 4px dotted #a2a2a4;
	line-height: 20px;
	background: url('../images/bggrad.jpg') repeat-x 0px -206px;
}
.portfolio #contentcontainer #copy {border-left: none;} /* portfolio page */

#contentcontainer #copywide {font-size: 13px;color: #6C7272;}
#contentcontainer #copy p, #contentcontainer .testimonialcopy p, #contentcontainer #copywide p {margin: -2px 0px 9px 0px;}

.portfolio #contentcontainer #copy p  {margin: 0px 0px 0px 0px;}

#contentcontainer .testimonialcopy {position: absolute;width: 346px;padding-left: 29px;overflow: hidden;left: 250px;min-height: 225px;}
.testimonialcopy2 {
	position: absolute;
	width: 250px;
	padding-left: 29px;
	overflow: hidden;
	left: 300px;
	min-height: 225px;
}
.darker p {color: #2A2724;}

.portfolio #portfoliocopy {margin-top:492px;font-size: 13px;color: #6C7272;width:842px;}

/* start of home page content links */
#contentcontainer .content ul li a:link, #contentcontainer .content ul li a:visited {color: #B7B7B8; font-size: 25px;text-decoration:none;} 
#contentcontainer .content ul li {margin: 18px 0px;}
#contentcontainer .content ul li a:hover {color: #EB1E2C;}
/* end of home page content links */

.leftcolumn {width:288px;float:left;display:inline;}
.rightcolumn {width:288px;float:right;display:inline;}

/* start left menu nav */
#contentcontainer #leftnav ul li a:link, #contentcontainer #leftnav ul li a:visited {color: #6C7272; font-size: 22px;text-decoration:none;} 
.portfolio #contentcontainer #leftnav ul li a:link, .portfolio #contentcontainer #leftnav ul li a:visited {color: #6C7272; font-size: 12px;text-decoration:none;} /* portfolio page */

#contentcontainer #leftnav ul li {margin: 0px 0px 12px 0px;}
#contentcontainer #leftnav ul li a:hover, #contentcontainer #leftnav ul li a.active:link, #contentcontainer #leftnav ul li a.active:visited {color: #FF0000;}
.portfolio #contentcontainer #leftnav ul li {margin: 0px 0px 4px 0px;} /* portfolio page */
#contentcontainer #leftnav ul li a:hover, #contentcontainer #leftnav ul li a.active:link, #contentcontainer #leftnav ul li a.active:visited {color: #FF0000;}
.portfolio #contentcontainer #leftnav ul li a:hover, .portfolio #contentcontainer #leftnav ul li a.active:link, .portfolio #contentcontainer #leftnav ul li a.active:visited {color: #FF0000;} /* portfolio page */

#contentcontainer #leftnav ul li h1 {
	color: #FF0000;
	font-size: 22px;
}



#contentcontainer ul li a:link, #contentcontainer ul li a:visited, #contentcontainer a:link, #contentcontainer a:visited {color: #000;text-decoration:none;}
#contentcontainer ul li a:hover, #contentcontainer a:hover {color: #FF0000;}

/* end left menu nav */





#clients #leftnav a.clientlogos:link, #clients #leftnav a.clientlogos:visited {width:221px; height: 46px; display:block;margin-bottom: 13px;background-position:top;background-repeat:no-repeat;}
#leftnav a.contactheadings:link, #leftnav a.contactheadings:visited {width: 221px; height: 30px; display:block;margin-bottom:40px;background-position:top;background-repeat:no-repeat;}
#leftnav h1.contactheadings {width: 221px; height: 30px; display:block;margin-bottom:40px;background-position:bottom;background-repeat:no-repeat;}
#clients #leftnav a.clientlogos:hover, #leftnav a.contactheadings:hover {background-position:bottom;}

#clients #leftnav a.active:link, #clients #leftnav a.active:visited, #leftnav a.active:link, #leftnav a.active:visited {background-position:bottom;}

#leftnav #contactheading {background-image : url('../images/contact-heading.gif'); }
#leftnav #theteamheading {background-image : url('../images/theteam-heading.gif'); }
#leftnav #mapheading {background-image : url('../images/map-heading.gif'); margin-bottom:0px;}

#clients #leftnav #cotswoldLOGO {background-image : url('../images/cotswold.gif'); }
#clients #leftnav #littlewoodsLOGO {background-image : url('../images/littlewoods.gif'); }
#clients #leftnav #studioLOGO {background-image : url('../images/studio.gif'); }
#clients #leftnav #nextLOGO {background-image : url('../images/next.gif'); }
#clients #leftnav #aspireLOGO {background-image : url('../images/aspire.gif'); }
#clients #leftnav #encoreLOGO {background-image : url('../images/encore.gif'); }
#clients #leftnav #turquoiseLOGO {background-image : url('../images/turquoise.gif'); }
#clients #leftnav #octaviaLOGO {background-image : url('../images/octavia.gif'); }
#clients #leftnav #superbreakLOGO {background-image : url('../images/superbreak.gif'); }
#clients #leftnav #bateauxLOGO {background-image : url('../images/bateaux.gif'); }
#clients #leftnav #rnliLOGO {background-image : url('../images/rnli.gif'); }
#clients #leftnav #visitscotlandLOGO {background-image : url('../images/visitscotland.gif'); }

/* start breadcrumb trail menu below main top links */
.breadcrumb {
	position:absolute;
	top: 116px;
	left:0px;
	background-color:#fff;
	width: 730px;
}
.breadcrumb ul li {display:inline;padding-right:12px;}
.breadcrumb ul li a:link, .breadcrumb ul li a:visited {
	color:#B7B7B8;
	font-size: 18px;
	text-decoration:none;
}
.breadcrumb ul li a:hover, .breadcrumb ul li a.active:link, .breadcrumb ul li a.active:visited {color: #EB1E2C;}

.breadcrumb ul li h1 {
	display:inline;
	color: #EB1E2C;
	font-size: 18px;
}
#christmascontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	position:absolute;
	width:605px;
	height:253px;
	z-index:3;
	left: 2px;
	top: 161px;
	line-height: 21px;
	color: #6C7272;
}

/* end breadcrumb trail menu below main top links */

/* start footer */
#footer {
	position:absolute;
	bottom:-18px;
	text-align:center;
	width:100%;
	font-size: 11px;
	color:#B8B8BD;
	padding-top: 20px;
}

#footer a:link, #footer a:visited {color:#B8B8BD;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer p {margin-top: 10px; display:inline;}
#footer h1 {display:inline;}
/* end footer */

/* start background image */
div.backgroundimage {
	z-index: 1;
	background-repeat: no-repeat;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-position: center bottom;
	height: 100%;
	position: absolute;
}
/* end background image */
div.paint {background-image: url(../images/paintsplash_big.png);}
div.chair {background-image: url(../images/chair_big.png);background-position: top center;}
div.boats {background-image: url(../images/boats_big.png);background-position: bottom center;}


/* start header main top menu */
#header {
	position:absolute;
	top:82px;
	width:428px;
	display:block;
}
#header a {text-decoration: none; height: 38px; float:left; background-repeat : no-repeat;}

a#us:link, a#us:visited  {display:inline; width: 46px; height: 26px;background : url('../images/us.gif') no-repeat top; border-right:#BBBBBC dotted 5px;}
a#us:hover {background-position :  bottom;}
h1#us {float:left; width: 46px; height: 26px;background : url('../images/us.gif') no-repeat bottom; border-right:#BBBBBC dotted 5px;}

a#work:link, a#work:visited  {display:inline; width: 96px; height: 26px;background : url('../images/work.gif') no-repeat top; border-right:#BBBBBC dotted 5px;}
a#work:hover {background-position :  bottom;}
h1#work {float:left; width: 96px; height: 26px;background : url('../images/work.gif') no-repeat bottom; border-right:#BBBBBC dotted 5px;}

a#you:link, a#you:visited  {display:inline; width: 70px; height: 26px;background : url('../images/you.gif') no-repeat top;}
a#you:hover {background-position :  bottom;}
h1#you {float:left; width: 70px; height: 26px;background : url('../images/you.gif') no-repeat bottom;}

a#blog:link, a#blog:visited  {display:inline; width: 76px; height: 30px;background : url('../images/blog.gif') no-repeat top;}
a#blog:hover {background-position :  bottom;}
a#contact:link, a#contact:visited  {display:inline; width: 65px; height: 30px;background : url('../images/contact.gif') no-repeat top;}
a#contact:hover {background-position :  bottom;}
a#login:link, a#login:visited  {display:inline; width: 47px; height: 30px;background : url('../images/login.gif') no-repeat top;}
a#login:hover {background-position :  bottom;}
#header a.active {background-position :  bottom;}
/* end header main top menu */


/* start left and right arrows */
div#leftarrow a:link, div#leftarrow a:visited {
	position: absolute;
	z-index: 2;
	height: 22px;
	width: 30px;
	left: 20px;
	top: 50%;
	background: url('../images/leftarrow.png') no-repeat;
	display:none;
}
div#leftarrow a:hover {background: url('../images/leftarrow_red.png') no-repeat;}
a.rss:link {
	color: #5F5F64;
	text-decoration: none;
}
a.rss:visited {
	color: #5F5F64;
	text-decoration: none;
}
a.rss:hover {
	color: #EB1E2C;
	text-decoration: underline;
}
a.rss:active {
	color: #EB1E2C;
	text-decoration: underline;
}

div#rightarrow a:link, div#rightarrow a:visited {
	position: absolute;
	z-index: 2;
	height: 22px;
	width: 30px;
	right: 20px;
	top: 50%;
	background: url('../images/rightarrow.png') no-repeat; display:none;
}
div#rightarrow a:hover {background: url('../images/rightarrow_red.png') no-repeat;}
/* end left and right arrows */


/* miscellaneous */
.hide {
	position: absolute;
	right : 10000px;
}
#quotersname {font-size: 13px; color: #6C7272; /*position:absolute; width: 220px; left: 162px; bottom: -245px; */ float: left; margin: 250px 0px 0px -25px; z-index:1000;}

form.contactform {width: 344px; height: 196px;/*background: url('../images/contactformbkgd.gif') no-repeat;*/padding:0px 15px 0px 15px;}
form.contactform input {background-color:#fff;border:1px solid #dbdbdb;width:160px;color: #6c7272;font-family: arial; font-size: 13px;}
form.contactform select {border:1px solid #dbdbdb;width:334px;margin-top:10px;color: #6c7272;font-family: arial; font-size: 13px;}
form.contactform label {color: #6c7272;font-family: arial; font-size: 13px;margin-top:4px;display:block;}
.red {color:#ec3946;}
form.contactform textarea {border:1px solid #dbdbdb;width:324px;margin-top:10px;color: #6c7272;font-family: arial; font-size: 13px;height: 18px;padding:4px;}

#address {float:right;text-align:right;font-size:18px;color:#b7b7b7;line-height:24px;}

/*#submit {float:right;margin:25px -10px 0px 0px;}*/
.submitlink {float:right;height:18px; padding-right: 15px;background: url('../images/darkarrow.png') no-repeat right;margin-top:18px;text-decoration:none;color:#5f5f64;font-weight:bold;font-size: 13px;}
.larger {background-image: url('../images/larger.png'); margin-right: 20px;padding-right:19px;}

#theteam img {float:left;margin: 7px 20px 0px 0px;}
#theteam p {font-size:13px;color:#6c7272;}

#rss {position:absolute; top: 242px; right: 64px; width: 251px; padding-top:7px; height: 119px; font-size:11px;z-index:100;background-color:#fff;}
#rss li {margin:10px 0px 12px 15px;}
#rss a:link, #rss a:visited {display:block;color:#666;text-decoration:none;font-size:14px;background:url('../images/rightoff.png') no-repeat 0px 2px;padding-left:14px}
#rss a:hover {color:#ff0000;background:url('../images/righton.png') no-repeat 0px 2px;}

#rsstitle {position:absolute; top: 210px; right: 64px; width: 236px; line-height: 33px;font-size:16px; padding-left:15px; color:#666; z-index:150;border-bottom:1px dotted #666;}
#rss_item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5F5F64;
}
.news_item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5F5F64;
	background-image: url(../images/news_item.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-bottom: 4px;
	background-position: 0px 3px;
}



#content404 {font-family: arial; font-size: 13px; line-height: 18px;width: 450px ; position:absolute;top: 0px;left: 0px; min-height: 170px;}

#content404 li {list-style-type:circle;margin-left:15px;}

#content404 p {margin-bottom:5px;}

#content404 ul {margin-bottom:5px;}
#home_accordion {
	position:absolute;
	top: 180px;
	left: 1px;
	width: 190px;
}
#home_redfish {
	position:absolute;
	top: 180px;
	left: 205px;
	width: 505px;
	visibility: visible;
}
#home_marketing {
	position:absolute;
	top: 180px;
	left: 205px;
	width: 505px;
	visibility: hidden;
	display: none;
}
#home_creative {
	position:absolute;
	top: 180px;
	left: 205px;
	width: 505px;
	visibility: hidden;
	display: none;
}
#home_content {
	position:absolute;
	top: 180px;
	left: 205px;
	width: 505px;
	visibility: hidden;
	display: none;
}
#home_rss {
	position:absolute;
	top: 180px;
	left: 750px;
	width: 125px;
}
#homeicon {
	position:absolute;
	top:82px;
	left:0px;
	width:30px;
	display:block;
}
.bullets {
	list-style-type: disc;
	list-style-position: outside;
}
div.backgroundimage2 {
	z-index: 0;
	background-repeat: no-repeat;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-position: center bottom;
	height: 1450px;
	position: absolute;
}
#christmascontent_sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	position:absolute;
	width:260px;
	z-index:3;
	left: 618px;
	top: 198px;
	line-height: 21px;
	color: #6C7272;
}