@charset "UTF-8";

/*margin collapse*/
div, p, h1, h2, h3, h4, h5, h6, img, ul, ol, pre, address, blockquote, span, li, dl, dd, dt {
	margin: 0px;
	padding: 0px;
}
/*FF Fix – Remove dotted line*/
a {
	outline: none;
}

/*controls the size of the stage, z index cancels out the negative value for the background (Firefox fix)*/
#wrapper {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

/*FF Fix – Remove dotted line*/
a {
	outline: none;
}
a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

/*start of layout CSS*/
#wrapper #header {
	height: 38px;
}

/* this code is in a separate file*/

/*#wrapper #flashBackground {
	position: fixed;
	z-index: -10;
	background-image: url(_images/background.jpg);
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: center top;
}*/

#wrapper #mainContent {
	margin-right: 248px;
	margin-bottom: 20px;
	margin-left: 128px;
	width: 624px;
}
#mainContent #contact img  {
	text-align: left;
	line-height: 10;
}
#mainContent #contact p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
	/*line-height: 16px;*/
}
#mainContent #contact p a {
	font-weight: normal;
	text-decoration: none;
	background-image: url(../_images/linkbuttonover.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #CCFF33;
	font-style: italic;
	padding-right: 20px;
	padding-left: 1px;
	cursor: pointer;
	margin-left: 1px;
}
#mainContent #contact p a:hover {
	background-image: url(../_images/linkbuttonup.png);
	color: #000;
}
.contactitalic {
	font-style: italic;
}
#mainContent #mainArea {
	background-color: #FFF;
	margin-top: 17px;
}
#mainContent #mainArea #corner {
	height: 30px;
	width: 624px;
}
#mainContent #mainArea #mainMenuLine {
	background-image: url(../_images/menuline0.png);
	background-repeat: no-repeat;
	background-position: center 25px;
	padding-bottom: 1px;
}
#mainContent #mainArea #mainMenuLine p {
	font-size: 1em;
}
#mainContent #mainArea #mainMenu {
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing: 0.1em;
	float: left;
	width: 624px;
	height: 30px;
	margin-bottom: 5px;
	z-index: 20;
}
#mainContent #mainArea #mainMenu ul li {
	display: inline;
	list-style-type: none;
}
#content #leftSideMenuPanel ul li:hover {
	background-color: #CBCBCB;
}
#mainContent #mainArea #mainMenu a {
	color: #999;
	text-decoration: none;
	margin-right: 14px;
	margin-left: 14px;
	/*	background-image: url(../_images/menulineactive.png);
	background-repeat: no-repeat;
	background-position: center 25px;*/
	padding-bottom: 30px;
	}
#wrapper #mainContent #mainArea  #mainMenu ul li a.current {
	background-image: url(../_images/menulineactive.png);
	background-repeat: no-repeat;
	background-position: center 25px;
	color: #333;
}
	
#wrapper #mainContent #mainArea #mainMenu a:hover {
	color: #333;
	text-decoration: none;
}



#mainContent #mainArea #mainFooter {
	background-color: #000;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-align: right;
	line-height: 30px;
	letter-spacing: 0.05em;
	font-weight: normal;
	padding-top: 10px;
}
#mainContent #mainArea #mainFooter img  {
	padding-top: 3px;
}
#wrapper #footer {
	height: 5px;
}

/*START OF MAIN CONTENT STYLES*/

#mainContent #mainArea #content {
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	font-weight: normal;
	color: #666;
	letter-spacing: 0.05em;
	clear: both;
}
#content h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.9em;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1;
	color: #333;
	margin-top: 5px;
}
#content h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1;
	font-weight: normal;
	color: #333;
	letter-spacing: 1px;
	font-style: italic;
}
#content h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999;
	line-height: 1;
	letter-spacing: 1px;
}
#content h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1;
	font-weight: normal;
	color: #333;
	letter-spacing: 1px;
	font-style: italic;
}
#content h6 {
	color: #999;
	padding-bottom: 3px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	font-weight: normal;
	letter-spacing: 0.05em;
}

#content p  {
	margin-top: 18px;
}
#content h4 a  {
	font-weight: normal;
	text-decoration: none;
	background-image: url(../_images/linkbuttonup.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #000;
	font-style: italic;
	padding-right: 20px;
	padding-left: 5px;
	cursor: pointer;
	margin-left: 1px;
	line-height: 2.5em;
}
#content h4 a:hover {
	background-image: url(../_images/linkbuttonover.png);
	color: #ccff33;
}
#content p a {
	font-weight: normal;
	text-decoration: none;
	color: #000;
	font-style: italic;
	padding-right: 1px;
	padding-left: 1px;
	cursor: pointer;
}
#content p a:hover {
	background-image: url(../_images/textlinkover.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.subText {
	color: #999;
	margin-top: 0px;
	font-size: 0.8em;
}
.newsDateSmall {
	font-size: 0.7em;
	color: #999;
	line-height: 2;
	letter-spacing: 0.1em;
}
#content #flashPanel {
	margin-bottom: 30px;
	margin-top: 0px;
}
#content #howWeHelp {
	width: 242px;
	float: left;
	margin-left: 15px;
}
#content #howWeHelp p img {
	border: 1px solid #666;
}
#content #sidePanel {
	float: right;
	width: 240px;
	margin-right: 15px;
}
#sidePanel #whatsGoingOn {
}
#sidePanel #whatsGoingOn #twitterArea {
	background-image: url(../_images/home_twitterback.jpg);
	background-repeat: no-repeat;
	margin-top: 18px;
	padding-top: 15px;
	padding-right: 65px;
	padding-bottom: 15px;
	padding-left: 18px;
}
#sidePanel #latestNews {
	margin-top: 24px;
}
#content #dividerLine  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-top: 15px;
	margin-bottom: 15px;
}
#content #largeTopImage img{
	margin-bottom: 30px;
}
#content #leftSidePanel {
	width: 125px;
	float: left;
	background-color: #E0E0E0;
	padding: 13px;
}
#content #leftSidePanel #sideSplitPanel {
	background-color: #FFF;
	height: 30px;
	margin-top: 18px;
	margin-right: -13px;
	margin-bottom: 18px;
	margin-left: -13px;
}
#content #leftSideMenuPanel {
	width: 151px;
	float: left;
	list-style-type: none;
}
#content #leftSideMenuPanel ul {
	list-style-type: none;
	width: 151px;
}
#content #leftSideMenuPanel ul li {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-color: #E0E0E0;
	color: #333;
}
#content #leftSideMenuPanel ul li a {
	text-decoration: none;
	color: #666;
	display: block;
	padding-right: 13px;
	padding-left: 13px;
	padding-top: 13px;
	padding-bottom: 13px;
}
#content #leftSideMenuPanel ul li a:hover {
	color: #333;
}
#content #leftSideMenuPanel ul li a.current {
	color: #333;
	background-color: #b2b2b2;
}

#content #textArea {
	float: right;
	width: 384px;
}
#content #textArea #newsQuote {
	background-image: url(../_images/quotebackground.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 13px;
	padding-right: 13px;
	padding-bottom: 13px;
	padding-left: 85px;
	color: #333;
	font-style: italic;
	margin-top: 18px;
	margin-bottom: 18px;
}
#content #textArea #newsQuote .quoteName {
	font-style: normal;
	font-weight: bold;
}
#textArea #newsQuote .quoteCompany {
	font-style: normal;
	font-weight: normal;
}
#textArea #Accordion1 {
	margin-top: 30px;
	margin-bottom: 30px;
}
#textArea #Accordion1 #acordionLeft {
	width: 160px;
	float: left;
	margin-bottom: 20px;
}
#textArea #Accordion1 #acordionRight {
	width: 160px;
	float: right;
	margin-bottom: 20px;
}
#textArea #Accordion1 ul {
	list-style-type: none;
}
#textArea #Accordion1 ul li {
	color: #666;
	display: block;
	padding-right: 0px;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 12px;
}
#textArea #Accordion1  ul li img  {
	vertical-align: middle;
	float: left;
	margin-left: -30px;
}
#textArea #Accordion1 ul li a {
	text-decoration: none;
	color: #333;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	font-style: italic;
}
#textArea #Accordion1 ul li a:hover {
	color: #333;
	background-color: #ccff33;
}
#textArea #Accordion1  #accordionLink #accordionLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-top: 0px;
}
#textArea #Accordion1  #accordionLink {
	text-align: right;
	clear: both;
}
#textArea #Accordion1 #accordionLink p a {
}
#textArea #whatwedoQuote {
	float: right;
	margin-left: 15px;
	background-color: #F5F5F6;
	margin-top: 18px;
	width: 190px;
}
#textArea #whatwedoQuote img {
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
#textArea #whatwedoQuote p {
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 9px;
	margin-bottom: 9px;
}
#textArea #service {
	padding-left: 70px;
	margin-top: 27px;
}
#textArea #service img {
	position: absolute;
	margin-left: -70px;
}
#textArea #latestworkitem {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
	padding-bottom: 18px;
	margin-top: 18px;
}
#textArea #latestworkitem.lastOne {
	border-bottom-color: #FFF;
	padding-bottom: 0px;
}
#textArea #latestworkitem #projectimages {
	float: left;
	width: 100px;
}
#textArea #latestworkitem #projectype {
	float: left;
	width: 100px;
}
#textArea #latestworkitem #projectimages #projectype {
	margin-top: 2px;
	background-color: #E0E0E0;
	text-align: center;
}
#textArea #latestworkitem #projectimages a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#textArea #latestworkitem #projectimages #projectype img {
	margin-top: 4px;
	margin-bottom: 2px;
	margin-right: 1px;
	margin-left: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#textArea #latestworkitem #latestworktext {
	margin-left: 118px;
}
#content #largeTopImage.inUse {
	margin-bottom: 18px;
}
#textArea #clientNameAndIcons {
	background-color: #E0E0E0;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
}
#textArea #clientNameAndIcons #projectIcons {
	float: right;
}
#textArea #clientNameAndIcons #projectIcons a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#textArea #clientLogoStrip {
	margin-top: 18px;
}
#textArea #clientLogoStrip #clientLogo {
	width: 128px;
	float: left;
}
#greyBoxTriggerTitle {
	background-color: #E0E0E0;
	padding-top: 15px;
	padding-right: 18px;
	padding-bottom: 15px;
	padding-left: 18px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-top: 9px;
}
#greyBoxTriggers {
	background-color: #E0E0E0;
	padding-top: 1px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 18px;
}
#greyBoxTriggerEmpty {
	background-color: #E0E0E0;
	padding-top: 9px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 18px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
}
#triggerHolder {
	margin-top: 18px;
	clear: both;
}
#triggerHolder #emotionalTrigger {
	clear: both;
	height: 68px;
}
#triggerHolder #emotionalTrigger img {
	display: inline;
	margin-right: 18px;
	float: left;
}
#triggerHolder #emotionalTrigger #triggerText {
	float: left;
	color: #333;
}
#teamExperience  {
	margin-top: 18px;
	background-color: #E0E0E0;
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 18px;
	margin-bottom: 28px;
}
#teamExperience #teamExperience1 {
	width: 150px;
	padding-bottom: 18px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-right: 18px;
	float: left;
}
#teamExperience #teamExperience2 {
	padding-bottom: 18px;
	padding-left: 18px;
	width: 155px;
	float: right;
}
.sideAddressPanel {
	margin-top: 20px;
}
.firstParagraph {
	font-size: 1.1em;
	color: #333;
	line-height: 1.4;
}

.address {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	font-weight: normal;
	color: #333;
	letter-spacing: 1px;
}
.centerText {
	text-align: center;
}
.rightAligned {
	text-align: right;
}
.outline {
	border: 1px solid #E0E0E0;
}
.clientName {
	color: #999;
	line-height: 1.5;
}

.form {
	text-align: left;
}
.formLabel {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999;
	letter-spacing: 1px;
	text-transform: lowercase;
	text-align: left;
	margin-left: 20px;
	float: left;
}
.formTextArea {
	width: 240px;
	margin-right: 20px;
	float: right;
	background-color: #F5F5F6;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.formLargeTextArea {
	float: right;
	width: 240px;
	margin-right: 20px;
	background-color: #F5F5F6;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.formSubmit {
	text-align: right;
	margin-right: 20px;
}
.formGap {
	clear: both;
	height: 10px;
}
.ooops {
	margin-left: 70px;
}
#content #baseOfHome {
	clear: both;
}
#content #clearBoth {
	clear: both;
}
/*CSS FOR IMAGE GALLERIES ADD OTHER GALLERY DIVS HERE*/
#homegallery #buxtonsgallery  #ecagallery #ballsoutgallery { //CSS for sample Gallery
position: relative;
visibility: hidden;
}
#flashGames {
	clear: both;
	padding-top: 30px;
}
#flashGames #gameBox {
	float: left;
	width: 168px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#flashGames #gameBox a img {
	border: 1px solid #666;
}
.middleGame {
	margin-right: 25px;
	margin-left: 25px;
}
.clearBoth {
	clear: both;
}