@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px;
	margin:0px;
	color:#444444; 
	}
p {
	margin:0 0 14px;
	padding:0;
	line-height:18px;
	color:#444444;
}
a {
	font-weight:bold;
	color:#367A83
}

b { color:#666666; }

input {		border:1px solid #b9b9b9; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif }

input.postcode {		border:1px solid #b9b9b9; padding:4px; background-color:#f4f4f4; width:180px }


a:hover {
	font-weight:bold;
	color:#748B46
}

a.selected {
	text-decoration:underline
}

/******************************************NAV******************************************/

div#main-outer {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-top:14px;
	position:relative;
	z-index:1;
}

div#nav {
	position:absolute;
	z-index:2;
	left:366px;
	top:26px;
}
div#nav ul {
	list-style:none;
	padding:0;
	margin:0;
	font-weight:bold;
	z-index:500;
}

div#nav ul li a.link1 {
	color:#dfad3e;
}
div#nav ul li a.link2 {
	color:#367a83; 
}
div#nav ul li a.link3 {
	color:#748b46; 
}
div#nav ul li a.link4 {
	color:#9b181c
}
div#nav ul li.selected a {
	text-decoration: underline
}

/****************************************** END NAV******************************************/

div#content-red {
	background-color:#f1f1f1;
	background-image:url(../images/bg-red.gif);
	margin-top:16px;
	position:relative;
	float:left;
	z-index:1;
	width:800px
}

div#content-blue {
	background-color:#f1f1f1;
	background-image:url(../images/bg-blue.gif);
	width:100%;
	margin-top:16px;
	position:relative;
	float:left;
	z-index:1;
	width:800px

}

div#content-green {
	background-color:#f1f1f1;
	background-image:url(../images/bg-green.gif);
	width:100%;
	margin-top:16px;
	position:relative;
	float:left;
	z-index:1;
	width:800px
}

div#content-yellow {
	background-color:#f1f1f1;
	background-image:url(../images/bg-yellow.gif);
	width:100%;
	margin-top:16px;
	position:relative;
	float:left;
	z-index:1;
	width:800px
}

div#col1 {
	width:300px;
	height:100%;
	float:left; 
}

div#col2 {
	width:492px;
	float:right; 
}
div.padder {
	padding:18px;
	padding-bottom:2px;
}

div.inpadder {
	padding:12px 12px 6px 12px;
}

div.inpadder2 {
	padding:12px 12px 0px 12px;
}

.page-block-blue div.inpadder, .page-block-red div.inpadder, .page-block-yellow div.inpadder, .page-block-green div.inpadder    { padding-bottom:6px }

div#corntl {
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(../images/corners.png);
	background-repeat:no-repeat;
	height:14px;
	width:14px;
}
div#corntr {
	position:absolute;
	right:0px;
	top:0px;
	background-image:url(../images/corners.png);
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	background-position:-20px 0px
}
div#cornbl {
	position:absolute;
	left:0px;
	bottom:0px;
	background-image:url(../images/corners.png);
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	background-position:-40px 0px
}
div#cornbr {
	position:absolute;
	right:0px;
	bottom:0px;
	background-image:url(../images/corners.png);
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	background-position:-60px 0px
}

/****************************************** INTRO's ******************************************/

div#intro {
	position:absolute;
	bottom:24px;
	left:20px;
	height:130px;
	text-transform:lowercase;
	background-repeat:no-repeat;
}


div#content-red	div#intro {		background-image:url(../images/contact.png); }
div#content-blue div#intro {	background-image:url(../images/services.png); }
div#content-green div#intro {	background-image:url(../images/portfolio.png); }
div#content-yellow div#intro { 	background-image:url(../images/about.png); }
 

div#intro h1 {
	font-size:20px;
	color:#FFFFFF;
	padding:110px 0 0 0;
	margin:0;
	width:255px
}

div#intro h1 span  {
	display:none;
}

/****************************************** PAGE BLOCKS******************************************/

.page-block {
	text-align: left;
	position:relative;
	float:left; width:260px;
	z-index:4;
	background-color: #eaeaea;
	margin-bottom:16px;
	border:1px solid #f9f9f9;
}

div#content-red div.pb-tl {		height:13px; width:13px; position:absolute; left:-1px; top:-1px; z-index:55; background-image:url(../images/red-tl.gif); background-repeat:no-repeat; }
div#content-red div.pb-tr {		height:13px; width:13px; position:absolute; right:-1px; top:-1px; z-index:55; background-image:url(../images/red-tr.gif); background-repeat:no-repeat; }
div#content-red div.pb-bl {		height:13px; width:13px; position:absolute; left:-1px; bottom:-1px; z-index:55; background-image:url(../images/red-bl.gif); background-repeat:no-repeat; }
div#content-red div.pb-br {		height:13px; width:13px; position:absolute; right:-1px; bottom:-1px; z-index:55; background-image:url(../images/red-br.gif); background-repeat:no-repeat; }

div#content-blue div.pb-tl {		height:13px; width:13px; position:absolute; left:-1px; top:-1px; z-index:5; background-image:url(../images/blue-tl.gif); background-repeat:no-repeat; }
div#content-blue div.pb-tr {		height:13px; width:13px; position:absolute; right:-1px; top:-1px; z-index:5; background-image:url(../images/blue-tr.gif); background-repeat:no-repeat; }
div#content-blue div.pb-bl {		height:13px; width:13px; position:absolute; left:-1px; bottom:-1px; z-index:5; background-image:url(../images/blue-bl.gif); background-repeat:no-repeat; }
div#content-blue div.pb-br {		height:13px; width:13px; position:absolute; right:-1px; bottom:-1px; z-index:5; background-image:url(../images/blue-br.gif); background-repeat:no-repeat; }

div#content-green div.pb-tl {		height:13px; width:13px; position:absolute; left:-1px; top:-1px; z-index:5; background-image:url(../images/green-tl.gif); background-repeat:no-repeat; }
div#content-green div.pb-tr {		height:13px; width:13px; position:absolute; right:-1px; top:-1px; z-index:5; background-image:url(../images/green-tr.gif); background-repeat:no-repeat; }
div#content-green div.pb-bl {		height:13px; width:13px; position:absolute; left:-1px; bottom:-1px; z-index:5; background-image:url(../images/green-bl.gif); background-repeat:no-repeat; }
div#content-green div.pb-br {		height:13px; width:13px; position:absolute; right:-1px; bottom:-1px; z-index:5; background-image:url(../images/green-br.gif); background-repeat:no-repeat; }

div#content-yellow div.pb-tl {		height:13px; width:13px; position:absolute; left:-1px; top:-1px; z-index:5; background-image:url(../images/yellow-tl.gif); background-repeat:no-repeat; }
div#content-yellow div.pb-tr {		height:13px; width:13px; position:absolute; right:-1px; top:-1px; z-index:5; background-image:url(../images/yellow-tr.gif); background-repeat:no-repeat; }
div#content-yellow div.pb-bl {		height:13px; width:13px; position:absolute; left:-1px; bottom:-1px; z-index:5; background-image:url(../images/yellow-bl.gif); background-repeat:no-repeat; }
div#content-yellow div.pb-br {		height:13px; width:13px; position:absolute; right:-1px; bottom:-1px; z-index:5; background-image:url(../images/yellow-br.gif); background-repeat:no-repeat; }


div#content-red div.page-block h1 { color:#990000; background-image:url(../images/arrow-title.gif); background-repeat:no-repeat; background-position:4px 6px; }
div#content-blue div.page-block h1 { color:#367a83; background-image:url(../images/arrow-title.gif); background-repeat:no-repeat; background-position:4px 6px; }
div#content-green div.page-block h1 { color:#627d30; background-image:url(../images/arrow-title.gif); background-repeat:no-repeat; background-position:4px 6px; }
div#content-yellow div.page-block h1 { color:#e39f0e; background-image:url(../images/arrow-title.gif); background-repeat:no-repeat; background-position:4px 6px; }

div#content-red div.page-block div.inpadder table tr td b  {  color:#e39f0e }
div#content-blue div.page-block div.inpadder table tr td b  {  color:#627d30 }
div#content-green div.page-block div.inpadder table tr td b  {  color:#367a83 }
div#content-yellow div.page-block div.inpadder table tr td b {  color:#990000 }


.page-block h1 {
	font-size:16px;
	padding:0 0 0 25px;
	margin:0;
	margin-bottom:14px
}

div#title-block {		background-color:#FFFFFF; height:28px; padding:8px 0 0 8px; border-bottom:1px solid #cccccc }

.page-block h4 { 		font-size:12px; text-decoration:underline; padding:0px 0 10px 0; margin:0 }


/****************************************** CONTENT BLOCKS******************************************/

.content-block {
	text-align: left;
	position:relative;
	z-index:4;
	background-color: #ffffff;
	border:1px solid #b9b9b9;
	margin-bottom:16px;
	color:#FFFFFF
}





div.content-block div.cb-tl {		height:13px; width:13px; position:absolute; left:-1px; top:-1px; z-index:5; background-image:url(../images/grey-tl.gif); background-repeat:no-repeat; }
div.content-block div.cb-tr {		height:13px; width:13px; position:absolute; right:-1px; top:-1px; z-index:5; background-image:url(../images/grey-tr.gif); background-repeat:no-repeat; }
div.content-block div.cb-bl {		height:13px; width:13px; position:absolute; left:-1px; bottom:-1px; z-index:5; background-image:url(../images/grey-bl.gif); background-repeat:no-repeat; }
div.content-block div.cb-br {		height:13px; width:13px; position:absolute; right:-1px; bottom:-1px; z-index:5; background-image:url(../images/grey-br.gif); background-repeat:no-repeat; }

div.content-title {		background-color:#FFFFFF; height:28px; padding:8px 0 0 8px; border-bottom:1px solid #cccccc; background-image:url(../images/content-title-bg.gif) }

div#content-red div.content-title h1 { color:#990000; background-image:url(../images/arrow-title.gif); background-repeat:no-repeat; background-position:4px 6px; }
div#content-blue div.content-title h1 { color:#367a83; background-image:url(../images/arrow-title.gif); background-repeat:no-repeat; background-position:4px 6px; }
div#content-green div.content-title h1 { color:#627d30; background-image:url(../images/arrow-title.gif); background-repeat:no-repeat; background-position:4px 6px; }
div#content-yellow div.content-title h1 { color:#990000; background-image:url(../images/arrow-title.gif); background-repeat:no-repeat; background-position:4px 6px; }

div.content-title h1 { font-size:16px; color:#999999; 	padding:0 0 0 25px;	margin:0;
	margin-bottom:14px
 }


/****************************************** FOOTER******************************************/

div#footer {
	margin-top:16px; margin-bottom:24px; padding:0
}
div#footer span {
	margin: 0 10px;
}

/*************************************** IMPORTED NAV CSS**************************************/

div#nav ul {
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	position:relative; z-index:600
}
div#nav ul li {
	list-style-type:none;
	display:inline; background-image:none; text-align:left; margin-right:4px; position:relative; z-index:600; float:left
}

/*- Navbar -*/

#navbar, #navbar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#navbar a {
	display: block;
	text-decoration:none;
	font-size:14px;
}
#navbar a {
	margin-top:0px;
	background:url(../images/navbutton2.gif) no-repeat;
	background-position:0px -52px;
	padding:0 0px 0 6px;
	line-height:18px;
	font-weight:bold;
	z-index:600;
	height:36px
}
#navbar a span {
	display:block;
	background:transparent url(../images/navbutton2.gif) repeat-x 100% -52px;
	padding:8px 28px 8px 0px;
	position:relative; right:-3px; z-index:506; text-align:left; z-index:200
}

#navbar a.no-drop {
	margin-top:0px;
	background-image:none;
	padding:0 10px 0 0px;
	line-height:18px;
	font-weight:bold;
}
#navbar a.no-drop span {
	display:block;
	background-image:none;
	padding:8px 0px 8px 10px;
	position:relative; right:-3px; z-index:506; text-align:center
}


#navbar a:hover span {
	background-position:100% 0px;
	text-decoration:none;
	height:28px;
	cursor:hand;
}

#navbar a:hover {
	color:#FFFFFF;
	text-decoration:none;
	padding-bottom:0px; position: relative; z-index:505;
}



#navbar li {
	float: left;
	margin-right:0px;
	margin-left:3px;
	z-index:509
}


#navbar li ul {
	position: absolute;
	width: 200px;
	z-index:400;
	border:1px solid #b9b9b9;
	border-width:0px 0px 0px 1px;
	left: -999em;
	top:34px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:0px;
	text-align:left;
	padding-bottom:10px;
	background-image:url(../images/nav-bg.gif); background-position:top right
}

#navbar li ul#link3 {
	background-image:url(../images/nav-bg2.gif); background-position:top right
}

#navbar li ul#link3 li a { color:#748B46; font-weight:normal; font-size:12px }
#navbar li ul#link2 li a { color:#367A83; font-weight:normal; }



#navbar li ul li {
	width:200px; text-align:left; margin:0; height:24px
}

#navbar li ul li a {
	display:block;
	font-weight:normal;
	text-align:left;
	font-size:12px;
	margin:0px;
	background:none;
	border:0;
	padding:8px 8px 2px 8px;
	text-decoration:none;
	width:184px;
	float:left
}

#navbar li ul li#bottom {	height:1px; line-height:1px }
#navbar li ul li#bottom img {	position:relative; top:6px; left:-1px}

#navbar li ul li a:hover {
	text-decoration:underline;
	color:#ca5f26;
	height:26px
}


#navbar li:hover ul {
	left:auto;
	z-index:400;
}
#navbar li:hover a {
	background-position:0 -0px;
	
}
#navbar li:hover a span {
	background-position:100% -0px; height:18px;
	text-decoration:underline;
}

#navbar a.this, #navbar a.this:hover, #navbar li:hover a.this {

}
#navbar a.this span, #navbar a.this:hover span, #navbar li:hover a.this span {
	
	text-decoration:underline
}

/*- Navbar -*/

#navbar_contain {
	height:35px;
	position:relative
	width:100%;
	z-index:600;
	padding-left:0px;
}


table.list-block tr td { padding:10px 12px 14px 12px; border-bottom:1px solid #cccccc; vertical-align:top }

table.list-block tr td.image{	
background-color:#F3F3F3;
text-align:center;
width:130px; }


table.list-block tr td img { border:1px solid #b9b9b9; padding:2px; background-color:#FFFFFF; width:195px; height:60px; float:left; margin:6px 0 }	

div#content-red table.list-block tr td.image img:hover{		border:2px solid #990000; padding:1px} 
div#content-blue table.list-block tr td.image img:hover{		border:2px solid #367A83;  padding:1px} 
div#content-green table.list-block tr td.image img:hover{		border:2px solid #627D30; padding:1px} 


table.list-block tr td p { padding:0px; margin:0}

table#contact-form tr td {		padding:0px 1px 12px; color:#444444 }
table#contact-form tr td input {	border:1px solid #b9b9b9; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif}
table#contact-form tr td input.checkbox { border:none; padding:0px; }
table#contact-form tr td textarea {	border:1px solid #b9b9b9; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:350px; height:100px}

table#contact-form tr td  b { color:#E39F0E }	

div.map-wrapper {		height:310px; border:1px solid #b9b9b9; margin-bottom:10px; }

div#map span {		display:none; }


a.button {				height:30px; background-image: url(../images/button-orange.gif); display:inline-block; padding-bottom:6px; margin-top:-1px; cursor:hand; text-transform:none; color:#FFFFFF; background-repeat:no-repeat; margin-bottom:6px; text-decoration:none; line-height:30px;  z-index:5000; width:auto; color:#990000;
background-repeat:no-repeat; }

a.button:hover  { background-position:0px -48px; }

a.button span {				color:#990000; text-decoration:none; margin:0 0 0 10px; line-height:15px; padding:9px 36px 0 0; background-image: url(../images/button-orange.gif); height:27px; background-position:top right; display:block; width:auto; background-repeat:no-repeat  }

a.button span:hover  { background-position:100% -48px; background-repeat:no-repeat; text-decoration:underline }

div#content-red a.button  { 		background-image:url(../images/button-red.gif); }
div#content-blue a.button  { 		background-image:url(../images/button-blue.gif); }
div#content-green a.button  { 		background-image:url(../images/button-green.gif); }

div#content-red a.button span { 		background-image:url(../images/button-red.gif); color:#367A83 }
div#content-blue a.button span { 		background-image:url(../images/button-blue.gif); color:#627D30 }
div#content-green a.button span { 		background-image:url(../images/button-green.gif); color:#367A83 }

.content-block h4 {
font-size:12px;
margin:0;
padding:0 0 4px;
text-decoration:underline;
color:#000000}

div#content-red .content-block h4 a{ color:#367A83 }
div#content-red .content-block h4 a:hover{ color:#9B181C }

div#content-blue .content-block h4 a{ color:#627d30 }
div#content-blue .content-block h4 a:hover{ color:#367A83 }


.content-block h4 i { font-size:11px; font-style:normal; text-decoration:none;  }

div#link-block {		color:#eaeaea; padding-bottom:190px }
div#link-block-wb {		color:#eaeaea; padding-bottom:0px }


div#link-block h3, div#link-block-wb h3 { font-size:16px;
margin:0 0 14px;
padding:0 0 0 10px; text-decoration:underline; }

div#link-block ul li, div#link-block-wb ul li { list-style:none; padding:0; margin:0 0 4px  }
div#link-block ul li a, div#link-block-wb ul li a { color:#eaeaea; font-weight:normal  }
div#link-block ul li a:hover, div#link-block-wb ul li a:hover { color:#ffffff; font-weight:normal  }

div#link-block ul, div#link-block-wb ul { padding:0px; margin:0px 0 0 10px; }

div#content-red div#twitter  { height:94px; width:262px; background-image:url(../images/twitter-red2.gif); margin-bottom:70px  }
div#content-blue div#twitter { height:94px; width:262px; background-image:url(../images/twitter-blue.gif); margin-bottom:70px}
div#content-green div#twitter {  height:94px; width:262px; background-image:url(../images/twitter-green.gif); margin-bottom:70px}

div#twitter div.inner {		padding-top:15px; }

div#content-red div#twitter a { display:block; text-decoration:none; width:250px; padding:21px 0 44px 11px;  }
div#content-blue div#twitter a { display:block; text-decoration:none; width:250px; padding:21px 0 44px 11px;  }
div#content-green div#twitter a { display:block; text-decoration:none; width:250px; padding:21px 0 44px 11px;  }

div#twitter a span {	display:none }


.categories { /*header of 2nd demo*/
	cursor: hand;
	cursor: pointer;
	margin: 0;
	padding:10px 0 12px 10px;
	font-weight:bold;
	border-bottom:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	background-color:#e9e9ea;
}
.categories2 { /*header of 2nd demo*/
	cursor: hand;
	cursor: pointer;
	margin: 0;
	padding:10px 0 12px 10px;
	font-weight:bold;
	border-bottom:1px solid #ffffff;
	background-color:#e9e9ea;
}
.categories:hover {
	color:#9B181C;
	text-decoration:underline
}
.categories  {
	text-decoration:none;
	color:#806ea0;
	display:block; width:251px
	
}
.categories2 a:hover {
	color:#ae4c4c;
	text-decoration:underline
}
.openlanguage { /*class added to contents of 2nd demo when they are open*/
	color: #9B181C;
	background-image:url(../images/minus.gif);
	background-repeat:no-repeat;
	background-position:94% 11px;
	text-decoration:underline
}

.openlanguage:hover { /*class added to contents of 2nd demo when they are open*/
	background-image:url(../images/minus-over.gif);
}

.closedlanguage { /*class added to contents of 2nd demo when they are closed*/
	color: #367A83;
	background-image:url(../images/plus.gif);
	background-repeat:no-repeat;
	background-position:94% 11px;
}

.closedlanguage:hover { /*class added to contents of 2nd demo when they are open*/
	background-image:url(../images/plus-over.gif);
}

.category-item {
	border-bottom:1px solid #b9b9b9;
	padding:6px 10px 0 10px ;
	background-color:#ffffff;
	z-index:200
}
div.category-item ul {
	list-style-type:none; padding:8px 0 12px 10px; margin:0
}
div#categories-list {
	z-index:10
}

.category-item table {  height:50px }
.category-item a.image {border:1px solid #b9b9b9; margin:6px 0 8px 0; height:60px; width:236px;  z-index:900; display:inline-block; }
.category-item a.image:hover {border:1px solid #367A83;}
.category-item h1 { 		padding:0; margin:0;  }
.category-item h1 span{		display:none }

h1.wd a.image {		background-image:url(../images/web-design.gif) }
h1.seo a.image {		background-image:url(../images/search-engines.gif) }
h1.cms a.image {		background-image:url(../images/content-management-systems.gif) }
h1.gd a.image {		background-image:url(../images/graphic-design.gif) }
h1.bds a.image {		background-image:url(../images/brand-design-stationary.gif) }
h1.wm a.image {		background-image:url(../images/website-marketing.gif) }
h1.phot a.image {		background-image: url(../images/camera.jpg) }





a.more-link {	margin-left:5px }

table.list-block tr td p.category {	font-size:11px; padding-bottom:6px; font-weight:normal }
table.list-block tr td p.category a { font-weight:normal; }

div.breadcrumbs {		color:#666666; float:left; padding-top:4px; width:310px; }
div.save-page {		color:#666666; float:right; width:110px; }
a#bookmark {		background-image:url(../images/bookmark.gif); background-repeat:no-repeat; float:right; padding-left:30px; padding-right:0px; height:22px; display:block; line-height:22px }
a#bookmark:hover {	background-image:url(../images/bookmark-over.gif); }

div#page-links {		float:left; width:426px; }		

div.pl {				height:41px; }
div.plp {				padding-top:8px }

blockquote {			padding:0px 0 0 0 ; margin:0 0 10px; line-height:18px; background-image:url(../images/quote-start.gif); background-repeat:no-repeat; text-align:; float:left; width:236px; }
blockquote div {		padding:0 px 0px 0px; margin:0 0 2px; line-height:18px;  background-image:url(../images/quote-end.gif); background-repeat:no-repeat; background-position:bottom right }

div.spacer { height:0px; color:#FFFFFF; width:236px; float:left; border:0; border-top:1px solid #ffffff; border-bottom:1px solid #dddddd; margin:1px 0 15px; padding:0; clear:both 	}
div.spacer2 { height:0px; color:#FFFFFF; width:100%; float:left; border:0; border-top:1px solid #ffffff; border-bottom:1px solid #dddddd; margin:10px 0 12px; padding:0; clear:both 	}
div.spacer3{ height:0px; color:#FFFFFF; width:100%; float:left; border:0; border-top:1px solid #ffffff; border-bottom:1px solid #dddddd; margin:6px 0 12px; padding:0; clear:both 	}
div.spacer4{ height:0px; color:#FFFFFF; width:100%; float:left; border:0; border-top:1px solid #ffffff; border-bottom:1px solid #dddddd; margin:0px 0 12px; padding:0; clear:both 	}



div.gallery-block { background-color:#F3F3F3; border-bottom:1px solid #b9b9b9; border-top:1px solid #cccccc; margin-bottom:4px }
div.gallery-block table tr td a img { border:1px solid #b9b9b9; padding:2px; background-color:#FFFFFF; margin:12px }


table.seo-block tr td { color:#000000 }

table.seo-block tr td em { font-size:11px; color:#367A83 }

table.seo-list-block tr td { color:#000000; padding-bottom:3px; }
table.seo-list-block tr td.title  { text-decoration:underline;  padding-bottom:5px}
table.seo-list-block tr td.title strong { color:#627D30;}

div#retouching3 {		background-image:url(../images/baby-off.jpg); height:307px; width:426px; margin:0 0 8px 1px; border:1px solid #b9b9b9; }
div#retouching3:hover { cursor:pointer; background-image:url(../images/baby-on.jpg); }

div#retouching1 {		background-image:url(../images/face-off.jpg); height:299px; width:205px; margin:0 0 8px 1px; border:1px solid #b9b9b9; }
div#retouching1:hover { cursor:pointer; background-image:url(../images/face-on.jpg); }

div#retouching2 {		background-image:url(../images/house-off.jpg); height:299px; width:205px; margin:0 0 8px 1px; border:1px solid #b9b9b9; float:right; margin:0 1px 8px 0 }
div#retouching2:hover { cursor:pointer; background-image:url(../images/house-on.jpg); }

img.content-image {		float:right; border:1px solid #cccccc; padding:10px; margin-left:25px; margin-bottom:5px; margin-right:0 }
img.business-image {		float:; border:1px solid #cccccc; padding:0px; margin:6px 0 12px 0; }

table.site-list tr td img {	width:200px; height:150px; border:1px solid #b9b9b9; margin-bottom:10px; margin-left:18px; padding:0px; background-color: #FFFFFF; }
table.site-list tr td  	{	vertical-align:top; }

ul.ticklist  {		padding:0; margin:0 }
ul.ticklist li {		background-image:url(../images/tick.png); background-position:0px 5px; background-repeat:no-repeat; color:#444444; list-style:none; padding-left:26px; padding-bottom:6px; line-height:18px; }

ul.ticklist ul {		padding:0; margin:6px 0 0 0  }
ul.ticklist li ul li {		background-image:url(../images/tick-2.png); margin-left:4px; background-position:0px 12px; background-repeat:no-repeat; color:#444444; list-style:none; padding-left:20px; padding-top:6px; padding-bottom:0; line-height:18px; }

img.image-nb {			float:right; margin-left:22px; margin-bottom:14px; margin-top:2px }

div.nbinner div.corntr { border:0px solid #000000; position:absolute; z-index:600px; 	background-image:url(../images/corners.png);
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	background-position:-20px 0px; bottom:-14px; right:0px;	}
	
div.nbinner div.cornbr { border:0px solid #000000; position:absolute; z-index:600px; 	background-image:url(../images/corners.png);
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	background-position:-60px 0px; top:-14px; right:0px;	}	
	
div.nbinner div.corntl { border:0px solid #000000; position:absolute; z-index:600px; 	background-image:url(../images/new-tl.gif);
	background-repeat:no-repeat;
	height:10px;
	width:10px;
	top:0px; left:0px
	}	
	
	div.nbinner div.cornbl { border:0px solid #000000; position:absolute; z-index:600px; 	background-image:url(../images/new-bl.gif);
	background-repeat:no-repeat;
	height:10px;
	width:10px;
	bottom:0px; left:0px
	}	
	
.new-block {
	text-align: left;
	position:relative;
	z-index:4;
	background-color: #ffffff;
	border:0px;
	margin-bottom:18px;
	margin-top:18px;
	color:#FFFFFF;
	height:492px;
	padding-bottom:0
}

div.nbinner { position:absolute; height:492px; width:492px; background-color:#FFFFFF; top:0px; left:-18px; z-index:200 }
	
	
div.new-title h1 { height:38px; width:220px; color:#990000; font-size:16px; padding:0; margin:0; left:20px; top:26px; position:absolute; width:400px; text-decoration:underline}
div.new-title h1 span { display:none } 

div.new-title div.padding { padding-left:14px; padding-top:12px; padding-right:14px; padding-bottom:8px;	}

div#gallery-frame {		width:447px; height:225px; margin-top:0px; float:left; background-image:url(../images/farmshop-banner.jpg); background-position:100% -1px } 

div#gallery-frame div.caption { float:right;  width:197px; height:225px; color:#444444; padding-right:4px; text-align:right; }

div#gallery-frame div.caption h2 { font-size:14px; text-decoration:underline; color:#748B46; margin-top:0; padding-bottom:0px; margin-bottom:4px }

p.category {	font-size:11px; padding-bottom:6px; font-weight:normal }

div#gallery-frame div.caption p { margin-bottom:8px }

div#gltr {		background-image: url(../images/gtr.gif); height:13px; width:13px; position:absolute; top:-1px; right:-1px; z-index:800 }
div#glbr { background-image: url(../images/gbr.gif);  height:13px; width:13px; position:absolute; bottom:-1px; right:-1px; z-index:800 }
div#gltl {		background-image: url(../images/gtl.gif); height:13px; width:13px; position:absolute; top:-1px; left:-1px; z-index:800 }
div#glbl { background-image: url(../images/gbl.gif);  height:13px; width:13px; position:absolute; bottom:-1px; left:-1px; z-index:800 }

div#teartop {		width:492px; height:22px; background-image:url(../images/tear-top.gif); position:absolute; background-repeat:no-repeat; top:-5px; z-index:322 }
div#tearbot {		width:492px; height:22px; background-image:url(../images/tear-bot.gif); position:absolute; background-repeat:no-repeat; bottom:-8px; z-index:322 }





.portfolio-item {
	width:264px;
	height:198px;
	margin-bottom:20px;
	background-image:url(../images/thumb_bg.png);
	padding:8px;
}
.portfolio-item-image {
	width:264px;
	height:198px;
	overflow:hidden;
}

.portfolio-item .latest-item {
	position:absolute;
	margin-left:167px;
	margin-top:-9px;
}
.portfolio-item .latest-item a {
	width:auto;
	height:auto;
	display:inline;
	padding:0;
}
.portfolio-item .portfolio-item-info {
	width:264px;
	height:33px;
	/*background-image:url();
	background-repeat:no-repeat;
	background-position:0 0;*/
	
	overflow:hidden;
}

.portfolio-item .portfolio-item-info a {
	
	margin-top:-33px;
	
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	padding:9px 0 0 10px;
	text-decoration:none;
	width:254px;
	height:24px;
	display:block;	

}

img {border:0px; }

#portfolio-large {
	width:584px;
	height:438px;	
	background-image:url(../images/portfolio-bg.png);
	padding:8px;
	margin: 0 0 20px 0;
}

#portfolio-large-featured {
	position:absolute;
	width:201px;
	height:119px;
	margin-left:383px;
	top:214px;
}


.portfolio-thumb {
	width: 228px;
	height:164px;
	padding: 0px;
	border:0px solid #eeeeee; 
	margin: 4px 0px 14px 0;
	float:left;

}

.portfolio-thumb-r {
	width: 228px;
	height:164px;
	padding: 0px;
	border:0px solid #eeeeee; 
	margin: 4px 1px 14px 0;
	float:right;
}

.portfolio-thumb.last {
	margin-right:0;
}

.portfolio-thumb-r .portfolio-thumb-image {

	width: 215px;
	height:162px;
	overflow:hidden;
	border:1px solid #b9b9b9;
	margin-left:0px;
		margin-right:1px;
	margin-bottom:0px
}

.portfolio-thumb .portfolio-thumb-image {
	width: 215px;
	height:162px;
	overflow:hidden;
	border:1px solid #b9b9b9;
	margin-left:0px;
	margin-right:1px;
	margin-bottom:0px
}
	

.portfolio-thumb-r .portfolio-thumb-image:hover { border:1px solid #367A83; }
.portfolio-thumb .portfolio-thumb-image:hover { border:1px solid #367A83; }

.portfolio-thumb-zoom {
	height:33px;
	overflow:hidden;
	width:215px;
	border:0
}


.portfolio-thumb2 {
	width: 228px;
	height:164px;
	padding: 0px;
	border:0px solid #eeeeee; 
	margin: 6px 0px 6px 0;
	float:left;
	background-image:url(../images/gallerbg.gif); background-repeat:no-repeat
}

.portfolio-thumb2-r {
	width: 228px;
	height:164px;
	padding: 0px;
	border:0px solid #eeeeee; 
	margin: 6px 1px 6px 0;
	float:right;
	background-image:url(../images/gallerbg.gif); background-repeat:no-repeat

}

.portfolio-thumb2.last {
	margin-right:0;
}

.portfolio-thumb2-r .portfolio-thumb-image {

	width: 215px;
	height:162px;
	overflow:hidden;
	border:1px solid #b9b9b9;
	margin-left:0px;
		margin-right:1px;
	margin-bottom:0px
}

.portfolio-thumb2 .portfolio-thumb-image {
	width: 215px;
	height:162px;
	overflow:hidden;
	border:1px solid #b9b9b9;
	margin-left:0px;
	margin-right:1px;
	margin-bottom:0px
}
	

.portfolio-thumb-r .portfolio-thumb-image:hover { border:1px solid #367A83; }
.portfolio-thumb .portfolio-thumb-image:hover { border:1px solid #367A83; }

.portfolio-thumb-zoom {
	height:33px;
	overflow:hidden;
	width:215px;
	border:0
}

.portfolio-thumb-image:hover {		border:1px solid #367A83; }






div#gallery { margin-top:62px; margin-left:18px; width:456px; }
div#gallery p { font-size:12px; padding:0 10px 0 0px }

div#gallery table tr td h4 { color:#367A83; padding:8px 0 4px 10px; margin:0; text-decoration:underline }

blockquote div {		font-style:italic; }

div.clear { height:1px; clear:both; line-height:1px }

div#grid-wrap {  float:left; width:100%; clear:both; margin-top:8px; }
div#grid-wrap2 {  float:left; width:100%; clear:both; margin-top:8px; }

div#grid-wrap div.left {		float:left; width:205px; margin-left:12px; border-bottom:1px dotted #cccccc; margin-bottom:11px; height:308px;  }
div#grid-wrap div.right {		float:right; width:205px; margin-right:12px;  border-bottom:1px dotted #cccccc ;  margin-bottom:11px; height:308px;}
div#grid-wrap2 div.left {		float:left; width:205px; margin-left:12px; border-bottom:1px dotted #cccccc; margin-bottom:11px; height:210px;  }
div#grid-wrap2 div.right {		float:right; width:205px; margin-right:12px;  border-bottom:1px dotted #cccccc ;  margin-bottom:11px; height:210px;}

div#grid-wrap div.left img, div#grid-wrap div.right img  { width:205px; border:1px solid #b9b9b9; margin:6px 0 ; height:60px  }
div#grid-wrap2 div.left img, div#grid-wrap2 div.right img  { width:205px; border:1px solid #b9b9b9; margin:6px 0 14px; height:120px  }




a.addthis_button_expanded { background-image:none; }

.at300bs.at15t_expanded, .at300bs.at15t_compact { display:none; }

table.process tr td.leftc {		padding-right:5px; }
table.process tr td.rightc {		padding-right:5px; }

table.process tr td h2 { color:#748B46; font-size:16px; margin:0px; padding:4px 0 14px 44px; text-decoration:underline }

table.process tr td h2.proposal { background-image:url(../images/proposal.gif); background-repeat:no-repeat;) }
table.process tr td h2.design { background-image:url(../images/design.gif); background-repeat:no-repeat;) }
table.process tr td h2.magnify { background-image:url(../images/magnify.gif); background-repeat:no-repeat;) }
table.process tr td h2.print { background-image:url(../images/print.gif); background-repeat:no-repeat;) }
table.process tr td h2.construction { background-image:url(../images/construction.gif); background-repeat:no-repeat;) }
table.process tr td h2.signoff { background-image:url(../images/signoff.gif); background-repeat:no-repeat;) }
table.process tr td h2.upload { background-image:url(../images/upload.gif); background-repeat:no-repeat;) }

.content-block ul { margin:0px; padding:0 0 8px 1px; }
.content-block ul li {		color: #367A83; background-image:url(../images/tick.png); list-style:none; padding:0 0 0 20px; margin:0 0 2px; 
background-position:0 4px; line-height:18px;
background-repeat:no-repeat; }

div#content-blue h4 {	color:#748B46 }

a.submit {		font-size:14px; }

table#quote-request { margin-bottom:8px; }
table#quote-request tr td p { margin:6px 0 6px } 
table#quote-request tr td input {	width:140px; margin:4px 0; border:1px solid #cccccc; font-size:12px					}
table#quote-request tr td input.tel {	width:86px; margin:4px 0						}

table#quote-request tr td textarea {		width:222px; border:1px solid #cccccc; margin:6px 0 6px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:4px; }

table#quote-request tr td a {	color:#748B46; }
table#quote-request tr td a:hover {	color:#367A83; }

form { margin:0; padding:0 }

h1#small {		font-size:12px; }

h1 a#web-design-block, h1 a#seo-block, h1 a#cms-block, h1 a#graphic-design-block, h1 a#brand-design-block, h1 a#website-marketing-block, h1 a#photography-block      {		display:block; border:1px solid #B9B9B9;
height:60px;
margin:6px 0;
width:205px;		}

h1 a#web-design-block span, h1 a#seo-block span, h1 a#cms-block span, h1 a#graphic-design-block span, h1 a#brand-design-block span, h1 a#website-marketing-block span, h1 a#photography-block span { display:none;			}

h1 a#web-design-block { background-image:url(../images/web-design2.gif); background-repeat:no-repeat; }
h1 a#seo-block { background-image:url(../images/search-engines2.gif); background-repeat:no-repeat; }
h1 a#cms-block { background-image:url(../images/content-management-systems2.gif); background-repeat:no-repeat; }
h1 a#graphic-design-block { background-image:url(../images/graphic-design2.gif); background-repeat:no-repeat; }
h1 a#brand-design-block { background-image:url(../images/brand-design-stationary2.gif); background-repeat:no-repeat; }
h1 a#website-marketing-block { background-image:url(../images/website-marketing2.gif); background-repeat:no-repeat; }
h1 a#photography-block  { background-image:url(../images/camera2.jpg); background-repeat:no-repeat; }

div#grid-wrap div.left h1, div#grid-wrap div.right h1 { margin:0px; padding:0px; }

p.portfolio-images { margin-bottom:18px; clear:both; float:left }
p.portfolio-images img { border:1px solid #B9B9B9; float:left; margin:9px 0 4px }
p.portfolio-images img.pleft { margin-right:16px; }