body {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 62.5%;
	background: #2c2233;
	line-height: 1.8em;
}

.clear {
	clear: both;
}

.floatLeft {
	float: left;
}

.floatright {
	float: right;
}

/* header styles */
#logo h1 {
	text-indent: -999px;
	background: url(../images/main-logo.png) no-repeat;
	height: 100px;
	width: 378px;
}

#logo h1 a {
	height: 100px;
	width: 378px;
}

/* main nav menu */
#nav {
	background: url(../images/nav-sprite.png) no-repeat 0 0;
	width: 500px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
}

#nav span {
	display: none;
}

#nav li,#nav a {
	height: 30px;
	display: block;
}

#nav li {
	float: left;
	list-style: none;
	display: inline;
}

#navhome,#navabout,#navwork,#navblog,#navcontact {
	width: 100px;
}

#navhome a:hover {
	background: url(../images/nav-sprite.png) 0 -30px no-repeat;
}

#navabout a:hover {
	background: url(../images/nav-sprite.png) -100px -30px no-repeat;
}

#navwork a:hover {
	background: url(../images/nav-sprite.png) -200px -30px no-repeat;
}

#navblog a:hover {
	background: url(../images/nav-sprite.png) -300px -30px no-repeat;
}

#navcontact a:hover {
	background: url(../images/nav-sprite.png) -400px -30px no-repeat;
}

#navhome a.activelink {
	background: url(../images/nav-sprite.png) 0 -60px no-repeat;
}

#navabout a.activelink {
	background: url(../images/nav-sprite.png) -100px -60px no-repeat;
}

#navwork a.activelink {
	background: url(../images/nav-sprite.png) -200px -60px no-repeat;
}

#navblog a.activelink {
	background: url(../images/nav-sprite.png) -300px -60px no-repeat;
}

#navcontact a.activelink {
	background: url(../images/nav-sprite.png) -400px -60px no-repeat;
}

/* end nav menu */
#homepage #intro h2 {
	text-indent: -10000px;
	background: url(../images/home-intro.png) no-repeat;
	height: 200px;
}

#thanks #intro h2 {
	text-indent: -10000px;
	background: url(../images/contact-ta-intro.png) no-repeat;
	height: 200px;
}

#blogpage #intro h2 {
	text-indent: -10000px;
	background: url(../images/blog-intro.png) no-repeat;
	height: 200px;
}

#aboutpage #intro h2 {
	text-indent: -10000px;
	background: url(../images/about-intro.png) no-repeat;
	height: 200px;
}

#contactpage #intro h2 {
	text-indent: -10000px;
	background: url(../images/contact-intro.png) no-repeat;
	height: 200px;
}

#portfoliopage #intro h2 {
	text-indent: -10000px;
	background: url(../images/portfolio-intro.png);
	height: 200px;
}

#glossarypage #intro h2 {
	text-indent: -10000px;
	background: url(../images/glossary-intro.png);
	height: 200px;
}

#wr #intro h2 {
	text-indent: -10000px;
	background: url(../images/wr-intro.png);
	height: 200px;
}

#wr-ta #intro h2 {
	text-indent: -10000px;
	background: url(../images/rfw-ta-intro.png);
	height: 200px;
}

#proposal #intro h2 {
	text-indent: -10000px;
	background: url(../images/proposal-intro.png);
	height: 200px;
}

/* homepage styles */
#blog a:link,#blog a:visited {
	color: orange;
	text-decoration: none;
	border-bottom: 1px dotted orange;
}

#blog a:hover {
	border-bottom: none;
}

#recent h3,#blog h3,#testimonials h3 {
	font-size: 1.3em;
	padding-top: 10px;
	color: orange;
}

#recent h4,#blog h4,#testimonials h4 {
	font-size: 2.2em;
	padding-top: 10px;
	line-height: 1em;
	color: #00856a;
}

#recent h4 a:link,#blog h4 a:link,#testimonials h4 a:link,#recent h4 a:visited,#blog h4 a:visited,#testimonials h4 a:visited {
	color: #00856a;
	text-decoration: none;
	border-bottom: none;
}

#recent h4 a:hover,#blog h4 a:hover,#testimonials h4 a:hover {
	color: #8db500;
}

#recent a:link,#recent a:visited {
	text-decoration: none;
	border-bottom: 1px dotted;
	color: #fff;
}

#recent a:hover {
	border-bottom: none;
}

#recent p,#blog p {
	color: #fff;
	font-size: 1.3em;
	font-weight: 700;
	padding-top: 10px;
}

#recent img,#blog img {
	width: 200px;
	height: 130px;
	border: 5px solid #463751;
}

div.quote {
	position: relative;
	margin: 0;
	padding: 0;
	height: 365px;
	overflow: hidden;
	width: 100%;
}

div.quote div.blockquote {
	position: absolute;
	bottom: 15px;
	right: 0;
	padding: 15px;
	width: 270px;
	display: block;
	text-align: right;
}

div.quote div.blockquote p.authorname {
	margin: 0;
	padding: 2px 10px 2px 45px;
	display: inline-block;
	background: #8db500;
	color: #2c2233;
	font-size: 2em;
	line-height: 1.4;
}

div.quote div.blockquote p.authortitle {
	margin: 0 0 15px;
	padding: 4px 10px;
	display: inline-block;
	background: url(../images/testimonial-author-bg.png) repeat;
	color: #2c2233;
	font-size: 1.3em;
	font-weight: 400;
	line-height: 1.4;
}

div.quote div.blockquote p.testimonial {
	padding: 0 0 0 20px;
	font-size: 1.8em;
	color: #2c2233;
	font-weight: 400;
	line-height: 26px;
	width: 250px;
}

div.quote div.blockquote p.testimonial a {
	color: #fff!important;
	font-weight: 400!important;
}

/* blog page styles */
#blogcontent h3 {
	font-size: 2.5em;
	margin-bottom: .5em;
	text-transform: uppercase;
	color: #00856a;
}

#blogcontent h3 a:link,#blogcontent h3 a:visited {
	color: #00856a;
	text-decoration: none;
	border-bottom: none;
}

#blogcontent h3 a:hover {
	color: #8db500;
}

#blogcontent h4 {
	font-size: 2em;
	margin-bottom: .5em;
	text-transform: uppercase;
	color: orange;
}

#blogcontent h5 {
	font-size: 1.6em;
	margin-bottom: .5em;
	color: #8db500;
}

#blogcontent p {
	color: #fff;
	font-size: 1.3em;
	margin-bottom: .5em;
}

#blogcontent blockquote p {
	border-left: 3px solid #00856a;
	color: orange;
	font-family: "Courier New", Courier, monospace;
	padding-left: 10px;
	margin-bottom: 18px;
}

#blogcontent ul,#blogcontent ol {
	list-style: none;
	color: #fff;
	font-size: 1.3em;
	margin-left: 20px;
	padding-left: 1em;
	margin-bottom: 1em;
}

#blogcontent ul li {
	list-style-image: url(../images/list-item.png);
}

#blogcontent ol li {
	list-style: lower-roman;
}

#blogcontent img {
	border: 5px solid #463751;
	margin-left: 5px;
}

.portfolio blockquote p {
	border-left: 3px solid #00856a;
	color: orange;
	font-family: "Courier New", Courier, monospace;
	padding-left: 10px;
}

.pre {
	background: #463751;
	color: orange;
}

code {
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	color: orange;
}

.blogarticledate {
	margin-bottom: .5em;
}

.posted {
	background: #463751;
	color: #fff;
	padding: 1em 1em 1em 3.6em;
	font-size: 1em;
	margin-bottom: 2.5em;
	margin-top: 2em;
}

.posted a:link,.posted a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	font-weight: 700;
}

.posted a:hover {
	border-bottom: none;
}

#blogcontent a:link,#blogcontent a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	font-weight: 700;
}

#blogcontent a:hover {
	border-bottom: none;
}

.blogsubscribe {
	height: 32px;
	width: 280px;
	margin-bottom: .5em;
	margin-top: .5em;
}

.comment_wrapper {
	clear: both;
	float: left;
	padding: 2px 10px 15px;
	margin-bottom: 1em;
}

.comment_meta_data,.comment_meta_data_display {
	display: inline;
	float: left;
	font-size: 1em;
	margin-right: 10px;
	width: 150px;
}

.comment_text {
	display: inline;
	float: right;
	width: 440px;
}

.odd {
	background: #463751;
}

#blogrightcol ul {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
	border: none;
}

#blogrightcol li {
	border-bottom: 1px dotted #463751;
	margin: 0;
	font-size: 1.3em;
}

#blogrightcol li a {
	display: block;
	padding: 5px 5px 5px 20px;
	color: #fff;
	text-decoration: none;
	width: 100%;
}

html>body #blogrightcol li a {
	width: auto;
}

#blogrightcol li a:hover {
	background-color: #463751;
	color: #fff;
}

#blogrightcol h2 {
	font-size: 2.5em;
	color: orange;
	margin-bottom: 1em;
	margin-left: 20px;
}

#blogrightcol h3 {
	color: #005869;
	font-size: 2em;
	margin-bottom: .5em;
	margin-left: 20px;
}

/* about page styles */
#mybackground p {
	font-size: 1.3em;
	font-weight: 700;
	color: #fff;
	margin-bottom: .5em;
}

#plan h3,#design h3,#build h3,#manage h3 {
	font-size: 2em;
	color: #00856a;
	margin-top: .5em;
	margin-bottom: .5em;
}

#plan a:link,#design a:link,#build a:link,#manage a:link,#plan a:visited,#design a:visited,#build a:visited,#manage a:visited {
	color: orange;
	text-decoration: none;
	font-weight: 700;
	border-bottom: 1px dotted orange;
}

#plan a:hover,#design a:hover,#build a:hover,#manage a:hover {
	border-bottom: none;
}

#plan p,#design p,#build p,#manage p {
	color: #fff;
	font-size: 1.3em;
	margin-bottom: .5em;
}

.process {
	color: orange;
	font-weight: 700;
}

/* portfolio page styles */
.portfolio h3 {
	color: #00856a;
	font-size: 2em;
	margin-top: .5em;
	margin-bottom: .5em;
}

.portfolio p a:link,.portfolio p a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

.portfolio p a:hover {
	border-bottom: none;
}

.portfolio h3 a:link,.portfolio h3 a:visited {
	color: #00856a;
	text-decoration: none;
}

.portfolio h3 a:hover {
	color: #8db500;
}

.portfolio p {
	font-size: 1.3em;
	color: #fff;
	margin-bottom: .5em;
}

.portfolio ul {
	list-style: none;
	color: #fff;
	font-size: 1.3em;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 1em;
}

/*.portfolio img {
	border: 5px solid #463751;
	margin-left: 5px;
	margin-bottom: 0.5em;
}
.portfolio img:hover {
	border: 5px solid orange;
}*/
.portfoliotags {
	background: #463751;
	color: #fff;
	padding: 3px 5px;
	font-size: 1.3em;
	margin-bottom: 1em;
}

.portfoliotags a,.portfolio a:visited {
	color: #fff;
	text-decoration: none;
}

.portfoliotags a:hover {
	color: orange;
}

.pagenavi {
	font-size: 1.2em;
	text-transform: uppercase;
	clear: both;
	font-weight: 700;
	margin-top: 20px;
	text-align: right;
	float: left;
}

.pagenavi a,.pagenavi .current {
	padding: 3px 7px;
	border: 1px solid #3c2f46;
	background: #463751;
	color: #fff;
	margin-left: 3px;
	text-decoration: none;
}

.pagenavi a:hover,.pagenavi .current {
	border: 1px solid #6d5580;
}

/* portfolio slider */
noscript p,noscript ol {
	color: #a00;
	font-size: 13px;
	line-height: 1.4em;
	text-align: left;
}

noscript a {
	color: #a00;
	text-decoration: underline;
}

noscript ol {
	margin-left: 25px;
}

#portfolioimages {
	font-family: Verdana, Arial;
	background: #ebebeb url(images/body-bg.png) repeat-y center;
	color: #000;
	width: 600px;
	text-align: center;
	float: right;
	border: 5px solid #463751;
/* this is the border. should have the same value for the links */
	margin-left: 10px;
	margin-bottom: 10px;
}

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap {
/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {
	width: 100%;
	height: 460px;
	background: #fff;
	overflow: scroll;
}

.csw .loading {
	margin: 200px 0 300px;
	text-align: center;
}

.stripViewer {
/* This is the viewing window */
	position: relative;
	overflow: hidden;
	margin: auto;
	width: 600px;
/* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 460px;
	clear: both;
	background: #fff;
}

.stripViewer .panelContainer {
/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 600px;
	list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel {
/* Each panel is arranged end-to-end */
	float: left;
	height: 100%;
	position: relative;
	width: 600px;
/* Also specified in  .stripViewer  above */
}

/*.stripViewer .panelContainer .panel .wrapper { Wrapper to give some padding in the panels, without messing with existing panel width 
			padding: 10px;
		}*/
.stripNav {
/* This is the div to hold your nav (the UL generated at run time) */
/* margin: auto; */
	display: none;
}

.stripNavL,.stripNavR {
/* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}

.stripNavL a,.stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
	z-index: 15;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url(/images/arrow-left.gif) no-repeat center;
}

.stripNavR {
	background: url(/images/arrow-right.gif) no-repeat center;
}

/* work request form styles */
#workrequest h3 {
	color: #00856a;
	font-size: 2.5em;
	margin-bottom: .5em;
	text-transform: uppercase;
}

#workrequest label {
	color: #fff;
	font-size: 1.4em;
	float: left;
	margin-bottom: .5em;
	clear: both;
}

#workrequest label .required {
	color: orange;
	font-size: .8em;
	font-style: italic;
}

#workrequest input {
	color: #fff;
	background: #5e0042;
	border: 1px solid #781351;
	margin-bottom: .5em;
	padding: 5px;
	font-size: 1.4em;
	width: 500px;
	float: left;
	clear: both;
}

#workrequest .submit input {
	width: auto;
}

#workrequest select {
	clear: both;
	float: left;
	width: 500px;
	background: #5e0042;
	color: #fff;
	border: 1px solid #781351;
	margin-bottom: .5em;
	padding: 5px;
	font-size: 1.4em;
}

#workrequest textarea {
	width: 500px;
	padding: 5px;
	font-size: 1.4em;
	background: #5e0042;
	border: 1px solid #781351;
	margin-bottom: .5em;
	color: #fff;
	float: left;
}

#workrequest legend {
	color: #5e0042;
	background: orange url(../images/legend-bg.png);
	padding: 10px 5px;
	font-size: 2.5em;
	margin-bottom: .5em;
}

/* mailing list style */
#mailinglist label {
	display: none;
}

#mailinglist input {
	background: #463751;
	border: 1px solid #6d5580;
	margin-bottom: .5em;
	padding: 5px;
	width: 278px;
	color: #fff;
}

#mailinglist .submit input {
	width: auto;
	float: right;
}

/* contact form styles */
#contactform h3 {
	color: #00856a;
	font-size: 2.5em;
	margin-bottom: .5em;
	text-transform: uppercase;
}

#contactform p {
	font-size: 1.6em;
	color: #fff;
	margin-bottom: .5em;
	line-height: 1.8em;
}

#contactform a:link,#contactform a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	font-weight: 700;
}

#contactform a:hover {
	border-bottom: none;
}

#contactform label {
	width: 5em;
	float: left;
	text-align: right;
	margin-right: .5em;
	display: block;
	font-weight: 700;
	font-size: 1.4em;
	vertical-align: middle;
}

#contactform input {
	color: #fff;
	background: #5e0042;
	border: 1px solid #781351;
	margin-bottom: .5em;
	padding: 5px;
	font-size: 1.4em;
	width: 200px;
}

#contactform textarea {
	color: #fff;
	background: #5e0042;
	border: 1px solid #781351;
	margin-bottom: .5em;
	width: 205px;
	padding: 5px;
	font-size: 1.4em;
	font-family: Helvetica,Arial,sans-serif;
}

#contactform .submit input {
	margin-left: 5.5em;
	width: auto;
}

#contactform legend {
	color: #5e0042;
	background: orange;
	padding: 10px 5px 5px;
	font-size: 2.5em;
	margin-bottom: .5em;
}

/* comment form styles */
/* #blogpage label
{
width: 5em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
font-size: 1.2em;
vertical-align: middle;
}

#blogpage input
{
color: #fff;
background: #5e0042;
border: 1px solid #781351;
margin-bottom: 0.5em;
padding: 5px;
font-size: 1.2em;
width: 200px;

}
#blogpage textarea {
	color: #fff;
	background: #5e0042;
	border: 1px solid #781351;
	margin-bottom: 0.5em;
	width: 205px;
	padding: 5px;
	font-size: 1.2em;
	font-family: Helvetica,Arial,sans-serif;
}
#blogpage .info label {
	margin-left: 5.5em;
	width: auto;
}
#blogpage .info input {
	float: left;
	width: 20px;
	padding: 0;
}
#blogpage .submit input {
	margin-left: 5.5em;
	width: auto;
}
#blogpage legend {
color: #5e0042;
background: orange;
padding: 10px 5px 5px 5px;
font-size: 2.5em;
margin-bottom: 0.5em;
}
*/
.comment_entry {
	margin: 0 0 35px;
}

#comment_entry_form {
	padding: 15px 10px;
	width: 475px;
}

#comment_entry_form .comment_label {
	width: 105px;
	font-weight: 700;
	text-align: right;
	float: left;
	padding: 3px 5px 0 0;
	margin: 5px 0;
	color: #fff;
	font-size: 1.3em;
}

#comment_entry_form textarea {
	background: #463751;
	padding: 2px 0 0 5px;
	margin: 5px 0;
	height: 130px;
	width: 300px;
	border: none;
	color: #fff;
}

#comment_entry_form .textbox {
	width: 305px;
	margin: 5px 0;
	background: #463751;
	border: none;
	color: #fff;
	padding: 5px;
}

#comment_entry_form p {
	margin: 5px 0 10px 110px;
}

#comment_entry_form .comment_submit {
	margin: 10px 0 0;
}

.download-worksheet {
	width: 400px;
	display: block;
	margin: .5em auto;
}

/* footer styles */
#footer p {
	font-size: 1.2em;
	text-align: left;
	color: #fff;
	font-weight: 700;
}

#footer a:link,#footer a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

#footer a:hover {
	text-decoration: none;
	border-bottom: none;
}

#footer-logo a:link,#footer-logo a:visited {
	text-decoration: none;
	border-bottom: none;
}

#copyright p {
	text-align: right;
}

/* social media icons */
#social {
	background: url(../images/social-sprite.png) no-repeat 0 0;
/*width: 500px;*/
	height: 32px;
/*position: absolute;
	top:0;
	right: 0;*/
	float: right;
	margin-top: 10px;
}

#social span {
	display: none;
}

#social li,#social a {
	height: 32px;
	display: block;
	border-bottom: none;
	text-decoration: none;
}

#social li {
	float: left;
	list-style: none;
	display: inline;
}

#socialtwitter a:link,#socialfacebook a:link,#socialrss a:link,#socialyoutube a:link,#socialflickr a:link {
	border-bottom: none;
}

#socialtwitter a:visited,#socialfacebook a:visited,#socialrss a:visited,#socialyoutube a:visited,#socialflickr a:visited {
	border-bottom: none;
}

#socialtwitter,#socialfacebook,#socialrss,#socialyoutube,#socialflickr {
	width: 32px;
}

#socialyoutube a:hover {
	background: url(../images/social-sprite.png) -0px -32px no-repeat;
}

#socialtwitter a:hover {
	background: url(../images/social-sprite.png) -32px -32px no-repeat;
}

#socialflickr a:hover {
	background: url(../images/social-sprite.png) -64px -32px no-repeat;
}

#socialrss a:hover {
	background: url(../images/social-sprite.png) -96px -32px no-repeat;
}

#socialfacebook a:hover {
	background: url(../images/social-sprite.png) -128px -32px no-repeat;
}

/* end social media icons */
/* colour scheme */
.color1 {
	background: #5e0042;
}

.color2 {
	background: #2c2233;
}

.color3 {
	background: #005869;
}

.color4 {
	background: #00856a;
}

.color5 {
	background: #8db500;
}

.color6 {
	background: orange;
}