/*
Theme Name: Copious Ltd
Theme URI: http://www.copious.co.uk/
Description: 2010 Copious V3 Site
Version: 13.03.2010
Author: Mark Wassmer
Copyright: 2010, Copious Ltd

Contents: 
1. COLOURS
2. RESETS
3. TYPOGRAPHY
4. PAGE CONTENT
5. SKIN & PAGE BUILDING BLOCKS
6. SLIDESHOW
7. MISC
8. THANKS
*/

/* Import Stylesheets
----------------------------------------------- */
@import "widget.css";







/********** 1. COLOURS **********/
/*
- Logo blue #094182 (picked from logo)
- Dark blue #094182 (header text, footer bkgrd, links, main nav bkgrd)
- Grey #4b4d4d (page copy)
- Blue shine #0085c6 (hover bkgrd,)
- Light blue #c1d7f4 (footerP Tweets, main nav current)
*/
/* End Colours */






/********** 2. RESETS **********/
html, body { margin: 0; padding: 0; font-family: Arial, "Trebuchet MS",  sans-serif; color: #4b4d4d; }
body { text-align: left; font-size: 82%; background: #113d75 url(../img/bkgrd.jpg) repeat-x; width: 100%; }
html{ font-size: 100%; }

/* Neutralize styling: 
   Elements with a vertical margin: */
h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address { margin: 0; padding: 0; }



a:link, a:visited { color: #094182; font-weight : normal; text-decoration: underline; }
a:hover { color: white; background: #0085c6; text-decoration : none; }
a:active { color: #c1d7f4; background: #0085c6; text-decoration : underline; }


img { border: 0; display: block; }
a img, iframe { border: none; }
.clear { height: 1%; clear: both; }
form, fieldset { border: none; margin: 0; padding: 0;  }
legend {display: none;}
select { padding: 0; }

/* End Resets */






/********** 3. TYPOGRAPHY **********/

h1 {
	color: #094182;
	margin: 0 0 .2em;
	font-size: 2.2em;
	font-weight: normal;
	text-shadow: #a1c1d3 0px 1px 1px;
}

h2 {
	color: #094182;
	margin: .3em 0;
	font-size: 1.8em;
	font-weight: bold;
}

h3 {margin: 0; font-size: 1.4em; font-weight: bold;}
h4 {margin:  0; font-size: 1.2em; font-weight: normal;}
h5, h6 {margin:  0; font-size: 1.2em; font-weight: normal; }

p {font-size: 1.1em; line-height: 1.3em; margin-bottom: 1em; }

p.intro {
	color: #0c4c96;
	border-bottom: 1px dashed #8fb9d6;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 1.3em;
	line-height: 1.3em;
}

/* End Typography */






/********** 4. PAGE CONTENT **********/

/* Home */
#home #mainContent .sleeve .col1 {width: 272px; float: left; margin-right: 27px;}
#home #mainContent .sleeve .col2 {width: 272px; float: left; margin-right: 27px;}
#home #mainContent .sleeve .col3 {width: 272px; float: left;}

#home h1 {
	color: #094182;
	text-align: center;
	margin: 2em 30px 0;
	font-size: 2.8em;
	font-weight: normal;
	text-shadow: #a1c1d3 0px 1px 1px;
}

/* H2 for home is in the slideshow.CSS */

#home h3 {
	color: #094182;
	margin:  0;
	padding: 0;
	font-size: 2em;
	font-weight: normal;
}

#home h4 {
	margin:  0;
	padding: 0;
	font-size: 1.6em;
	font-weight: normal;
}

#home a.moreAbout:link, #home a.moreAbout:visited {background: transparent url(../img/icons/arrowMoreBlue.gif) no-repeat 98% 45%; margin-top: .4em; padding: 3px 18px 3px 4px; }
#home a.moreAbout:hover, #home a.moreAbout:active {background: #0085c6 url(../img/icons/arrowMoreGreen.gif) no-repeat 98% 45%; }

#featured {
	clear:both;
	background: #dff1f5 url(../img/highlitePanelBkgrd.gif) repeat-x bottom right; 
	margin-top: 40px; 
	padding:20px; 
	border: 10px solid #ccdee7; 
	overflow:hidden;
}


#featured h4 {margin:  0 0 .5em 0;font-size: 1.8em;font-weight: normal;}
#featured h5 {margin:  0 0 .3em 0;font-size: 1.5em;font-weight: normal;}
#featured p {font-size: 1.1em;}
#featured img.sneakPeek {float:right; border: 5px solid #ccdee7; margin: 0 0 10px 26px; }
#featured img.atMedia {float:right; border: 5px solid #ccdee7; margin: 0 0 10px 26px; }

/* About */
#about #mainContent .sleeve .col1 {width: 272px; float: left; margin-right: 27px; background: white url(../img/icons/designGraphic.gif) no-repeat 0 0;}
#about #mainContent .sleeve .col2 {width: 272px; float: left; margin-right: 27px; background: white url(../img/icons/techGraphic.gif) no-repeat 0 0;}
#about #mainContent .sleeve .col3 {width: 272px; float: left; background: white url(../img/icons/peopleGraphic.gif) no-repeat 0 0;}

ul.serviceBullets {font-size: 1.1em; margin-bottom: 30px; list-style-type: none;}
ul.serviceBullets li {padding-left: 30px; line-height: 1.4em;}
ul.serviceBullets li.title {font-weight: bold; padding-left: 0; line-height: 1.1em; font-size: 1.1em;}

#about .col1 h2, #about .col3 h2 {padding-left: 40px;}
#about .col2 h2 {padding-left: 44px;}

#profile {clear:both; margin-top: 40px; padding:20px; border: 10px solid #ccdee7; background: #dff1f5 url(../img/highlitePanelBkgrd.gif) repeat-x bottom right; overflow:hidden;}

#profile h3 {margin:  0 0 .3em; font-size: 2em; font-weight: normal;}

#profile p {font-size: 1em;}
#profile p.personal {font-style: italic;}

.profilecol1 {width: 540px; float: left;}
.profilecol2 {width: 240px; float: right;}

img.profilePhoto {float: right; border: 3px solid #ccdee7; margin:0 0 3px 6px;}

ul.followMe {font-size: 1em; list-style-type: none;}
ul.followMe li {line-height: 1.4em; padding-left: 16px; background: url(../img/icons/sandiBullet.gif) no-repeat 0 .2em;}


/* Services */
#services #mainContent .sleeve .col1 { width: 572px; float: left;}
#services #mainContent .sleeve .col2 { border: 10px solid #ccdee7; background: #dff1f5 url(../img/highlitePanelBkgrd.gif) repeat-x bottom right;  padding: 10px; width: 232px; float: right;}

ul.serviceBullets {font-size: 1.1em; margin-bottom: 30px; list-style-type: none;}
ul.serviceBullets li {background: url(../img/icons/servicesBullet.gif) no-repeat 0 0; margin: .4em 0 0 15px; padding-left: 20px; line-height: 1.1em;}
ul.serviceBullets li.title {background: none; font-weight: bold; padding-left: 0; margin-left:0; font-size: 1.1em;}

#services .col2 h3 {
	background: url(../img/icons/clipboardGraphic.gif) no-repeat 0 5px;
	color: #094182;
	margin:  .3em 0;
	padding-left: 50px;
	font-size: 1.5em;
	font-weight: bold;
}


/* Portfolio */
.portfolioFeature {border: 10px solid #ccdee7; background: #dff1f5 url(../img/highlitePanelBkgrd.gif) repeat-x bottom right; overflow:hidden; padding:20px; margin-bottom: 10px;}
.portfolioFeature h2 {color: #4b4d4d; font-size: 1.6em; margin:0 0 .3em; font-weight: normal;}

img.feature  {float: right;  margin-left: 15px; border: 5px solid #ccdee7;}


#studyPromote {border: 5px solid #ccdee7; background: #dff1f5; overflow:hidden; padding:10px; margin: 10px; text-align:center;}
#studyPromote p {font-size: 1.4em; padding:0; margin: 0;}

/* Portfolio Gallery */
#portfolio h3 {
	color: #094182;
	margin:  1em 0 .3em 0;
	font-size: 1.8em;
	font-weight: normal;
}

.gallery { height: auto; }
.gallery { margin:0 0 10px; list-style-type: none;}
.gallery:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

.gallery li {
	float:left;
	margin:0 0 60px 26px;
	padding: 0;
	width:198px;
}

.gallery .row_leader {margin-left:0; clear: left;}
.gallery img {display: block; margin: 0 0 6px;}
.gallery a:link img, .gallery a:visited img   {border: 5px solid #b4cfe0;  }
.gallery a:hover img, .gallery a:active img   {background: #0085c6; border: 5px solid #0085c6;}



.gallery h4 {
	font-weight: bold;
	font-size: 1.1em;
	color: #999;
	margin: 0 0 5px;
}

.gallery li p {font-size: 1em; line-height: 1.1em;}



/* Case Study */
#caseStudy #mainContent .sleeve .col1 { width: 572px; float: left;}
#caseStudy #mainContent .sleeve .col2 { width: 272px; float: right;}
#caseStudy h1 {margin-bottom: 26px;}
#caseStudy h2 {margin: 1em 0; font-size: 1.7em; font-weight: normal;  }
#caseStudy p.intro { color: #4b4d4d; margin: 0; border-bottom: none;}

#testimonials {background: transparent url(../img/icons/paperClipGraphic.gif) no-repeat top left; margin-top: 40px; padding-top: 18px}
#testimonials h3 {color: #4b4d4d;  margin: 0 0 6px 50px; font-size: 1.5em;  }
#testimonials blockquote { font-style: italic;  line-height: 1.2em; }
#testimonials blockquote cite {display: block; font-style: normal; font-weight: bold; color:#646464; }

p.breadcrumbs {margin-bottom: 26px;}

#caseStudy .col2 .projectNotes {background: transparent url(../img/icons/notesClipGraphic.gif) no-repeat top right; margin-top: 10px; padding: 20px 0}
#caseStudy .col2 .projectNotes h4 {margin: .2em 0; padding-bottom: .2em; font-size: 1.5em; font-weight: normal; color: #4b4d4d; border-bottom: 1px solid #d3d3d3;}
#caseStudy .col2 .projectNotes p {font-size: 1em;}
#caseStudy h4.embiggen {margin-bottom: .5em; font-size: 1.6em; font-weight: normal; color: #0c4c96; border-bottom: 1px solid #ccdee7;}
#caseStudy .col2 .caseMore { 
	background: #dff1f5 url(../img/highlitePanelBkgrd.gif) repeat-x bottom right ; 
	border: 10px solid #ccdee7;  
	padding: 10px;
	margin-top: 26px;
	width: 232px;
}


.caseMore ul {list-style-type: none;}
.caseMore ul li {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccdee7;}
.caseMore ul h4 {color:#646464; font-size: 1.1em; margin-bottom: .2em; padding: 2px 0 0 18px; background: url(../img/icons/miniCaseStudy.gif) no-repeat 0 0;}
.caseMore ul h4.current {font-size: 1.1em; color: #474747; margin-bottom: .2em; padding-left: 20px; background: url(../img/icons/miniCaseStudyCurrent.gif) no-repeat 0 0;}
.caseMore ul p {font-size: 1em;  line-height: 1em; margin: 0; padding: 0;}

#gallery {margin: 0 0 15px; border: 5px solid #ccdee7;}
#gallery .thumb {display: block;}
ul#gallery_changer li {
	display: inline;
	background: url(/images/bg_gallery_changer.png) no-repeat left;
	padding: 2px 4px;
	margin: 0 0 0 7px;
	border: 1px solid #b4cfe0;
	font-size: 1.1em;
}

ul#gallery_changer .first {margin-left: 0; background: none;}
ul#gallery_changer .current a {color: #474747; font-weight: bold; text-decoration: none;}


/* Contact */
#contact #mainContent .sleeve .col1 {width: 572px; float: left;}
#contact #mainContent .sleeve .col2 {width: 272px;float: right;}

#contact  h2 {
	color: #094182;
	margin:  3em 0 0;
	font-size: 1.5em;
	font-weight: normal;
}

#contact p.intro {color: #0c4c96; font-size: 1.3em; line-height: 1.3em; padding-bottom: 10px; margin-bottom: 20px; border-bottom: none;}

ul.contactInfo, ul.socialFind{font-size: 1.1em; margin: -10px 0 30px 20px; list-style-type: none;}
ul.contactInfo li, ul.socialFind li { padding-left: 22px; line-height: 1.4em;}

	ul.contactInfo li.phone {font-size: 1.1em; background: url(../img/icons/miniPhone.gif) no-repeat 0 0;}
	ul.contactInfo li.email {font-size: 1.1em; background: url(../img/icons/miniEmail.gif) no-repeat 0 0;}
	ul.contactInfo li.skype {font-size: 1.1em; background: url(../img/icons/miniskype.gif) no-repeat 0 0;}
	ul.socialFind li.facebook {background: url(../img/icons/miniFacebook.gif) no-repeat 0 1px;}
	ul.socialFind li.twitter {background: url(../img/icons/miniTwitter.gif) no-repeat 0 1px;}
	ul.socialFind li.friendfeed {background: url(../img/icons/miniFriendfeed.gif) no-repeat 0 1px;}


#contact .col2 h3 { 
	color: #094182;
	margin:  .3em 0;
	font-size: 1.5em;
	font-weight: normal;
}

#contact .col2 h2 {
	color: #094182;
	margin:  .3em 0;
	font-size: 1.5em;
	font-weight: normal;
}

.postal {margin-top: 26px; border: 10px solid #ccdee7; background: #dff1f5 url(../img/highlitePanelBkgrd.gif) repeat-x bottom right;  padding: 10px; width: 232px;}

address {font-style: normal; font-size: 1.2em;}

.col2 p.companyRegistration {font-size: .9em; line-height: inherit; margin-top: 20px;}

a.buttonvCard, a.buttonvCard:visited {
    background: #094182 url('../img/buttons/buttonRvC.gif') no-repeat  top right;
    color: white;
    display: block;
	float: left;
    font-size: 1.1em;
    height: 30px;
    margin-right: 6px;
    padding-right: 50px; /* sliding doors padding */
    text-decoration: none;
    text-transform: uppercase;
}

a.buttonvCard span, a.buttonvCard:visited span {
    background: #094182 url('../img/buttons/buttonL.gif') no-repeat top left;
    display: block;
    line-height: 15px;
    padding: 9px 0 6px 18px;
} 

a.buttonvCard:hover, a.buttonvCard:active {
    background: #0085c6 url('../img/buttons/buttonRvC-H.gif') no-repeat  top right;
    color: white;
    text-decoration: underline;
    text-transform: uppercase;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonvCard:hover span, a.buttonvCard:active span {background: #0085c6 url('../img/buttons/buttonL-H.gif') no-repeat top left;} 


/* Accessibility & Terms */
#accessibility #mainContent .sleeve .col1 { width: 572px; float: left;}
#accessibility #mainContent .sleeve .col2 { border: 10px solid #ccdee7; background: #dff1f5 url(../img/highlitePanelBkgrd.gif) repeat-x bottom right;  padding: 10px; width: 232px; float: right;}

#accessibility blockquote p { font-style: italic; color: #0c4c96; font-size: 1.3em; line-height: 2em; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px dashed #8fb9d6; }
#accessibility blockquote cite { font-style: normal; font-weight: bold; color:#646464; }

ul.accessBrowsers, ul.widgetfeatures {font-size: 1.1em; margin-bottom: 20px; list-style-type: none;}
ul.accessBrowsers li, ul.widgetfeatures li {background: url(../img/icons/arrowSimple.gif) no-repeat 0 0; margin: 0 0 0 15px; padding-left: 20px; line-height: 1.2em;}
ul.accessBrowsers li.title, ul.widgetfeatures li.title {background: none; font-weight: bold; padding-left: 0;}
ul.widgetfeatures li.title {margin-left:0;}

#accessibility  h2 {
color: #094182;
margin:  .3em 0;
padding: 0;
font-size: 1.7em;
font-weight: normal;
}

#accessibility  h3.embiggen {
color: #094182;
margin:  2em 0 .3em 0;
padding: 0;
font-size: 1.7em;
font-weight: normal;
}

#accessibility  h4 {
color: #094182;
margin:  .3em 0;
padding: 0;
font-size: 1.7em;
font-weight: normal;
}

.siteTerms h2 {
color: #094182;
margin:  0;
font-size: 1.8em;
font-weight: normal;
}



#widgetDetails {border: 5px solid #ccdee7; background: #dff1f5 url(../img/highlitePanelBkgrd.gif) repeat-x bottom right; padding: 10px; margin-bottom: 20px;}
h3.widgetTitle {font-size: 1.6em; color: #094182; font-weight: normal;}

.siteTerms p.signOff {text-align: right; font-style: italic;}

/* End Page Content */






/********** 5. SKIN & PAGE BUILDING BLOCKS **********/

/* 5a. HEADER & NAV */
#header {
	background: transparent url(../img/headBkgrd.png) no-repeat center top;
  	margin: 0 auto;
  	width:960px;
  	height: 135px;
  	position: relative;
}

.branding {position: relative; margin: 41px 0 0 15px; float: left;}
.branding #logo {display: block; position: relative; overflow: hidden;}
.branding a#logo {background: transparent;}

#mainNav {float: right;}
#mainNav ul {margin-right: 15px; padding: 64px 0 0;}
#mainNav ul li {
	list-style: none;
	float: left;
	margin-left: 5px;
	font-size: 1.1em;
	text-transform: uppercase;
}

#mainNav ul li a {
	background: none;
	display: block;
	padding: 0 8px 0 0;
	color: white;
	text-decoration: none;
}

#mainNav ul li a span {background: none; display: block;padding: 14px 0 10px 8px;}
#mainNav ul li a:hover {background: url(../img/buttons/navButR-H.gif) top right no-repeat; color: #FFF; text-decoration: underline;}
#mainNav ul li a:hover span {background: url(../img/buttons/navBut-H.gif) top left no-repeat;}		
#mainNav ul li.current a {background: url(../img/buttons/navButR.gif) top right no-repeat; color: #c1d7f4; font-weight: bold;}
#mainNav ul li.current a span {background: url(../img/buttons/navBut.gif) top left no-repeat; text-decoration: underline;}


/* 5b. Main Content */
#mainContent {
	background: transparent url(../img/pgBkgrd.png)  no-repeat center 0;
  	margin: 0 auto;
  	width:960px;
  	position: relative;
}

#home #mainContent {background: transparent url(../img/pgBkgrdHome.png)  no-repeat center 0;}

#mainContent .sleeve {
	width: 870px;
	overflow: hidden;
	margin:  0 auto;
	padding: 40px 30px 40px;
	background: white url(../img/pgBkgrdInner.jpg)  no-repeat center 0;
}

#home #mainContent .sleeve {background: white; padding: 20px 30px 40px;}


/* 5c. Network Bar */
#networkBar {background: #c8deea url(../img/networkbarTierBkgrd.gif) repeat-x 0 0; color: #073365;  height:90px;}
#networkBar .wrap { width: 930px; margin: 0 auto; position: relative;}

#networkBar .sleeve {
	background: transparent url(../img/networkbarBkgrd.gif)  no-repeat center 0;
	width: 870px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

#networkBar .sleeve p  {margin-top: 26px; font-size: 1em;}


/* 5d. Global Footer */
#footer { color: white; background-color: #094182;}
#footer .wrap { width: 930px; margin: 0 auto; position: relative;}
#footer .sleeve {
	width: 870px;
	overflow: hidden;
	background: transparent url(../img/footerBkgrd.gif)  no-repeat center 0;
	margin:  0 auto;
	padding: 30px 0 0;
}

#footer .sleeve .col1 { width: 422px; float: left;}
#footer .sleeve .col2 {width: 422px;  float: right; background: transparent url(../img/twitterBoxBot.gif) no-repeat bottom right;}
		ul#twitterFeed, ul#twitter_update_list {background: url(../img/twitterBoxTop.gif) no-repeat top right; margin: 0; padding: 20px 15px 15px 105px; color: #c1d7f4;}
		ul#twitterFeed li, ul#twitter_update_list li {font-size: 1em; list-style-type: none; margin-bottom: 1.2em;}
		ul#twitterFeed li.title {font-weight: bold; font-size: 1.1em; margin-bottom: .5em;}
		ul#twitterFeed li span {font-style: italic; font-size: .9em;}

#footer a, #footer a:visited {color: #fff; text-decoration: underline;}
#footer a:hover, #footer a:active {color: #fff; background-color: #0a2850;}
#footer p {color: #c1d7f4;}

ul.social_network {height:40px; margin: 0; padding: 0;  border-bottom: 1px dashed #1f5ba1;}
ul.social_network li {
	float: left;
	padding-right: 2px;
	margin: 0;
	position: relative;
	list-style-type: none;

}

ul.social_network li a {
	background-position:0 0;
	width:39px;
	height: 40px;
	overflow: hidden;
	display: block;
	text-indent: -999px;
	position: relative;
}

ul.social_network li a {background:#0085c6 url(../img/buttons/networkSprites.gif) no-repeat;}
ul.social_network li span {background:#0085c6 url(../img/buttons/networkSprites.gif) no-repeat !important;}
ul.social_network li.title {font-size: 1.4em;  padding: 12px 4px 0 0;}
ul.social_network li a:hover, ul.social_network li:hover a {background-position: -50px 0; width: 39px; z-index: 2;}

ul.social_network li.facebook a { background-position:0 0;}
	ul.social_network li.facebook a:hover, ul.social_network li.facebook:hover a {background-position: -50px 0;}
ul.social_network li.twitter a {background-position: 0 -50px;}
	ul.social_network li.twitter a:hover, ul.social_network li.twitter:hover a {background-position: -50px -50px;}
ul.social_network li.friendfeed a {background-position: 0 -100px;}
	ul.social_network li.friendfeed a:hover, ul.social_network li.friendfeed:hover a {background-position: -50px -100px;}
ul.social_network li.linkedin a {background-position: 0 -150px;}
	ul.social_network li.linkedin a:hover, ul.social_network li.linkedin:hover a {background-position:-50px -150px;}
ul.social_network li.behance a {background-position: 0 -201px;}
	ul.social_network li.behance a:hover, ul.social_network li.behance:hover a {background-position: -50px -201px;}
ul.social_network li.digg a {background-position: 0 -251px;}
	ul.social_network li.digg a:hover, ul.social_network li.digg:hover a {background-position: -50px -250px;}
ul.social_network li.flickr a {background-position: 0 -300px;}
	ul.social_network li.flickr a:hover, ul.social_network li.flickr:hover a {background-position: -50px -300px;}

ul.social_network li span {
	background-position: -166px -39px !important;
	color: White;
	position:absolute; 
	top:-20px; 
	right:-18px;
	z-index:-999;
	width: 84px;
	opacity:0;
	display: none;
	visibility: hidden;
	font-size: 1.3em;
	text-align: center;
}

ul.social_network li:hover span {
	display: block; 
	overflow: hidden;
	opacity:1;
	visibility: visible;
	z-index: 1;
}

ul.social_network li:hover { z-index: 3;}

ul.quickContact { font-size: 1.8em; margin: 10px 0 0; line-height: 1em;}
	ul.quickContact li.title { font-size: .8em; margin: 0 0 .2em; }
	ul.quickContact li.quickCall {color: #c1d7f4; }
	ul.quickContact li.quickMail a:link, ul.quickContact li.quickMail a:visited
 {display: block; background: url(../img/icons/quickiEmail.gif) no-repeat 2px 2px; border: 1px transparent dashed; padding: 4px 0 2px 42px;}
	ul.quickContact li.quickMail a:hover, ul.quickContact li.quickMail a:active {display: block; background: url(../img/icons/quickiEmail.gif) no-repeat 2px -45px; background-color: #0a2850; border: 1px #1f5ba1 dashed; text-decoration: none;}

#footerEnd { color: #c1d7f4;  margin-top: 20px; padding: 10px 0 20px; border-top: 1px solid #376a9d; overflow: hidden;}
	#footerEnd a, #footerEnd a:visited {color: white; text-decoration: none; padding: 0 2px;}
		#footerEnd a:hover, #footerEnd a:active  {color: white; background-color:#0085c6; }

ul#footNav { margin: 0 0 0 30px; padding: 0; list-style-type: none; float:left;}
	ul#footNav li {display: inline;}
		ul#footNav li.miniStream a  { text-transform: uppercase; background: url(../img/icons/lifestreamerMini.gif) no-repeat 100% 50%; padding-right: 14px;}
		ul#footNav li.miniStream a:hover  { background: #0085c6 url(../img/icons/lifestreamerMini.gif) no-repeat 100% 50%;}

ul#legal { margin: 0 30px 0 0; padding: 0; list-style-type: none; float: right;}
	ul#legal li {display: inline;}

/* End Skin & Page Building Blocks */






/********** 6. SLIDESHOW **********/

/* Slideshow style rules */
#slideshow { 
	margin:0 auto;
	width:960px;
	height:285px;
	position:relative;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:880px;
  height:285px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  background: white  url(../img/slideshow/ssBkgrdInner.jpg) no-repeat 0 0;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:860px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:285px;
}


/* Slideshow controls style rules.*/
.control {
  display:block;
  width:40px;
  height:255px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {color: white; top:0; left:0; background:transparent url(../img/slideshow/control_left.png) no-repeat 0 0;}

#rightControl {color: white; top:0; right:0; background:transparent url(../img/slideshow/control_right.png) no-repeat 0 0;}


/* Slides Styling. */

#slidesContainer .first h1 {font-size: 2.6em; margin-top: 75px;}
#slidesContainer .first p {text-indent: -1000em;} /* hind from screen */
.slide h2 {
  	letter-spacing:-1px;
 	color: #094182;
	margin: 20px 0.2em 0;
	font-size: 2em;
	font-weight: normal;
	text-shadow: #a1c1d3 0px 1px 1px;
	line-height: 100%;
}

.slide p {margin: 0; padding: 0;}
.slide p.action {margin: 0 0 0 0; padding: 0;}
.slide img {float:left; margin-right:25px;}
#slidesContainer .first {background: transparent url(../img/slideshow/takeaLook.gif) no-repeat right bottom;}
.slide .second, .slide .third, .slide .fourth {margin:0 auto; padding-top: 20px; width: 800px; overflow: hidden; }
.slide a.button { font-size: .9em; margin-top: 5px;}

/* End Slideshow */






/********** 7. MISC **********/

a.button, a.button:visited {
    background: #094182 url('../img/buttons/buttonR.gif') no-repeat  top right;
    color: white;
    display: block;
	float: left;
    font-size: 1.1em;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    text-transform: uppercase;
}

a.button span, a.button:visited span {
    background: #094182 url('../img/buttons/buttonL.gif') no-repeat top left;
    display: block;
    line-height: 15px;
    padding: 9px 0 6px 18px;
} 

a.button:hover, a.button:active {
    background: #0085c6 url('../img/buttons/buttonR-H.gif') no-repeat  top right;
    color: white;
    text-decoration: underline;
    text-transform: uppercase;
    outline: none; /* hide dotted outline in Firefox */ 
}

a.button:hover span, a.button:active span {background: #0085c6 url('../img/buttons/buttonL-H.gif') no-repeat top left;} 
	
hr {
	height: 1px;
	background-color: #d1d1d1;
	color: #d1d1d1;
	border: none;
	padding: 0;
	margin: 14px 0 20px 0;
}
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {display: inline-block;}
 
html[xmlns] .clearfix {display: block;}
 
* html .clearfix {height: 1%;}

.pagination {border-top: 1px dashed #b3b4b4; text-align: center;}
.pagination ul {
	padding: 10px 0 15px;
	margin: 0;
	border-bottom: 1px solid #ebebeb;
	list-style-type: none;
	font-size: 1.1em;
}

.pagination li {background: none;}
.pagination span {font-weight: bold;}
.pagination .showing {color: #094182;}
.pagination .inactive {display: none;}
.pagination .previous { float: left; padding: 0 0 0 16px; background: url(../img/icons/arrowPrev.gif) no-repeat left; }
.pagination .next { float: right; padding: 0 16px 0 0; background: url(../img/icons/arrowNext.gif) no-repeat right; }

.header:after,
.nav.categories:after,
.content-main:after,
.footer:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.acss {
	height:115px;
	position:absolute;
	left:0;
	top:0;
	width:115px;
}

/* End Misc */



/********** 8. THANKS **********/
/*
> Resets - Adapted from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
> Slick and Accessible Slideshow Using jQuery by Jacob Gube | URL: http://sixrevisions.com/
> Iconography | http://www.pixel-mixer.com.
*/