/* -------------------------------- */
/* Screen styles for Beyond website */
/* -------------------------------- */

/* Define Tag Selectors */

body {
	background: #7a8888;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 76%;
	color: #adafb2;
	background-image: url(../images/bg_pattern.gif);
	background-repeat: repeat;
}

a {
	text-decoration: none;
}

a:hover {
	color: #fff;
}

body#homepage a,
body#genericpage a,
body#getintouchpage a,
body#emailpage a {
	color: #18db09;
}

body#whatpage a,
body#careerspage a {
	color: #009fdb;
}

body#whopage a,
body#loginpage a {
	color: #c825c3;
}

body#viewpage a {
	color: #e33215;
}

body#homepage a:hover,
body#genericpage a:hover,
body#getintouchpage a:hover,
body#whatpage a:hover,
body#careerspage a:hover,
body#whopage a:hover,
body#loginpage a:hover,
body#viewpage a:hover,
body#emailpage a:hover {
	color: #fff;
}



/* Define Accordion List for Careers Page */

div#mainColumn #accordionlist a h3 {
	color: #009fdb;
}

div#mainColumn #accordionlist a h3 {
	cursor:pointer;
	display:block;
}

div#mainColumn #accordionlist a:hover h3 {
	color: #fff;
}


/* Define Header Section */

div#wrapper {
	margin: 0 auto;
	width: 949px;
}

div#mainContainer { 
	float: left;
	background: url(../images/content_background_tile.png) repeat-y;
	width: 873px;
	min-height: 500px;
	padding: 14px 38px;
	
}

div#header {
	width: 873px;
	height: 92px;
	border-bottom: 1px solid #828182;
}

div#subNavContainer {
	display: block;
	width: 873px;
	height: 24px;
}

div#logo {
	float: left;
	background: url(../images/beyond_logo.gif) no-repeat;
	display: block;
	width: 206px;
	height: 56px;
	overflow: hidden;
}

div#logo h1 {
	text-indent: -9999px;
}

div#navigationContainer {
	float: left;
	width: 582px;
	padding: 32px 0 0 85px;
}


/* Define Body Section */

div#bodyContainer {
	margin-top: 39px;
}

div#mainColumn {
	float: right;
	width: 580px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

div#mainColumn p {
	line-height: 1.4em;
	padding-bottom: 1em;
}


div#mainColumn ul {
	padding-bottom: 0.5em;
	line-height: 1.4em;
}

div#mainColumn li {
	list-style-type: disc;
	line-height: 1.4em;
	padding-bottom: 0.75em;
	margin-left: 16px;
	
}

div#mainColumn h2 {
	font-size: 2em;
	line-height: 1.2em;
	padding-bottom: 1em;
	color: #fff;
}

body#homepage div#mainColumn h2 {
	display: block;
	background: url(../images/homepage_headline.gif) no-repeat;
	width: 563px;
	height: 139px;
	padding-bottom: .8em;
	text-indent: -9999px;
	overflow: hidden;
}

body#whatpage div#mainColumn h2 {
	display: block;
	background: url(../images/headline_whatdowedo.gif) no-repeat;
	width: 563px;
	height: 139px;
	padding-bottom: .4em;
	text-indent: -9999px;
	overflow: hidden;
}

body#whopage div#mainColumn h2 {
	display: block;
	background: url(../images/headline_whodoweworkwith.gif) no-repeat;
	width: 563px;
	height: 139px;
	padding-bottom: .3em;
	text-indent: -9999px;
	overflow: hidden;
}

body#viewpage div#mainColumn h2 {
	display: block;
	background: url(../images/headline_viewourwork.gif) no-repeat;
	width: 563px;
	height: 36px;
	margin-left: 289px;
	padding-bottom: .4em;
	text-indent: -9999px;
	overflow: hidden;
}

body#getintouchpage div#mainColumn h2 {
	display: block;
	background: url(../images/headline_getintouch.gif) no-repeat;
	width: 563px;
	height: 63px;
	padding-bottom: 0.4em;
	text-indent: -9999px;
	overflow: hidden;
}

body#careerspage div#mainColumn h2 {
	display: block;
	background: url(../images/headline_careers.gif) no-repeat;
	width: 563px;
	height: 90px;
	padding-bottom: 0em;
	text-indent: -9999px;
	overflow: hidden;
}

body#genericpage div#mainColumn .oneColumn h2 {
	display: block;
	background: url(../images/headline_error.gif) no-repeat;
	width: 563px;
	height: 50px;
	padding-bottom: .8em;
	text-indent: -9999px;
	overflow: hidden;
}

body#emailpage div#mainColumn .oneColumn h2 {
	display: block;
	background: url(../images/headline_emailmanager.gif) no-repeat;
	width: 563px;
	height: 500px;
	padding-bottom: .8em;
	text-indent: -9999px;
	overflow: hidden;
}

div#mainColumn h3 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	padding-top: .5em;
	padding-bottom: .5em;
	color: #fff;
}

div#mainColumn h4 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	padding-bottom: 1em;
}

div.rowContainer {
	clear: both;
}

div.oneColumn {
	float: left;
	width: 564px;
	margin-bottom: 1em;
	padding-right: 16px;
}

div.twoColumn {
	float: left;
	width: 274px;
	padding-right: 16px;
	margin-bottom: .8em;
}

div.threeColumn {
	float: left;
	width: 177px;
	padding-right: 16px;
	margin-bottom: .8em;
}



/* Define What We Do Headers */

body#whatpage div#mainColumn h3 {
	font-size: 1.1em;
	line-height: 1;
	padding-bottom: .3em;	
	color: #fff;
}

body#whatpage div#mainColumn p {
	color: #adafb2;
}



/* Define Portfolio Section */


body#viewpage div#mainColumn {
	clear: left;
	float: right;
	width: 870px;
}


/* Define Client List */

div#mainColumn ul#clients li {
	float: left;
	display: block;
	margin-bottom: 20px;
	width: 188px;
	height: 90px;
	text-indent: -9999px;
	overflow: hidden;
	list-style-type: none;
	margin-left: 0px;
}

div#mainColumn ul#clients li a {
	display: block;
	height: 90px;
	width: 188px;
}

div#mainColumn ul#clients li a.club {
	background: url(../images/client_logo_25club.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.ag {
	background: url(../images/client_logo_ag.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.biooutsource {
	background: url(../images/client_logo_biooutsource.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.bluesystems {
	background: url(../images/client_logo_bluesystems.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.cisco {
	background: url(../images/client_logo_cisco.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.dnb {
	background: url(../images/client_logo_dnb.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.ea {
	background: url(../images/client_logo_ea.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.levelfour {
	background: url(../images/client_logo_levelfour.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.msi {
	background: url(../images/client_logo_msi.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.nds {
	background: url(../images/client_logo_nds.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.pfl {
	background: url(../images/client_logo_pfl.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.zonare {
	background: url(../images/client_logo_zonare.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.ps {
	background: url(../images/client_logo_ps.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.silverstone {
	background: url(../images/client_logo_silverstone.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.surrey {
	background: url(../images/client_logo_surrey.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.disney {
	background: url(../images/client_logo_disney.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.ww {
	background: url(../images/client_logo_weightwatchers.gif) 0 0 no-repeat;
}

div#mainColumn ul#clients li a.trend {
	background: url(../images/client_logo_trend.gif) 0 0 no-repeat;
}


/* Define Left Column */

div#leftColumn {
	float: left;
	width: 206px;
}

div#leftColumn h3 {
	margin-bottom: .5em;
	font-size: 1.1em;
	color: #e8e9e8;
}

div#leftColumn p {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial;
	font-size: .9em;
	line-height: 1.5em;
	color: #adafb2;
}

div#leftColumn p.highlight {
	font-size: .9em;
	line-height: 1.5em;
	color: #e8e9e8;
}

div.infoBox,
div.twitter_box {
	margin-bottom: 2em;
}

div.twitter_box p {
	margin: .7em 0;
}

div.twitter_box p span {
	color: #7f8183;
	font-size: .8em;
	text-transform: uppercase;
}




/* Define Footer Section */

div#copyright { 
	clear: both;
	background: url(../images/content_background_tile.png) repeat-y;
	width: 873px;
	padding: 0 38px;
}

div#copyright h4 { 
	text-indent: -9999px;
}

div#copyright p {
	display: block;
	background: url(../images/creative_communication.gif) no-repeat 100% 90%;
	width: 608px;
	padding-right: 265px;
}

div#copyright p small {
	font-size: .8em;
	line-height: 1.3em;
	color: #adafb2;
}

div#pageFooter {
	clear: both;
	background: url(../images/footer_background_tile.png) no-repeat;
	margin-bottom: 30px;
	width: 873px;
	height: 33px;
	padding: 0 38px;
}





/* Get in touch form */


form {
  
  background-color: transparent;
  float: left;
  margin: 0;
  padding-top: 12px;
}

.col1 {
  text-align: right;
  width: 100px;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 0px 0px;
  float: left;
  color: #fff;
}

.col2 {
  
  display: block;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 0px 0px;
  
}

.col2comment {
  margin: 0;
  display: block;
  float: left;
  
}

.col1comment {
  text-align: right;
  width: 100px;
  float: left;
  
  padding: 6px 0px 0px 0px;
  color: #fff;
}

div.row {
  clear: both;
  padding: 0px 10px 0px 0px;
  border-top: 1px solid #3b3436;
  
}

.submit {
  
  width: 290px;
  padding: 15px 0px 0px 0px;
  clear: both;
} 

.input, .textarea, .pulldown {
	width: 250px;
}

.input {
  background-color: #333;
  font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
  font-size: 85%;
  color: #fff;
  margin: 3px 0px 5px 8px;
  padding: 1px 1px 1px 1px;
  border: 1px solid #828182;
}

.textarea {
  border: 1px solid #828182;
  background-color: #333;
  font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
  font-size: 85%;
  color: #fff;
  margin: 6px 0px 6px 8px;
}

.pulldown {
  border: 1px solid #828182;
  background-color: #fff;
  font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
  font-size: 85%;
  color: #333;
  margin: 8px 0px 5px 8px;
}