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

/* bluemuse.css by Bluemuse Media (bluemuse.ca) Rachel Thompson, November 2009 */

/* TOC

1.  Generic
2.  Links + Nav
3.  Headers
4.  Content Area
5.  About
6.  Footer

/* 1. GENERIC */

body {
	background:#33353F;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	}

#accessibility {
	font-size:1px;
	position:absolute;
	top:-9999px;
}

img {
	margin:0;
	border:0;
	}

	
#wrapper {
	width:950px;
	margin:35px auto;
	}

.container {
	width:950px;
	margin:35px auto;
	padding:5px 0;
	}

.em {
	font-style:italic;
	}

a:link, a:visited, a:hover {
	font-weight:bold;
	color:#5B94CC;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	color:#333;
	}
/* 2. LINKS + NAV*/ 

#primary-nav {
	margin:0 10px;
	position:absolute;
	top:94px;
	margin-left:200px;
	}

#primary-nav ul {
	list-style:none;
	}


	
#primary-nav ul li a {
	float:left;
	padding:0;
	text-indent:-9000px;
	position:absolute;
	background: transparent url(/images/navigation.gif) no-repeat;
	overflow:hidden;
	height:41px;
	width:121px;
	}

#primary-nav ul li#portfolio a {
	width: 100px;
	margin-left:88px;
	background-position:-88px 0;
	}
	
#primary-nav ul li#portfolio a:hover, body#home.smaller #primary-nav ul li#portfolio a {
	background-position: -88px -41px;
	width: 95px;
	margin-left:88px;
	}
	
#primary-nav ul li#services a {
	width:88px;
	}
	
#primary-nav ul li#services a:hover, body#services #primary-nav ul li#services a {
	background-position: 0 -41px;
	}

#primary-nav ul li#small a {
	/*background-position:-180px 0;*/
	background-position:-227px 0;
	margin-left:183px;
	width:25px;
	}

body#home.smaller #primary-nav ul li#small a, #primary-nav ul li#small a:hover {
	/*background-position:-180px -41px;*/
	background-position:-227px -41px;
	}

#primary-nav ul li#large a {
	background-position:-203px 0;
	margin-left:168px;
	width:30px;
	}
	
body.large #primary-nav ul li#large a, #primary-nav ul li#large a:hover {
	background-position:-203px -41px;
	}

.toggler-opened, .toggler-closed, #contactlink {
	margin:19px 10px 0 860px;
	position:absolute;
	top:73px;
	}

span#contactlink a {
	float:left;
	padding:0;
	height: 41px;
	}
	
a.toggler-opened, a.toggler-closed, span#contactlink a {
	text-indent:-9000px;
	position:absolute;
	background: transparent url(/images/secondnav.gif) no-repeat;
	background-position:0 0;
	overflow:hidden;
	height:91px;
	width:45px;
	}

span#contactlink a {
	height: 84px;
}

span#contactlink a:hover {
	background-position:0 -117px;
	}

a.toggler-closed {
	margin-left: 908px;
	background-position:-45px 0;
	}
a.toggler-opened, a.toggler-closed:hover {
	background-position: -45px -235px;
	}

a.toggler-opened {
 	margin-left: 908px;
	background-position: -45px -235px;
	}
	
/* END LINKS*/


/* 3. HEADERS */

#overheader {
	background: #41434C;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:1024px;
	height:30px;
	margin:0;
	}

#overheader ul {
	list-style:none;
	float:right;
	font-size:1.1em;
	color: #AEB3BB;
	margin:0;
	padding:8px 0;
	}
	
#quickcontact {
	width:950px;
	margin:0 auto;
	}

#overheader ul li {
	float:left;
	padding-right:8px;
	}
	
#header {
	height:103px;
	}

#header h1 a:link, #header h1 a:visited {
	display:block;
	height:100px;
	overflow:hidden;
	position:absolute;
	text-indent:-9000px;
	width:211px;
	z-index:5;
	top:10px;
}

#header h1{
	background: transparent url(/images/bluemuse.gif) no-repeat scroll 0 0;
	position:absolute;
	width:211px;
	height:100px;
	float:left;
	top:35px;
}

#content h3 {
	color: #33353F;
	font-size:1em;
	padding:0;
	margin-bottom:0;
	overflow:hidden;
	}
	
/* END OF HEADERS */

/* 4. CONTENT AREA*/

#content {
	background: #A9C4DF url(/images/bluemuse_skygradient.jpg) repeat-x scroll left bottom;
	min-height:600px;	
	width:100%;
	min-width:1024px;
	font-size:1.15em;
	color: #333;
	}

#intro h2, #offers, #serviceslink a:link, #serviceslink a:visited  {
	display:block;
	overflow:hidden;
	position:relative;
	text-indent:-9000px;
	float:left;
	}

#intro h2 {
	/*background: transparent url(/images/intro.png) no-repeat left -2px;*/
	width:461px;
	height:59px;
}

#services {
	clear:left;
	}

#offers {
	background: transparent url(/images/bluemuseoffers.png) no-repeat bottom left;
	width:222px;
	height:61px;
	padding-left:33px;
	
}

#serviceslink a:link, #serviceslink a:visited {
	width:222px;
	height:62px;
	position:relative;
	float:left;
	}

#serviceslink a:link, #serviceslink a:visited {
	background: transparent url(/images/standout.png) no-repeat 0px -59px;
	
}

#serviceslink a:hover {
	background-position: 0px 5px;
}

#portfoliocontent {
	margin-top:30px;
	}
.portfolio {
	background-color:#fff;
	width:227px;
	margin:0 10px 20px 0;
	padding:10px;
	min-height:50px;
	}

.portfolioset {
	float:left;
	}

.portfolioset p {
	margin:0;
	padding:0;
	font-size:.9em;
	}

/* SERVICES CONTENT AREA*/

#intro {
	height:60px;
	}
#intro h2 {
	background: transparent url(/images/smallbig.png) no-repeat left -2px;
	float:left;
	}

.services {
	background-color:#fff;
	margin: 10px 8px 22px 0;
	padding:5px 15px;
	width:229px;
	}

.servicescontainer {
	float:left;
	}

h3.bluemuse, h3.standout, h3.timelines, h3.rates, h3.pastclients, h3.plays {
	text-indent:-9000px;
	background: transparent url(/images/bluemusemedia.png) no-repeat -1px -2px;
	position:absolute;
	width:128px;
	height:20px;
	margin-right:20px;
	}

h3.standout {
	background: transparent url(/images/standoutservices.png) no-repeat left -2px;
	width:161px;
	}
h3.timelines{
	background: transparent url(/images/timelines.png) no-repeat -3px -2px;
	} 
h3.rates{
	background: transparent url(/images/rates.png) no-repeat -3px -2px;
	} 
h3.pastclients{
	background: transparent url(/images/pastclients.png) no-repeat left -2px;
	width:133px;
	} 
h3.plays {
	background: transparent url(/images/playswell.png) no-repeat -2px -2px;
	width:179px;
	}

ul.first, p.first {
	margin-top: 33px;
	list-style-position:outside;
	}

.services ul {
	margin-left:-25px;
	}

/* END CONTENT AREA*/

/* 5. About AREA*/
#about {
	padding: 12px 0;
	clear:left;
	height:316px;
	color:#AEB3BB;
	font-size:1.1em;
	width:950px;
	margin:35px auto;
	padding:5px 0;
	margin-top: 32px;
	}

#about img {
	float:left;
	padding-right:8px;
	}
	
#about .round {
	background:#41434C;
	padding:15px;
	}

#overview {
	float:left;
	width:70%;
	margin-right:5px;
	height:309px;
	padding:0;
	margin:0;
	}

#sidebar {
	float:right;
	width:25%;
	height:309px;
	padding:0;
	margin:0;
	}

#about h3 {
	font-size:.95em;
	}

/* END ABOUT AREA */

/* 6. FOOTER*/

#footer {
	color:#AEB3BB;
	clear:left;
	}
#testimonials, #conditions {
	float:left;
	width: 200px;
	padding:0 10px 0 20px;
	}

#contact {
	float:left;
	width: 400px;
	padding:0;
	}

#contact h4 {
	background: transparent url(/images/letstalk.png) no-repeat 0 -2px;
	width:209px;
	height:50px;
}

#contact label {
	border-bottom:1px solid;
	clear:left;
	float:left;
	font-size:1.25em;
	font-weight:bold;
	line-height:167%;
	margin-bottom:10px;
	width:141px;
	}
	
#contact input, #contact textarea {
	float:right;
	margin-bottom: 10px;
	}

input.button {
	clear:both;
	background: transparent url(/images/submit.png) no-repeat scroll 0 0;
	border:none;
	text-indent:-9000px;
	width:98px;
	height:26px;
	display:block;
	overflow:hidden;
	line-height: 0px;
	font-size: 0px;
	}
	
#subfooter {
	clear:both;
	background:#41434C none repeat scroll 0 0;
	color:#AEB3BB;
	}

#subfooter .container, #subfooter p {
	padding:10px 0;
	margin-bottom: 0;
	}

#coordinates {
	clear:both;
	float:left;
	margin-top:-132px;
	width:150px;
	}

#coordinates #tel, #coordinates #fax, #coordinates #email, #coordinates #skype, #coordinates #twitter{
	text-transform:uppercase;
	font-weight:bold;
	float:left;
	padding-right: 3px;
	}

#conditions h3, #contact h4 {
	display:block;
	overflow:hidden;
	position:relative;
	text-indent:-9000px;
	float:left;
	}
	

/*Testimonials*/
#testimonials p {
	background:transparent url(/images/testimonialcloud.png) no-repeat scroll 0 0;
	color:#33353F;
	height:178px;
	padding:61px 30px 30px 33px;
	width:212px;
	height:90px;
	}

#testimonials {
	padding:0 19px;
	width:269px;
	margin-top:-34px;
	}
	
/* /Testimonials */
	
	
/*Conditions*/

#conditions h3 {
	background: transparent url(/images/currentconditions.png) no-repeat;
	width: 234px;
	height:53px;
}

#conditions p {
	font-size:1.25em;
	line-height:120%;
	padding:0;
	}

#conditions p.small {
	font-size:1em;
	padding-top: 160px;
	}

.partly {
	background: transparent url(/images/partly.png) no-repeat 0 15px;
	margin-top:55px;
	width:200px;
	}

.sunny {
	background:transparent url(/images/sunny.png) no-repeat scroll 7px 36px;
	margin-top:69px;
	width:200px;
	}

.cloudy {
	background: transparent url(/images/cloudy.png) no-repeat 0 15px;
	margin-top:55px;
	width:211px;
	}

	

/* /Conditions */
	
/* END FOOTER AREA */