/* Blue Rose Marketing */

@import url('css_reset.css');

html, body

{
	background: #5b0068 url('images/bg.gif') repeat-x fixed; /* #2e0030 */

	font: normal 100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center; /* IE */

	behavior: url('scripts/csshover.htc'); /* call hover behaviour file */
	cursor: default;

	margin: 0;
	padding: 0;
	border: 0;
}

#wrap

{
	background: #fff;
	width: 950px;
	height: auto;

	margin: 30px auto 0 auto;
}

#container

{
	background: #fff;

	width: 930px;
	height: auto;
	
	text-align: left;
	float: left;
	
	display: inline;
	margin: 0 auto;

	padding: 10px 10px 0 10px;
}

#logo

{
	background: #540059 url('images/strap.gif') no-repeat left center;
	width: 930px;
	height: 50px;
}

#logo h1

{
	text-indent: -999em;
	float: left;
	display: none;
}

#logo a:link, /* Linked header to home page. */
#logo a:visited

{
	background: transparent url('images/logo.gif') no-repeat right center;
	display: block;
	width: 930px;
	height: 50px;
	text-indent: -999em;
}

/*
	NAVIGATION
*/

#navbar

{
	background: #72cbd6 url('images/button.gif') repeat-x bottom; /* bluey green */
	
	width: 905px; /* 905px + 25px padding */
	height: 30px;
	
	overflow: hidden;
	float: left; /* Required Firefox */
	
	margin: 0;
	padding-left: 25px;
}

#navbar ul,
#navbar li

{
	list-style-type: none;
	display: inline;
	cursor: pointer;
}

#navbar li.login

{
	display: none;
}

#navbar .first a

{
	border-left: 2px solid #72cbd6; /* Bluey green */
}

#navbar a:link,
#navbar a:visited

{
	background: #72cbd6 url('images/button.gif') repeat-x bottom;
	color: #990099; /* Bright Purple */
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	
	text-decoration: none;

	float: left;
	
	border-right: 2px solid #72cbd6; /* Bluey green */
	padding: 7px 15px;
	display: block;
}

.menu a

{
	text-transform: capitalize;
}

#navbar ul li a sup

{
	color: #666;
	position: relative;
	top: -6px;
}

#navbar a:hover,
#navbar a:active,
#navbar a:focus

{
	background: #72cbd6 url('images/button.gif') repeat-x bottom;
	color: #fff;
	border-right: 2px solid #72cbd6; /* Bluey green */
}

#navbar a:hover sup,
#navbar a:active sup,
#navbar a:focus sup

{
	color: #fff;
}

#home-page #navbar .menu-home a,
#about-page #navbar .menu-about a,
#services-page #navbar .menu-services a,
#work-page #navbar .menu-work a,
#blog-page #navbar .menu-blog a,
#contact-page #navbar .menu-contact a,

#active a.active-project:link,
#active a.active-project:visited,
#active a.active-project:hover,
#active a.active-project:active,
#active a.active-project:focus

{
	background: #990099 url('images/buttonCurrent.gif') repeat-x bottom;
	color: #fff;
	border-right: 2px solid #990099; /* Bright Purple */
	cursor: default;
}

#active a.active-project sup

{
	color: #fff;
}

#navbar a sup

{
	color: #362437; /* Dark grey, purple tint */
	font-size: 0.8em;
	padding-left: 0.5em;
}

#home-page #navbar .menu-home a sup,
#about-page #navbar .menu-about a sup,
#services-page #navbar .menu-services a sup,
#work-page #navbar .menu-work a sup,
#blog-page #navbar .menu-blog a sup,
#contact-page #navbar .menu-contact a sup

{
	color: #fff;
}

/*
	HOME ICON
*/

#navbar a .home

{	
	width: 15px;
	height: 15px;
	overflow: hidden;
	
	float: left;
	margin-right: 5px;
}

#navbar a:hover .home img,
#navbar a:active .home img,
#navbar a:focus .home img

{
	position: relative;
	top: -15px;
}

#home-page #navbar a .home img,
#home-page #navbar a:hover .home img,
#home-page #navbar a:active .home img,
#home-page #navbar a:focus .home img

{
	position: relative;
	top: -15px;
}

#tel

{
	font: normal 1em/30px Arial, Helvetica, sans-serif;
	color: #990099; /* Bright Purple */
	white-space: nowrap;
	height: 30px;
	float: right;
	margin-right: 25px;
}

#tel strong

{
	letter-spacing: 1px;
	font-weight: bold;
}

/*
	GRAPHICAL HEADER
*/

#header

{	
	width: 930px;
	min-height: 200px;
	float: left;
	overflow: hidden;
	
	padding: 0;
}

#flash-content

{
	width: 930px;
	height: 200px;
}

.header-image /* Main header image must remain in a class in order to allow CSS class overides */

{
	background: url('images/offices_header.jpg') no-repeat center center;
}

#flash-banner

{
	width: 930px;
	height: 400px;

	float: left;
}

/*
	CONTENT REGIONS
*/

.content-block

{
	background: #5faab3;
	
	height: auto;
	width: 930px;
	float: left;
	
	padding-bottom: 3em;
}

.extended /* Allows space for pop-out content to fit on the page */

{
	padding-bottom: 300px;
}

.flush

{
	padding: 0;
}

/* LAYOUT */

.column /* Global width 3 columns 930px */

{
	width: 277px;
	min-height: 320px;
	font: normal 0.9em/130% Arial, Helvetica, sans-serif;
	
	position: relative;
	
	float: left;
	display: inline; /* IE double margin bug */
		
	margin: 0 0 0 25px;
}

.right

{
	float: left; width: 256px;
}

.half /* Two 50% columns */

{ 
	width: 428px;
} 

.one-sixth  /* 1/6 of total width */

{
	width: 140px;
}

.five-sixths  /* 5/6 of total width */

{ 
	background: red;
	width: 700px; 
	height: 450px;
	overflow: hidden;
}

#left-span, /* DIV must come first in html */
#right-span

{
	width: 579px;
}

/* Text */

.column p

{
	background: transparent;
	color: #fff;
	
	padding: 0;
	margin: 0 0 1em 0;
}

.small-text p /* News */

{
	font-size: 0.8em;
	line-height: 150%;
}

.column .center { text-align: center; }
.column .right { text-align: right; }
.column .isolate { margin: 0.8em 0; }
.column .bold { font-weight: bold; }

.column em.small

{
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
}

.column em

{
	font-style: italic;
}

em.date 

{ 
	color: #930090; /* Title pink */
	font-style: normal; 
	display: block;
	margin: 0 0 0.5em 0;
}

.column em.small-caps 

{
	font-size: 0.9em;
	font-style: normal;
}

.column p.big-text

{
	font: normal 1em/130% Arial, Helvetica, sans-serif;
	margin: 0;
}

.column h2 /* Thick headings */

{
	background: #7cc4cc;
	color: #990099; /* Bright Purples */
	font: bold 1.5em/120% Arial, Helvetica, sans-serif;
	text-transform: lowercase;

	margin: 0 0 1em 0;
	padding: 2px 5px;
}

.column h3,
.column h4

{
	font: normal 1.3em/150% Georgia, Times, 'Times New Roman', serif;
	color: #990099; /* Warm Purple */

	margin: 0;
}

.column a:link

{
	background: transparent;
	font: normal 1em/150% Arial, Helvetica, sans-serif;
	color: #aef6ff; /* Pale blue */
	white-space: nowrap;
		
	border-bottom: 2px solid #70c7d2;

	margin-bottom: 4px;
}

.column a:visited

{
	background: transparent;
	font: bold 1em/150% Arial, Helvetica, sans-serif;
	color: #336666; /* Dark Green */
	white-space: nowrap;
	padding: 0.1em 0;
	border: 0;
}

.column a:hover,
.column a:active,
.column a:focus

{
	padding: 0.1em 0;
	color: #fff;
	border-bottom: 2px solid #a900c1;
}

.column p.big-links a:link

{
	background: transparent;
	font: bold 1.3em/150% Arial, Helvetica, sans-serif;
	color: #aef6ff;
	white-space: nowrap;
		
	border-bottom: 3px solid #70c7d2;
	padding: 0.1em 0;
	margin-bottom: 5px;
}

.column p.big-links a:hover,
.column p.big-links a:active,
.column p.big-links a:focus

{
	color: #fff;
	border-bottom: 3px solid #a900c1; /* Bright Pink */
}

/* Services */

.services

{
	margin-bottom: 3em;
	float: left;
}

.services li

{
	background: url('images/transparency.gif') repeat;
	color: #990099; /* Purple */
	font-size: 1.2em;
	
	position: relative;
	
	display: block;
	margin: 0 0 0 10%;
	padding: 10px;
}

.services li .magic-box

{
	display: none;
	padding-bottom: 5em;
}

.services li:hover .magic-box,
.services li:focus .magic-box

{
	background: #fff url('images/corner_02.png') no-repeat bottom right;
	display: block;
	
	position: absolute;
	top: 0;
	left: 410px;
}

.magic-box

{
	width: 300px;
	
	padding: 20px;
}

li .magic-box p,
li:hover .magic-box p

{
	color: #999;
	margin: 0 0 15px 0;
}

.services li:hover

{
	background: #fff;
}

.services h3

{
	font-size: 1.3em;
	padding: 0;/* Override */
}

.services p

{
	color: #eee;
	margin: 0;
	padding: 0; /* Override */
}

.services li:hover p

{
	color: #999;
}

#box

{
	background: transparent;
	padding: 20px;
	margin: 20px auto;
}

/*
	PROJECT WORK
*/

.project ul li

{
	background: #fff;

	list-style-type: none;

	width: 129px;
	height: 129px;
	
	overflow: hidden;
	display: block;
	float: left;
	
	margin: 0 0 20px 20px;
}

.project ul li.first /* Override */

{
	margin: 0 0 10px 0;
}

.project a span /* Project descriptions for search engines only */

{
	display: none;
}

.project a:link,
.project a:visited

{
	background: #7cc4cc;
	color: #540059;
	
	display: block; /* Required IE6 */
	
	filter: alpha(opacity=50);
	opacity: 0.5;
	
	width: 129px;
	height: 129px;
	
	margin: 0;
	padding: 0;
	border: 0;
}

.project a:hover,
.project a:active,
.project a:focus,

.one .project a.one:link,
.two .project a.two:link,
.three .project a.three:link,
.four .project a.four:link

{
	background: #a6dbe1;
	color: #5b0068;
	
	filter: alpha(opacity=100);
	opacity: 1;

	margin: 0;
	padding: 0;
	border: 0;
}

.intervention-header /* Overrides header-image class, this must appear after to work! */

{
	background: #fff url('images/intervention_bar_identity.png') no-repeat 50% 50%;
	height: 300px;
}

.james-atkin-header

{
	background: #fff url('images/james_atkin_identity.jpg') no-repeat 50% 50%;
	height: 300px;
}

.beware-header

{
	background: #000 url('images/beware_identity.png') no-repeat 50% 50%;
	height: 300px;
}

.snorkel-header

{
	background: #000 url('images/snorkel_identity.png') no-repeat 50% 50%;
	height: 300px;
}

/* END Project Work */

#shade

{
	background: transparent /* Teal green */ url('images/blockGradientTop.gif') repeat-x top;
	
	width: 930px;
	height: 50px;
	
	clear: both;
}

#footer-actions

{
	background: #5faab3; /* Green */
	
	width: 930px;
	height: auto;
	
	float: left;
	
	padding: 30px 0;
}

#footer-actions ul li

{
	background: #fff;
	
	width: 230px; /* 40px padding */
	height: 130px; /* 40px padding */
	
	position: relative;
	
	overflow: hidden;
	float: left;
	
	position: relative;
	
	margin-left: 30px;
	padding: 20px;
	
	border-radius: 30px;
	-moz-border-radius: 30px;
}

#footer-actions ul li.blog a:link,
#footer-actions ul li.blog a:visited

{
	position: absolute;
	top: 20px;
}

#footer-actions ul li.blog a:hover img,
#footer-actions ul li.blog a:active img,
#footer-actions ul li.blog a:focus img

{
	position: absolute;
	top: -160px;
}

/*
	FOOTER
*/

#footer /* !! Floating causes repeating offset words bug IE */

{
	background: #fff;

	width: 930px;
	height: auto;
}

#footer #footer-links

{
	backgound: transparent;
	float: left;
}

#footer-links sup, /* Removes accesskey number markers */
#footer-links .home /* Remove the house icon */

{
	display: none;
}

#copyright

{
	backgound: transparent;
	font: normal 0.8em/30px Arial, Helvetica, sans-serif;
	color: #333; /* Dark grey, purple tint */
	text-align: right;
	float: right;
	padding: 0 15px;
}

#footer ul li

{
	display: inline;
	list-style-type: none;
	border-left: 1px solid #540059;
}

#footer li a:link,
#footer li a:visited

{
	font: normal 0.8em/30px Arial, Helvetica, sans-serif;
	color: #333; /* Dark purple */
	text-decoration: none;

	padding: 0 10px;
}

#footer li a:hover,
#footer li a:active,
#footer li a:focus

{
	color: #9600ab;
	padding: 0 10px;
}

#footer ul li a.first /* Class overides must come after */

{
	margin-left: 5px;
}

#footer ul li.first

{
	border: 0;
}

#outside-footer

{	
	font: normal 0.7em/130% Arial, Helvetica, sans-serif;
	color: #dfdedb; /* Light grey */
	
	height: 50px;
	width: 930px;
	
	margin: 0 auto;
}

#outside-footer ul li a:link,
#outside-footer ul li a:visited

{
	color: #dfdedb; /* Light grey */
	text-decoration: none;
}

#outside-footer ul li a:hover,
#outside-footer ul li a:active,
#outside-footer ul li a:focus

{
	color: #fff; /* Light grey */

}

#outside-footer #left

{	
	width: 270px;
	float: left;
	text-align: left;
	
	margin: 0;
	padding: 15px;
}

#outside-footer #left ul li

{
	letter-spacing: 1px;
}

#outside-footer #center

{
	height: 30px;
	float: left;
	margin: 0 auto;
	padding-top: 15px;
}

#outside-footer #right

{
	float: right;
	padding: 15px 10px 5px 0; /* Bottom padding allows underline border to show */
}

#outside-footer #right ul li

{
	display: inline;
	padding: 0 5px;
	border-left: 1px solid #fff;
}

#outside-footer #right ul li.first /* Removes divider from the first link */

{
	border: 0;
}

/*
	CONTACT FORM
*/

.contact-form fieldset

{
	background: #7cc4cc; /* Pale translucent green */
	width: 570px;
	float: left;
	
	margin: 0 0 10px 0;
	padding: 10px;
	padding-right: 0; /* Override */
	border: 0;
}

.contact-form fieldset.stamp 

{ 
	background: #7cc4cc url('images/stamp.gif') no-repeat 509px 10px;
}

.contact-form fieldset input 

{
	width: 50%; /* Half of 435px */
	display: block;
	padding: 5px;
	margin-bottom: 5px;
	border: 0;
}

.contact-form fieldset input.name

{
	text-transform: capitalize;
}

.contact-form fieldset input,
.contact-form textarea

{
	background: #fff url('images/input_background.gif') repeat-x top;
}

.contact-form h3

{
	font-size: 1.2em;
}

.contact-form label span#area-code

{
	font-size:0.8em;
}

.contact-form label em,
.column p.isolate em

{
	font-size: 1.3em;
	color: #fff;
}

.contact-form input.end

{
	margin-bottom: 0;
}

.contact-form textarea /* Message */

{
	font: normal 0.8em/130% Arial, Helvetica, sans-serif;
	color: #333;
	
	display: block;
	width: 549px;
	overflow: auto;
	overflow-x: hidden; /* CSS3 only */
	
	margin: 0;
	padding: 10px 5px;
	border: 0;
}

#contact 

{ 
	background-color: transparent;
	color: #fff;
	padding: 0 10px;
}

#contact h2

{
	background: transparent;
	color: #fff;
	
	padding: 0;
	margin: 0 0 10px 0;
}

#contact h3

{ 
	margin: 0; 
}

#contact div

{
	margin-bottom: 10px;
}

#contact ul,
#contact li

{
	margin: 0;
	padding: 0;
}

#contact a

{ 
	border: 0; 
}

/*
	SEO REPORT FORM
*/

#seo-report h3

{
	padding: 0;
	font-size: 1.2em;
}

#seo-report form

{
	width: 428px;
}

#seo-report fieldset

{
	background-color: #7cc4cc;
	
	margin-bottom: 10px;
	padding: 10px;
}

#seo-report #your-company input,
#seo-report #your-competitors input,
#seo-report #your-information input

{
	background: #fff url('images/input_background.gif') repeat-x top;
	width: 295px;
	
	margin-bottom: 5px;
	padding: 5px;
	
	border: 0;
}	

#instructions ul

{
	list-style-type: disc;
	list-style-image: url('images/bullet_point.gif');
	list-style-position: outside;
	float: left;
}

#instructions ul li

{
	margin-bottom: 1em;
	margin: 0 3em 1em 3em;
	float: left;
}

#instructions h3

{
	margin-bottom: 0.5em;
}

#thanks-post

{
	background: #fff;
	
	text-align: center;
	
	width: 400px;
	height: auto;
	
	margin: 0 auto;
	margin-top: 10em;
	padding: 2em;
}

#thanks-post h1

{
	color: #990099; /* Bright Purple */
	font: italic 2em/130% Georgia, "Times New Roman", Times, serif;
}

#thanks-post p

{
	color: #000;
}

#thanks-post a

{
	color: #990099; /* Bright Purple */
}

/*
	GLOBAL STYLING
*/

#commentform #submit,
#submit

{
	background: #7cc4cc url('images/button_gradient.png') top repeat-x;

	color: #990099; /* Bright Purple */
	cursor: pointer;
	border: 0;
	
	width: auto;
	
	padding: 5px 25px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 1px #333;
	-moz-box-shadow: 1px 1px 4px #666;
}

#commentform #submit:hover,
#submit:hover

{
	background: #990099 url('images/button_gradient.png') bottom repeat-x;
	color: #fff;
	cursor: pointer;
	width: auto;
}

#seo-report fieldset.button-group,
fieldset.button-group

{
	background: transparent;
}

form h3:first-letter

{
	text-transform: uppercase;
}

#graphics 

{
	margin-top: 50px;
	text-align: center;
}

#graphics li

{	
	float: left;
	margin-bottom: 10px;
}

#graphics img,
img

{ 
	border: 0;
}

#graphics a:link,
#graphics a:visited,
#graphics a:hover,
#graphics a:active,
#graphics a:focus

{ 
	display: block;
	border: 0;
	margin: 0 0 20px 0;
	padding: 0;
}

a 

{
	outline: none;
	text-decoration: none;
}

.preload { display: none; }

.hidden { display: none; visibility: hidden; }