@import url("reset.css");

@charset "UTF-8";

/* CSS Document */

/* !General Styles ======================================= */

* 							
	{margin: 0;padding: 0;}

html 
	{background-image:url(images/bg.png);background-repeat:repeat-x;background-color:#FFCC66;}

body 
	{font-family:Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; font-size: 19px; font-weight:normal; text-transform:normal; letter-spacing:0.02em; line-height:1.4em; color:#663300; background:transparent url(images/bg.png) top left repeat-x;}

a
	{outline: 0;}

	a:focus
		{outline: 0;}
	
	a:link
		{text-decoration:none; color:#663300;}
	
	a:active
		{}
	
	a:visited
		{text-decoration:none; color:#663300;}
	
	a:hover
		{color:#330000;}

.container, #container 
	{margin:auto;width:990px;}	

hr 
	{background-image:url(images/hr-pattern.png);background-repeat:no-repeat;width:209px;height:29px;border:none;clear:both;margin:20px auto;padding:0;}

p
	{text-align:justify;}

	p .left
		{text-align:left;}
	
li
	{list-style-position:inside;}

.hidden
	{display:none;}
	
abbr
	{border-bottom:1px dotted; cursor:help;}

/* !Headers ======================================= */

h1
	{text-indent:-7777px;}

h2
	{padding-bottom:15px; letter-spacing:-0.09em; font-size:1.5em;}

h3
	{padding:10px 0; font-size:1.3em; letter-spacing:-0.05em; list-style-type:none;}

.box1 h3, .box2 h3, .box3 h3
	{text-align:left; font-weight: bold;}

h4
	{clear:left;}

h1, h2, h3, h4, h5, h6
	{font-family: georgia, "Book Antiqua", serif; letter-spacing:-0.05em;}

.avaliable
	{text-indent:-7777px;height:155px;width:112px;background-image:url(images/avaliable.gif) no-repeat;position:relative;left:100px;z-index:1;margin-top:-21px;padding-bottom:0;}

.subh2
	{text-align:center; margin:15px 0;}

.theservicesweoffer
	{background-image:url(images/theservicesweoffer.png);background-repeat:no-repeat;width:543px;height:68px;margin:0 auto;text-indent:-7777px;padding:0;}

.alittlebitabout77
	{background-image:url(images/alittlebitabout77pixels.png);background-repeat:no-repeat;width:661px; height:68px;margin:20px auto 10px;text-indent:-7777px;padding:0;}

.thelatestarticle
	{background-image:url(images/thelatestarticle.png);background-repeat:no-repeat;width:502px;height: 68px;margin:20px auto 0;text-indent:-7777px;padding:0;}

.portfolio
	{font-size:3em; margin-bottom:40px;}

/* !Navigation ======================================= */

.navigation_top
	{height:213px; text-decoration:none; display:block; width:990px;}

.navigation_top .menu li
	{list-style:none;}

.menu
	{height:79px;}

.home_link
	{height:213px; width:274px; background-image:url(images/77logo.png); text-indent:-7777px; display:inline; float:left; position:relative; left:358px; background-position: 0 213px;}
	
 	.home_link:hover
 		{background-position: 0 0px;}

.menu li .about_link
	{background-image:url(images/nav.png); background-position: 0px 0px; height:79px; width:179px; text-indent:-7777px; display:inline; float:left; position:relative; right:274px; margin-top:60px;}
	
	.menu li .about_link:active 
		{background-position: 0 158px;}
					
	.menu li .about_link:hover
		{background-position: 0 79px;}
		
	.menu li .about_link:visited
		{}

.menu li .portfolio_link
	{background-image:url(images/nav.png);background-position: -179px 0px; height:79px; width:179px; text-indent:-7777px; display:inline; float:left; position:relative; right:274px; margin-top:60px;}
	
	.menu li .portfolio_link:active
		{background-position: -179px 158px;}
		
	.menu li .portfolio_link:hover
		{background-position: -179px 79px;}
		
	.menu li .portfolio_link:visited
		{}

.menu li .contact_link
	{background-image:url(images/nav.png); background-position: -358px 0px; height:79px; width:179px; text-indent:-7777px; display:inline; float:right; position:relative; right:179px; margin-top:60px;}
	
	.menu li .contact_link:active
		{background-position: -358px 158px;}
		
	.menu li .contact_link:hover
		{background-position: -358px 79px;}
		
	.menu li .contact_link:visited
		{}
	
.menu li .blog_link
	{height:79px; width:179px; background-image:url(images/nav.png); background-position: 179px 0px; text-indent:-7777px; display:inline; float:right; position:relative; left:179px; margin-top:60px;}
	
	.menu li .blog_link:active
		{background-position: 179px 158px;}
		
	.menu li .blog_link:hover
		{background-position: 179px 79px;}
		
	.menu li .blog_link:visited
		{}

 /* !Featured Slider ======================================= */ 

#slider
	{width: 970px; margin: 0 auto; position: relative;}

.scroll
	{height: 482px; overflow: auto; position: relative; /* fix for IE to respect overflow */ clear: left;}

.scrollContainer div.panel
	{padding:0 20px; height: 402px; width: 930px;}

.scrollButtons
	{position: absolute; top: 150px; cursor: pointer;}

.scrollButtons.left
	{left: -20px;}

.scrollButtons.right
	{right: -20px;}

.navigation_featured
	{text-align:center; position:relative; bottom:40px;}
	
	.navigation_featured li
		{display:inline; font-size:0.9em; height:20px; list-style-type:none; padding-right:10px; text-align:right; padding-left:7px;}
		
	.navigation_featured li a:link
		{color:#663300;}
		
	.navigation_featured li a:active
		{color:#663300;}
	
	.navigation_featured li a:visted
		{color:#663300;}
	
	.navigation_featured li a:hover
		{color:#663300;}
			
.scrollButtons
	{cursor:pointer; height:30px; position:absolute; top:400px; width:30px; text-indent:-7777px;}

.scrollButtons a
	{display:block; height:42px; width:42px;}
	
.scrollMeLeft
	{left:30px;}

	.scrollMeLeft a
		{background:url(images/go-left.jpg) 0 0 no-repeat;}
	
	.scrollMeLeft a:hover
		{background:url(images/go-left.jpg) 0 0 no-repeat;}
	
.scrollMeRight
	{right:40px; float:right;}

	.scrollMeRight a
		{background:url(images/go-right.jpg) 0 0 no-repeat;}
	
	.scrollMeRight a:hover
		{background:url(images/go-right.jpg) 0 0 no-repeat;}

 /* !Featured ======================================= */

.featured_work
	{}

.OA_leaflets_text
	{width:211px; float:left;}

.panel h2
	{display:none;}

.panel h3
	{font-size:1.4em; padding-top:70px; font-weight:bold;}

.panel ol, .panel ul
	{margin-left:30px; padding:20px 0;}
	.panel ol li, .panel ul li {list-style-position:inside;}
	
.panel p
	{font-size:0.8em; letter-spacing:-0.05em; line-height:1.2em; text-align:left;}

.panel p .view_more
	{width:161px; height:37px; display:block; text-indent:-7777px; background-image:url(images/more_details.gif); background-repeat:no-repeat; margin:10px 0 10px 20px; clear:both;}

 /* !Content ======================================= */ 

#content
	{width:990px; clear:left;}
	
.little_bit
{clear:left;}

	.little_bit img
		{width:986px;}
	
	.little_bit p
		{width:990px;}
	
	.little_bit a:link
		{text-decoration:none; color:#663300;}
	
	.little_bit a:active
		{}
	
	.little_bit a:visited
		{text-decoration:none; color:#663300;}
	
	.little_bit a:hover
		{color:#330000;}
	
	.little_bit h2
		{text-align:right; margin-right:333px; font-size:1.7em;}


.latest_article
	{clear:left;}

	.latest_article img
		{width:986px;}
	
	.latest_article p
		{width:990px;}
	
	.latest_article a:link
		{text-decoration:none; color:#663300;}
	
	.latest_article a:active
		{}
	
	.latest_article a:visited
		{text-decoration:none; color:#663300;}
	
	.latest_article a:hover
		{color:#330000;}
	
	.latest_article h2
		{text-indent:323px; font-size:1.7em;}

.latest_article .image-box-latest
	{width:283px; height:196px; overflow:hidden; margin-right:40px; margin-bottom:40px; float:left; position:relative; bottom:2em;}

.little_bit .image-box-about
	{width:283px; height:196px; overflow:hidden; margin-left:40px; margin-bottom:40px; float:right; position:relative; bottom:2em; border-right:2px solid #663300; border-bottom:2px solid #663300;}
	
 /* !Boxes ======================================= */ 

.boxes
	{margin: 0 0 20px 0;}

	.boxes p img
		{float:left; padding:0 10px 10px 0;}
		
	.boxes p
		{text-align:justify;}

.box1, .box2, .box3
	{margin:0 0 20px 0; padding-bottom:30px;}

.tooltip
	{border-bottom:dotted 1px #996600; font-style:normal;}

 /* !Post ======================================= */ 

h2 .permalink
	{float:right; margin-top:10px; text-align:left; width:657px; margin-bottom:20px;}

.more-link
	{float:right}

.wp-caption-text
	{font-size:0.7em; text-align:center;}

.portfolio_header_image
	{margin-bottom:30px;}

.image_box_portfolio .portfolio_header_image 
	{margin-bottom:0px;}

.portfolio_information
	{float:right; width:667px;}

.alignleft
	{float:left; margin:14px 20px 10px 0;}

	.alignleft .wp-caption-text
		{margin-right:10px;}

.alignright
	{float:right; margin: 0 0 20px 20px;}

	.alignright .wp-caption-text
		{margin-right:10px;}
	
blockquote
	{font-size:2em; text-align:center; padding-top:30px;}
	
	blockquote span
		{line-height:1.2em; color:#996600; text-align:center; padding:10px 0;}

#blockquote_wall
	{clear:left; background: transparent url(images/blockquote_right.png) bottom right no-repeat;}

.testimonial
	{width:790px; padding:40px 100px; line-height:1em; clear:left; background: transparent url(images/blockquote_left.png) top left no-repeat; font-size:1.5em;}

	.testimonial p
		{text-align:center;}
	
	.testimonial span
		{font-size:0.5em; float:right; margin-bottom:30px;}
	
.navigation
	{font-size:0.6em; padding:20px 0;}

.nav-previous
	{width:50%; float:left;}

.nav-next
	{width:50%; float:right; text-align:right;}

#container #content .entry-title
	{width:990px;}

.post-image-full, .littlebit_header_image
	{position:relative; margin-bottom:20px; z-index:1;}

.entry-title 
	{text-transform:capitalize; font-size:3em; padding:13px 0 30px 20px; float:left; clear:left; position:absolute; top:356px; z-index:2; color:#000000; line-height:1em; background-color:#FFFFFF; background:transparent; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; width:970px; text-shadow: 0.08em 0.08em 0.1em #333;}
	
.entry-content, .post 
	{width:643px; margin-right:51px; float:left;}

.sociable ul li
	{list-style:none; display:inline; padding:0; margin:0;}

.sociable img
	{border:0;}

.entry-content h3
	{padding-top:20px;}

.sociable_tagline h3
	{padding:0px; line-height:1.9em;}
	
.paragraph_left
	{}

.paragraph_right
	{}

#page_block
	{clear:left; width:990px; float:left; margin-bottom:20px;}

img.size-full, img.size-thumbnail
	{border:none;}

.sociable
	{}
	
	.sociable .sociable_tagline
		{padding-top:20px;}
		
.post .portfolio_tags
	{padding-left:30px!important;}
	
 /* !Boxes ======================================= */

.boxes
	{clear:left;}

	.boxes .box1, .boxes .box2, .boxes .box3
		{width:296px; margin-right:51px; float: left;}
	
	.boxes .box3
		{margin-right:0px;}
	
	.boxes .box1:hover
		{background-image:url(images/hoverbg.gif); background-repeat:repeat;}
	
.view_webportfolio a
	{background:url(images/view_portfolios.png) no-repeat; background-position:0 -84px; text-indent:-7777px; display:block; height:21px; width:296px; margin-top:20px; font-weight:bold;}
	
	.view_webportfolio a:hover
		{background:url(images/view_portfolios.png) no-repeat; background-position:0 -105px;}

.view_graphicportfolio a
	{background:url(images/view_portfolios.png) no-repeat; background-position:0 0; text-indent:-7777px; display:block; height:21px; width:296px; margin-top:20px;}
	
	.view_graphicportfolio a:hover
		{background:url(images/view_portfolios.png) no-repeat; background-position:0 -21px;}

.view_printportfolio a
	{background:url(images/view_portfolios.png) no-repeat; background-position:0 -42px; text-indent:-7777px; display:block; height:21px; width:296px; margin-top:20px;}

	.view_printportfolio a:hover
		{background:url(images/view_portfolios.png) no-repeat; background-position:0 -63px;}

 /* !List Elements ======================================= */

li
	{list-style-image:url(images/bulletdarkonlight.png);}

.footer_container li
	{list-style-image:url(images/bulletlightondark.png);}

 /* !Comment Input ======================================= */

.comments_posted
	{width:643px; margin-right:51px;}

.comment_area
	{width:990px; clear:left;}

#comments-list
	{width:583px; float:left; margin-right:51px; padding:30px;}

#respond
	{width:694px; float:left; clear:right;}

.panel
	{width:643px; float:left;}

.entry-meta
	{width:296px; float:right; font-size:0.7em; padding-top:70px;}

.entry-content, .post entry-meta
	{width:649px;}

.formcontainer
	{width:694px; margin:10px 51px 20px 0; float: left;}

.comment_text_area
	{width:296px; margin:10px 51px 20px 0; float: left;}

.info_input_areas
	{width:643px;}

.user_info
	{width:296px; margin:10px 51px 20px 0; float: left;}

.form-submit
	{text-align:right;}

.form-input
	{width:296px;}

.entry-content li
	{clear:left; font-size:0.8em; line-height:1.2em; list-style-position:inside;}

.entry-content ul
	{color:#4C2600; padding:5px 30px;}

.comment-meta
	{font-size:0.7em;}

.comment-author
	{margin-top:30px; font-size:1.7em; border-bottom: 2px solid #956f0a; padding-bottom:10px;}
	
	.comment-author img
		{margin-bottom:0; position:relative; top:5px;}

.comment-childs
	{margin:20px; border-left:10px solid #DFB76C; padding:0 20px;}
	
	.comment-childs .avatar
		{float:left;}
		
.commentmetadata
	{font-size:0.7em;}

#comments-list ol li
	{list-style-image:none;}

.form-textarea #comment .text required
	{width:583px;}

.ddsg-wrapper element.style
	{text-indent:-7777px;}

.comment-tags 
	{font-size:0.6em; padding-bottom:20px;}
	
.more_link
	{background:url(images/more_arrow.png) no-repeat; text-indent:-7777px;}

 /* !Portfolio ======================================= */ 

#portfolio 
	{text-indent:0px; font-size:3em; padding-bottom:30px; letter-spacing:-0.05em;}

.portfoliopiece
	{width:910px; margin:10px auto 10px;}

.portfoliotext
	{width:300px; float:left;}
	.portfoliotext p
		{font-size:0.8em;}
	
.portfolioimages
	{width:610px; height:200px; float:left; background-color:white; margin-bottom:20px;}

ul.skills li
	{font-size:0.7em; line-height:1.2em; text-indent:20px;}
 
.portfolio_preview_container
	{width:990px; clear:left; background: transparent none;}
	
	.portfolio_preview_container .entry-content,.portfolio_preview_container .post
		{width:990px; float:left; margin-right:0px;}

.portfolio_preview_container portfolio_block img
	{width:986px; border:none;}

.portfolio_preview_container .post-image-full, .portfolio_preview_container .littlebit_header_image
	{border:none; margin-bottom:30px; position:relative; z-index:1;}

.portfolio_preview_container h2
	{text-indent:323px;}

.image_box_portfolio
	{border:none; bottom:2em; float:left; height:196px; margin-right:40px; overflow:hidden; position:relative; width:283px;}

.portfolio_preview_container .more-link
	{float:right; clear:left; margin:0; padding:0; text-indent:-7777px;}

.entry-content_portfolio .image_box_portfolio
	{border:none; bottom:0em; float:left; height:196px; margin:20px 0 50px 0; overflow:hidden; position:relative; width:990px;}

.portfolio_block
	{clear:both;}
	
	.portfolio_block h2
		{font-size:1.5em;}
		
#portfolio_tags
	{float:right; font-size:0.7em;}

.page_block img
	{border:none;}

.portfolio_intro
	{width:970px; margin:0 10px;}

	portfolio_intro p
		{margin-bottom:20px; padding-bottom:30px;}

.portfolio_intro_text
	{width:685px; float:left; margin-right:20px; clear:left; margin-bottom:30px;}

portfolio_cv
	{width:315px; float:left; clear:left; margin-bottom:30px;}

.entry-content_portfolio
	{margin-bottom:30px;}
	
.portfolio_excerpt
	{width:667px; float:right;}

	.portfolio_excerpt p
		{clear: both;}
		
.cv_download
	{background: url(images/cv_download.png) no-repeat; width:255px; height: 154px; float:right; position:relative; top:-22px; display:block;}
	
	.cv_download:hover
		{background-position: 0 -154px;}
	
.portfolio_cv
	{color:#FFFFFF; margin:35px 125px 0 10px; text-align:right; font-size:1em; line-height:1.2em; text-shadow: 0.1em 0.1em 0.05em #333;}

.portfolio_tags 
	{display: inline;}

.tags
	{font-size: 0.8em; display: inline; padding: 0 10px 0 18px; background: url(images/tag_orange.png) center left no-repeat; font-style:italic;}
	
 /* !Contact Page ======================================= */	

#content #contact_page h2
	{font-size:3em; margin-bottom: 15px;}
	
.entry-content .post entry-meta #contact_intro
	{width: 990px;}

#content .post entry-content
	{width: 649px!important;}

#contact_page1
	{width:990px; }

#contact_intro, #enquiry_intro
	{width: 970px; margin:0 10px;}	
	
#work_request_giantbutton
	{width:970px; height:265px; background:url(images/work_form_giantbutton.png) no-repeat; text-indent:-7777px; margin: 0 10px;}
	
	#work_request_giantbutton p a
		{display: block; clear: both;}
		
#contact_page_section
	{width:990px;}
	
#contact_page_section p, #contact_page_section #just_to_say_hi
	{width:649px; float:left;}

#ways_to_connect
	{float:right; clear:both; width:321px;}		
	
#ways_to_connect h3, #services_offered h3
	{padding:0px;}
	
#connect_list li, #services_list li
	{padding:10px 0; list-style: none;}
	
#services_list li span
	{font-size: 1.5em; display: block; padding: 0 0 5px 20px; background: url(images/accept.png) top left no-repeat; color:#330000;}
		
#getintouch
	{background:url(images/getintouch.png) top left no-repeat; width:228px; height:68px; text-indent:-7777px; margin-left:25px;}
	
#services_offered
	{background: url(images/services.png) top left no-repeat; width:148px; height:68px; text-indent: -7777px; margin-left:25px;}

li#contactmobile
	{list-style-image:url(images/mobileicon.gif);}
	
li#contactskype
	{list-style-image:url(images/skypeicon.gif);}
	
li#contactfacebook
	{list-style-image:url(images/facebookicon.png);}
	
li#contactlinkedin
	{list-style-image:url(images/linkedinicon.png);}
	
li#contactmsn
	{list-style-image:url(images/msnicon.png);}
	
li#contacttwitter
	{list-style-image:url(images/twittericon.png);}
	
li#contactpersonalblog
	{list-style-image:url(images/personalblogicon.png);}
	
li#contactflickr
	{list-style-image:url(images/flickricon.png);}	

li#contactmyspace
	{list-style-image:url(images/myspaceicon.png);}	
	
li#contactvirb
	{list-style-image:url(images/virbicon.png);}	

#contactmobile a, #contactskype a, #contactfacebook a, #contactlinkedin a, #contactmsn a, #contacttwitter a, #contactpersonalblog a, #contactflickr a, #contactmyspace a, #contactvirb a
	{text-indent: 20px;}

 /* !Articles List Page ======================================= */

.container .articles h1
	{font-size:3em; text-indent:0; padding-bottom: 30px; letter-spacing:-0.05em;}

.articles
	{width:649px;}
	
.article
	{margin: 0 10px;}
	
	.article p
		{text-align: left;}

.container .articles h2
	{font-size:1.5em;}

.container .articles .article_comments,
	{font-size:0.7em;}

.articles_page #primary
	{margin:0 0 100px 0;}

 /* !Search Page ======================================= */

#search_results_page p, #tag_results_page p,
	{width: 627px;}

#search_page #container #content .article_comments, #tag_page #container #content .article_comments
	{font-size:0.7em;}
	
#search_page .entry-title, #tag_page .entry-title 
	{background:none; clear:left; color:#000000;float:left; font-size:1.5em; line-height:1em; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; padding:20px 0 0 0; position:relative; text-transform:capitalize; top:0; width:649px; z-index:2; background-color:none; text-transform:capitalize;}

#search_page h3, #tag_page h3
	{font-size:1.5em;}

#search_page #primary, #tag_page #primary
	{float:right; margin:0 0 100px 0; width:296px;}
	
#search_page .entry-content, #tag_page .entry-content
	{margin-right:0;}

	#search_page .entry-content p, #tag_page .entry-content p
		{margin-bottom:20px;}
	
#search_page .pagetitle, #tag_page .pagetitle
	{font-size:1.7em;}
	
	#search_page .pagetitle span, #tag_page .pagetitle span
			{border-bottom:1px dotted #351B03; color:#000000; font-style:normal; margin:0 6px;}
	
#search_page .entry-date, #tag_page .entry-date
	{clear:left;}
		
 /* !Sitemap ======================================= */
 
.ddsg-wrapper
	{margin:100px 0 0 30px;}
	
	.ddsg-wrapper ul
		{background:none; border:none; color:#663300;}
	
		.ddsg-wrapper ul li
			{font-size:1em;}


#content #cse-search-results iframe 
	{background:none; font-family:Georgia, sans-serif; font-size:0.1em;}
	
#content #cse-search-results
	{background:none; font-family:Georgia, sans-serif; font-size:0.1em;}

 /* !Sidebar ======================================= */ 

#primary
	{width:296px; float:right; margin-top:233px;}
	
	#primary .related
		{display:none;}
	
		#primary li ul
			{margin-left:20px;}

.wp125ad
	{float:right; padding:0 19px 13px 0;}

ul.xoxo li
	{list-style:none;}

ul.xoxo li ul li
	{list-style-image:url(images/bullet_darkonlight.gif); margin-left:20px; color:#B2783D; font-size:0.8em;}

	ul.xoxo li ul li a
		{color:#7F480F;}
		
		ul.xoxo li ul li a:hover
			{color:#663300;}
		
 /* !Footer ======================================= */ 

.footer p
	{font-size:14px; line-height:1.3em; color:#E6C278;}
	
	.footer p a
		{color:#351B03;}
		
		.footer p a:hover
			{border-bottom: #351B03 dotted 1px;}
		
.footer hr
	{background-image:url(images/footer_hr.png); margin:0; padding:0; width:293px; height:13px;}

.previousarticles
	{width:296px; height:47px; text-indent:-7777px; background-image:url(images/previousarticles.gif); background-repeat:no-repeat;}

.search
	{width:296px; height:47px; text-indent:-7777px; background-image:url(images/search.gif); background-repeat:no-repeat;}

.contact77pixels
	{width:296px; height:47px; text-indent:-7777px; background-image:url(images/contact77pixels.gif); background-repeat:no-repeat;}

.footer_menu li
	{display:inline; list-style-type:none; padding-left:20px; text-align:right;}

	.footer_menu li a
		{color:#FFFFFF;}
	
	.footer_menu li a:hover
		{color:#000000; border-top:3px solid #351B03; padding-top:3px;}

.footer_container
	{background:transparent url(images/footer_top_grad.png) repeat-x scroll left top; clear:both; width:100%;}

.footer
	{margin: 0 auto; width: 990px; color:#FFFFFF; clear:both;}

	.footer .footbox1
		{width:296px; margin:10px 51px 20px 0; float: left;}
	
	.footer .footbox2
		{width:296px; margin:10px 51px 20px 0; float: left;}
	
	.footer .footbox3
		{width:296px; margin:10px 0;float: left;}
	
.lower_footer_container
	{clear:both; width:100%; clear:both;}
	
	.lower_footer
		{margin: 0 auto; width:990px; color:#663300; clear:both; color:#FFFFFF; font-size:0.7em; border-top:1px solid #351B03;}
	
	.copyright
		{display:inline; width:470px; float:left; text-align:left; font-style:normal;}
		
		.stated
			{color:#351B03; font-style:italic;}
		
	.footer_menu
		{display:inline; width:500px; text-align:right; float:right; font-style:normal;}

#searchform
	{padding-left:30px; background-image: url(images/search-icon.gif); background-repeat:no-repeat;}
	
#s
	{background-color:#FFFFFF; border:#4D2A08 solid 2px; padding:4px 7px; font-family:Georgia serif; font-size:0.7em; background-image: url(images/search_grad.gif); margin-bottom:15px;}
	
#searchsubmit
	{height:24px; background:#351B03; color:#FFFFFF; border:0; width:60px;}

.contact_boxes
	{}

.footbox3 .sayhi
	{color:#E6C278; float:left; font-size:1em; text-align:left;}
	
.footbox3 .quote
	{color:#E6C278; float:left; font-size:1em; text-align:left;}

	.sayhi a, .sayhi a:hover, .quote a, .quote a:hover
		{}
		
	.sayhi a, .sayhi a:hover, .quote a, .quote a:hover
		{}

.sayhibox
	{}

.quotebox
	{}

.footer li
	{color:#FFFFFF;}

	.footer li a
		{color:#FFFFFF;}
		
		.footer li a:hover
			{color:#351B03;}

.enviroment
	{background-image:url(images/recycle_logo.gif); background-repeat:no-repeat; padding-right:50px; text-align:left;}

.powered
	{text-align:left;}

#hcard-Suleiman-Leadbitter
	{clear:both; color:#E6C278;}

#hcard-Suleiman-Leadbitter .tel
	{background-image:url(images/icon_phone.png); background-repeat:no-repeat; padding-left:35px; margin:5px 0;}

#hcard-Suleiman-Leadbitter .cell
	{background-image:url(images/icon_mobile.png); background-repeat:no-repeat; padding-left:35px; margin:5px 0;}

#hcard-Suleiman-Leadbitter .fax
	{background-image:url(images/icon_fax.png); background-repeat:no-repeat; padding-left:35px; margin:5px 0;}

#hcard-Suleiman-Leadbitter .adr
	{background-image:url(images/icon_stamp.png); background-repeat:no-repeat; padding-left:35px; margin:5px 0;}

#hcard-Suleiman-Leadbitter p
	{font-size:1em;}

.footer .footbox1 ul
	{margin-bottom:10px;}

.footer .footbox1 li
	{margin-bottom:0px; margin-left:10px;}

.footer .footbox2 li
	{margin-left:10px;}
	
#latest_posted_articles li
	{margin-left:0px;}

.footer .footbox2 hr
	{margin-top:10px;}

.footer .footbox3 a, .footer .footbox3 a:hover
	{border:none;}

/* !Forms ======================================= */ 

/* main 'top-level' form elements */

@import "calendar.css";

.cformXXXXXXX 
	{margin:0 auto; width: 629px;}

.cform fieldset	
	{margin-top:20px; padding:15px 20px; border:1px solid #B27838; }

.cform fieldset .cf-fs1
	{margin-top: 0px;}

.cform .cf_hidden 
	{display:none; border:none!important; background:none!important; padding:0!important;margin:0!important;}

.cform legend 
	{margin-left:10px; padding: 0 2px; font-size: 1.8em;}

ol.cf-ol 
	{margin:0!important; padding:0!important;}

ol.cf-ol li	
	{background:none!important; margin:5px 0!important; padding:0; list-style:none!important; text-align:left; line-height:1.3em;}

/* just for text-only fields (no input) */

ol.cf-ol li.textonly {
	background:#F0F0F0 !important;
	letter-spacing:1px;
	margin:10px 0pt !important;
	padding:5px 0pt;
	text-align:center;
}


 
/* global definitions for field labels  */
 

.cform label {
	width:200px; 
	margin:4px 10px 0 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:right;
	vertical-align:top;
}

.cform label span {
	width:200px; /* must be the same as above!*/
	display:block;
	line-height:1.1em;
}

.cf-ol .secinput 
	{
	width: 100px!important;
}

label.cf-before {
	margin:4px 10px 0 0; 
}

label.cf-after 	{
	margin:4px 15px 0pt 6px;
	text-align:left;
	width:115px;
}

label.cf-after span {
	width:115px;
	display:block;
}

label.cf-group-after {
	margin:3px 4px 0 2px;
	width:370px;
	text-align:left;
}
label.cf-group-after span {
	width:370px;
	display:block;
	clear: left;
}

 
/*   FORM FIELDS general formatting     */
 

.cform input,
.cform textarea,
.cform select { 
	padding:3px;
	background: #f9f9f9; 
	border: 1px solid #845521; 
	vertical-align:top;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background:#CEDDDF; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	background:#F3F8F8; 
}

.cform textarea,
.cform input {
	width:350px; 
}
.cform select {
	width:158px; /* attempt to have equal length */
	padding:2px 0;
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
}

.cform textarea {
	font-family: arial;
	font-size: 0.9em;
	overflow:auto;
}

 
/*   radio button title                 */
 

ol.cf-ol li.cf-box-title {
	width: 200px;
	text-align:right;
}

 
/*   check boxes                        */
 

.cform input.cf-box-a,
.cform input.cf-box-b 	{ 
	margin:2px 0 0 0; 
	height:22px;
	border:none!important;
	background:none!important; 
}

.cform input.cf-box-a 	{ 
	margin-left:100px; /* check with label 'width' incl. */
} 


 
/* check box groups                     */
 

ol.cf-ol li.cf-box-group {
	margin:10px 0pt 0px !important;
	padding-left: 210px; 
} 

 
/* formatting for text:  "(required)"  & other        */
 

span.reqtxt,
span.emailreqtxt { 
	margin:3px 0 0 3px;
	font-size:0.9em;
	display: -moz-inline-box; 
	vertical-align:top;
}

 
/*   FORM submit button                 */
 

p.cf-sb {
	text-align:right;
	padding: 0!important;
	margin: 0;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	{ 
	width:100px;  
	padding:5px; 
	margin: 10px 0 0 5px;
	font-size:0.8em;
	background:url(../images/button-bg.gif) repeat-x; 
	border:1px solid #330000!important;
	background-color: #B27838;
	color: #FFFFFF;
}

.cform input.backbutton:hover,
.cform input.resetbutton:hover,
.cform input.sendbutton:hover	{ 
	border:1px solid #B27838!important;
	background-color: #330000;
	color: #B27838;
	cursor: pointer;
}

.cform input.resetbutton {
	width: auto;
	padding:5px 1em;
}
.cform input.backbutton {
	width: auto;
	padding:5px 1em;
}

#just_to_say_hi p.cf-sb
	{margin-bottom:20px;}

 
/*   FORM FIELDS enhanced error display */
 
ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:5px 0!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	height:1%;
	min-height:1%;
	margin:0 0 0 100px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

 
/* 'visitor verification' related styles              */
 

label.secq,
label.seccap {
	vertical-align:text-bottom;
	margin-bottom:4px;
}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:50px;
	padding: 4px 4px;
	margin: 0;
}

img.captcha	{
	vertical-align:text-bottom;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_grey.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
	border:none;
}

img.imgcalendar {
	border:none;
}

 
/* change formatting of response msgs here            */
 

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	width:480px;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:#ad2929!important;
	text-decoration:underline!important;
}
div.success {
	background:#663300 none repeat scroll 0% 50%;
	color:#FFCC66;
	display:block;
	margin-top:20px;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}
 
/*   formatting for invalid user inputs */
 
.cform .cf_error { 
	color:#ad2929; 
	border:1px solid #ad2929; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929; 
}
 
/* disabled fields [disabled] does not work on IE! */
 
[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/* upload box styling                   */
 
.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
}

 
/*  Other: link love                    */
 
.linklove {
	width:410px;
	margin:0 auto 10px!important;
	padding:0!important;	
	text-align:center!important;
}

.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	font-family: Tahoma;
	color:#aaaaaa!important;
}

/*  Other: browser hacks                */
 
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}

* html ol.cf-ol, * html ol.cf-ol li, * html span.reqtxt, * html span.emailreqtxt 
	{display: inline-block;  /*for ie6*/}

*+html .cform label, *+html ol.cf-ol, *+html ol.cf-ol li, *+html span.reqtxt, *+html span.emailreqtxt 
	{display: inline-block; /*for ie7*/}

* html img.captcha 
	{margin-bottom:1px!important;}
	
*+html img.captcha 
	{margin-bottom:1px!important;}
 

 /* Work Enquiry */
 
.linklove, .cf_hidden 
	{display:none;}