/*  /////////// BLUEPRINT CSS STUFF /////////// 

Comment out anything that's not required */




/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
/*
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
*/
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
strong {font-weight:bold;}
/*
blockquote {margin:1.5em;color:#666;font-style:italic;}



em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
*/
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
/*
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

*/



/* /////////// SIFR STUFF /////////// */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}



/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


/*
.sIFR-hasFlash h1.sifr {
	visibility: hidden;
	letter-spacing: -2em;	
}

*/

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/* ---------------------------------------------------------- */



/* /////////// GENERAL STYLES /////////// */

body {
	width:100%;
	height:100%;
	background: #121F1F repeat-x left top;
	font: 76%/150% Verdana, Arial, Helvetica, sans-serif;
}

body.case #header, body.home #header {
background: url(../images/header_1.jpg) no-repeat top center #9fafb0;
	height: 140px; 
	width: 100%;
	min-width: 850px; /*This stops backgrounds ending for browsers that understand*/
	z-index: 2; /* maybe not needed? */
}
body.services #header {
background: url(../images/header_2.jpg) no-repeat top center #9fafb0;
	height: 140px; 
	width: 100%;
	min-width: 850px; 
}
body.about #header {
background: url(../images/header_3.jpg) no-repeat top center #9fafb0;
	height: 140px; 
	width: 100%;
	min-width: 850px; 
}
body.contact #header {
background: url(../images/header_4.jpg) no-repeat top center #9fafb0;
	height: 140px; 
	width: 100%;
	min-width: 850px;
}
body.other #header {
background: url(../images/header_5.gif) no-repeat top center #9fafb0;
	height: 140px; 
	width: 100%;
	min-width: 850px;
}

a img#logo {
position: absolute;
top: -111px;
left: -178px;
}

div#contactTop a {
position: absolute;
display: block;
top: 0px;
left: /*-178px*/ 468px;
text-indent: -6000px;
height: 39px; width: 150px;
background: url(../images/contactTop.gif) no-repeat top left;
}
div#contactTop a:hover {
background: url(../images/contactTop.gif) no-repeat bottom left;

}



#container {
	background: url(../images/body_new.gif) top left repeat-x #2E475D;
	width: 100%;
	height: 1%;
	min-width: 850px; /*This stops backgrounds ending for browsers that understand*/
}

#content {
	width: 820px;
	height: 1%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background: none;
}

#maincontent {
	padding-top: 80px;
	position: relative;
	color: #CCCCCC;
	width: 600px;
	float: left;
	padding-bottom: 30px;
}


#footer {
	font-size: 85%;
	clear: both;
	min-width: 850px; /*This stops backgrounds ending for browsers that understand*/
	width: 100%;
	height: 1%;
	background: url(../images/footback.gif) left top repeat-x #121F1F;
	padding: 10px 0px 10px 0px;
	text-align: center;
	color: #CCCCCC;
}





/* /////////// TEXT STUFF /////////// */
a img {
	text-decoration: none; border: 0px solid;
}
a:visited img, a:active img {
	border-style: none;
}
a:active, a:focus {
	width:0; 
	height:0; 
	outline:0; /* for browsers that understand */
}

#maincontent p {
	margin-left: 170px;
}

#maincontent ul {
	margin-left: 170px;
	list-style-position: outside;
}

#maincontent li {
margin-left: 14px;
}

a, a:link, a:visited {
	color: #34F3EC;
	text-decoration: none;
}

a:hover, a:active {
	color: #34F3EC;
	text-decoration: underline;
}

em {
	font-weight: bold;
	font-style: normal;
	/*padding-right: 5px; CAN'T REMEMBER WHAT THIS IS FOR */
}

h1 {
	font-size: 2em;
	color: #34F3EC;
	margin-left: 170px;
	line-height: 1.2em;
	margin-bottom: 1em;
}

h1.sectionhead {
font-size: 140%;
line-height: 1.6em;
text-transform: uppercase;
text-align: right;
color: #F1F1F1;
position: absolute;
margin-top: 81px;
margin-left: 0px;
left: 0px;
top: 0px;
width: 150px;
/*z-index: 100;  WHY IS THIS? */
}

.subtopic {
	margin-top: 4em;
	position: relative;
	margin-left: 0px;
	padding: 0px;
}

.subtopic h2 {
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	text-align: right;
	color: #CCCCCC;
	width: 150px; height: 1%;
	display: block;	
	float: left;
}

.cappic {
	margin-top: 2em;
	position: relative;
	margin-left: 0px;
	padding: 0px;
}

.cappic h5 {
	font-size: 90%;
	line-height: 1.3em;
	text-align: right;
	color: #899BA3;
	font-weight: normal;
	width: 150px; height: 1%;
	display: block;	
	float: left;
}

#maincontent h3 {
	margin-left: 170px;
	color: #F1F1F1;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 95%;
}




/* /////////// OBJECT STUFF /////////// */

img.floatleft {
	float: left;
	margin-right: 20px;
	margin-left: 165px;
	padding: 5px;
	border: 1px solid #42817F;
	margin-bottom: 1em;
}

img.floatright {
	float: right;
	margin-left: 20px;
	padding: 5px;
	border: 1px solid #42817F;
	margin-bottom: 1em;
}


img.subh2left { /* goes with subtopic div */
	float: left;
	margin-left: 15px;
	margin-right: 20px;
	padding: 5px;
	border: 1px solid #42817F;
	margin-bottom: 1em;
	width: 109px; height: 109px;
}

img.caph5full {  /* goes with cappic div */
	float: left;
	margin-left: 15px;
	margin-right: 0px;
	padding: 5px;
	border: 1px solid #42817F;
	margin-bottom: 2em;
	width: 421px;
}

img.full {
	width: 421px;
	padding: 5px;
	border: 1px solid #42817F;
	margin-left: 165px;
	margin-bottom: 1.9em;
}





/* /////////// SECONDARY CONTENT /////////// */

#secondary {
	float: right;
	clear: right;
	width: 180px;
	color: #CCCCCC;
	margin-left: 40px;
	font-size: 85%;
	line-height: 140%;
	margin-top: 83px;
	overflow: visible;
}

#secondary .wrap, #secondary .wrap1st {
	background:  #263A4B url(../images/boxbottom.gif) no-repeat left bottom;
	margin-bottom: 2em;
	padding-bottom: 3px;
}

#secondary p {
	margin: 8px 8px 10px 10px;
}

#secondary img.secpic {
	float: right;
	margin: 8px 8px 10px 10px;
}

#secondary li {
	margin-left: 10px;
	margin-top: 0.3em;
}

#secondary h4 {
	padding: 0.5em 8px 0.5em 10px;
	margin-bottom: 0px;
	color: #F1F1F1;
	font-weight: bold;
	background: #121F1F url(../images/boxtop.gif) no-repeat left top;
	text-transform: uppercase;
	font-size: 95%;
}
#secondary .wrap1st h4 {
	background: #121F1F url(../images/boxtop_1st.gif) no-repeat left top;
}

#secondary h6 {
	display: inline;
	float: left;
	font-size: 1em;
	margin-right: 0.5em;
	margin-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
}


#secondary .quote {
	background: url(../images/quote.gif) no-repeat left top;
	width: 180px;
	margin-left: 0px;
	padding-top: 48px;
	padding-bottom: 30px;
}

#secondary .quote p {
	font-size: 130%;
	color: #FFDE00;
	margin: 0px 0px 0px 20px;
	line-height: 130%;
}

#secondary .quote p.qsource {
	margin-top: 10px;
	font-size: 85%;
	text-transform: uppercase;
}

#pullbox a {
position: absolute;
display: block;
background: url(../images/pullbutton.gif) top left no-repeat;
width:111px; height:111px;
text-indent: -5000px;
}
#secondary #pullbox a {
position: relative;
display: block;
background: url(../images/pullbutton.gif) top left no-repeat;
width:111px; height:111px;
text-indent: -5000px;
margin-left: 20px;
}





/* /////////// FOOTER /////////// */

#footcontent {
	position: relative;
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	height: 1%;
}

#bottomnav {
position: relative;
}

#bottomnav ul {
margin-left: 10px;
}

#bottomnav ul li {
color: #42817F;
list-style: none;
} 

#bottomnav ul li a, #footcontent p a {
color: #42817F;
} 

#bottomnav a.dim {
color: #42817F;
font-weight: normal;
} 

.footbox1 {
position: absolute;
width: 105px;
left: 0px;
}
.footbox2 {
position: absolute;
width: 100px;
left: 125px;
}
.footbox3 {
position: absolute;
width: 100px;
left: 235px;
}
.footbox4 {
position: absolute;
width: 130px;
left: 345px;
}


ul.footcontact {
position: absolute;
left: 620px;
width: 169px;
height: 1%;
list-style: none;
/*right: 0px;
color: #CCCCCC;
margin: 0px;
padding: 0px;*/
}

ul.footcontact li {
text-align: right;
}

ul.footcontact li a {
/*color: #CCCCCC;*/
}

#namefoot img {
	position: absolute;
	left: -80px;
	top: 0px;
}

ul.footcontact li#namefoot a {
text-align: left;
background: url(../images/name_foot.gif) transparent no-repeat left top;
display: block;
width: 169px;
height: 25px;
text-indent: -6000px
}

div#playpoint a {
display: block;
float: left;
clear: left;
position: relative;
top: 100px;
text-indent: -5000px;
background: url(../images/playlink_man.gif);
height: 52px; width: 31px;
}

p.footcredit {
text-align: center;
padding-top: 16em; /*so it moves down if text resized*/
color: #6A787E;
}

a img#tenten {
position: absolute;
left: 3px;
top: 17em;
}


/* /////////// NAVIGATION /////////// */
#navArea {
position: relative;
top: 0px;
left: 170px;
width: 440px;
height: 1%;
}

#navMain {
position: relative;
	height: 40px;
	width: 433px; /*The extra 3 pixels are allowing the menu backgrounds to show in IE*/
	display: block;
}

#navMain ul {
margin: 0px;
position: relative;
}

#navMain li {
	display: block;
	height: 40px;
	list-style-type: none;
	position: relative;
	float: left;
}

#navMain li a {
	background: no-repeat left top;
	height: 40px;
	width: 80px;
	display: block;
	position: relative;
	text-indent: -5000px;
}

#navMain li#navMain-1  a {
	width: 66px;
	background-image: url(../images/home.gif);
}

#navMain li#navMain-2  a {
width: 87px;
background-image: url(../images/services.gif);
}


#navMain li#navMain-3  a {
	width: 88px;
	background-image: url(../images/about.gif);
}

#navMain li#navMain-4  a {
	width: 80px;
background-image: url(../images/gallery.gif);
}

#navMain li#navMain-5  a {
width: 109px;
background-image: url(../images/case.gif);
}

#navMain a:hover, #navMain a.over {
	background-position: left -40px;
}



#navSub {
	position: absolute;
	left: 0px;
	top: 40px;
	color: #BDBDBD;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: #275B59;
	width: 430px;
	z-index: 104;
}


#navSub ul {
margin: 5px 1px 6px 1px;
position: relative;
}

#navSub li {
display: inline;
padding-right: 5px;
padding-left: 5px; /*only seem to get the text on one line in IE with it all out?? */
}

#navSub a, #navSub a:link, #navSub a:visited {
text-decoration: none;
color: #BDBDBD;
font-size: 85%;
}

#navSub a:hover, #navSub a:active {
	color: #F1F1F1;
}

#navArea #navSub li span#here a {
color: #F1F1F1; font-weight: bold;
} /* FOR JAVASCRIPT TO USE IN GALLERY */


.old { /*This moves the old case study out of the way in navSub for now */
position: absolute; 
right: -220px; 
width: 150px; 
text-transform: none; 
text-align:right;}
#navSub .old a {color: #696969;}
#navSub .old a:hover {text-decoration: underline;}



/* /////////// GALLERY STYLES /////////// */

body.gallery #header {
display: none;
} 

body.gallery #container.page_gallery {
background: url(../images/body_gallery2.gif) top center repeat-x #243748;
}

body.gallery #container.page_gallery #maincontent {
min-height: 530px; /*This stops footer jumping about all the time */
padding-bottom: 15px;
}

#maincontent a img#minihead {
height: 39px; width: 191px;
position: absolute;
top: -40px;
left: -35px;
}

h1#galhead {
font-size: 2em;
line-height: 1.2em;
text-align: right;
color: #34F3EC;
position: absolute;
margin-top: 81px;
margin-left: 0px;
top: 0px;
left: 72px;
width: 80px; /*fudged cos sifr won't align right*/
}

h1#galsection {
text-align: right;
position: absolute;
margin-top: 6em;
margin-left: 0px;
font-size: 1.5em;
line-height: 1.2em;
color: #F1F1F1;
left: 0px;
top: 0px;
width: 150px;
}

#galstep p/* NEW */ {
position: absolute;
top: 0px;
width: 150px;
height: 1%;
margin-left: 0px;
text-align: right;
margin-top: 12em; /* ems allows for flowing down with catname */
z-index: 200; /*helps when js not enabled */
background-color: #253645;
padding: 0px;
}

/* MAIN BUTTONS */

ul#galbuttons {
position: absolute;
top: 0px;
margin-top: 14em; /* ems allows for flowing down with catname */
margin-left: 96px; /*fudged to line up right*/
width: 56px;
height: 26px;
list-style-type: none;
padding: 0px;
background: url(../images/arrowoff.gif) no-repeat left top;
}
.page_gallery #galbuttons li {
	margin: 0;
	padding:0;
	float: left;
}
.page_gallery #galbuttons li a {
	display: block;
	height: 26px;
	width: 27px;	
	text-indent: -5000px;
}
.page_gallery #back a {
	background: url(../images/arrowon_l.gif) no-repeat left top;	
}
.page_gallery #forward a {
	background: url(../images/arrowon_r.gif) no-repeat right top;	
}
.page_gallery #forward.arrowoff a, .page_gallery #back.arrowoff a {
background: none;
}



/* SUB BUTTONS */

#galsubtns {
	position: absolute;
	top: 18em; /* ems allows for flowing down with main buttons*/
	left: 123px; /* Moved over 6.4.10 to align new button graphics*/
	width: 31px;
	height: 92px;
	overflow: hidden;
}

#galsubtns a {
	background: url(../images/subsmall.gif) no-repeat left top;
	display: inline;
	float: left;
	top: 0px;
	height: 23px;
	width: 31px;
	margin: 0px;
	position: relative;
}
#galsubtns a#subtn-0 {
	background: url(../images/sublarge.gif) no-repeat left top;
}

#galsubtns a:hover {
background: url(../images/subsmall.gif) no-repeat center top;
}
#galsubtns a:hover#subtn-0 {
background: url(../images/sublarge.gif) no-repeat center top;
}

#galsubtns a.subtnon#subtn-0 {
	background: url(../images/sublarge.gif) no-repeat right top;
}
#galsubtns a.subtnon {
	background: url(../images/subsmall.gif) no-repeat right top;
}

#galsubtns a.hidden, #galsubtns a:hover.hidden {
display: none;
}

.page_gallery #subtnmask {
	position: absolute;
	top: -153px;
	left: 119px;
	width: 31px;
	height: 92px;
	/* z-index: 80; IS THIS NEEDED? */
	background: /*#243748*/ #FF33CC ;
}


/* NEW GALLERY content */

#jsStyle #maincontent #galstep {
background-color: transparent;
}

#jsStyle #maincontent .galleryItem  {
border: none;
margin: 0px;
}

#jsStyle #maincontent .galleryItem img {
position: relative;
left: 170px; 
padding-bottom: 30px;
}

#jsStyle #maincontent .galleryItem .caption {
border-top: 1px solid #42817F;
}

#jsStyle #maincontent .galleryItem h3 {
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	text-align: right;
	color: #CCCCCC;
	width: 150px; height: 1%;
	display: block;	
	float: left;
	margin: 1em 0em 0em 0em;
}

#jsStyle #maincontent .galleryItem p {
	margin-top: 1em;
}

#jsStyle #galstep p/* NEW */ {
background-color: transparent;
}

/* NO JS styles */


#maincontent .galleryItem  {
border-bottom: 1px solid #42817F;
margin-bottom: 40px;
}

#maincontent .galleryItem img {
position: relative;
left: 170px; 
padding-bottom: 10px;
}

#maincontent .galleryItem .caption {
padding-bottom: 20px;
}

#maincontent .galleryItem h3 {
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	text-align: right;
	color: #CCCCCC;
	width: 150px; height: 1%;
	display: block;	
	float: left;
	margin: 0em 0em 0em 0em;
}

#maincontent .galleryItem p {
	margin-top: 1em;
}



/* General gallery stuff */
#maincontent.mask #galstep, #maincontent.mask #galsubtns, #maincontent.mask div.galleryItem {
display:none;
}

.hidden {
display: none;
}


.page_gallery #pullbox a {
position: absolute;
right: -150px;
bottom: 30px;
display: block;
background: url(../images/pullbutton2.gif) top left no-repeat;
width:111px; height:111px;
text-indent: -5000px;
}





/* /////////// HOME STYLES /////////// */

.page_home #maincontent h1 {
margin-left: 0px;
margin-right: 40px;
}

.page_home #maincontent p {
margin-left: 0px;
}

#leadins {
width: 650px;
height: 1%;
left: -50px;
position: relative;
}

.homesub {
position: absolute;  
width: 270px;
height: 1%;
padding-left: 50px;
font-size: 95%;
line-height: 150%;
padding-bottom: 20px;
}

#sub1 {top: 0px; left: 0px; }
#sub2 {top: 0px; left: 320px;}
#sub3 {top: 19em; left: 0px; }
#sub4 {top: 19em; left: 320px;}

.homesub img.homesmall {
float: left;
padding: 5px;
border: 1px solid #42817F;
margin-right: 20px;
margin-left: -5px;
margin-bottom: 1em;
}

.homesub h4 {
margin: 0; 
font-weight: bold;
display: inline;
color: #CCCCCC;
font-size: 100%;
line-height: 140%;
padding: 0;
}
.homesub h4 a, .homesub h4 a:visited {
/*color: #CCCCCC;*/
text-decoration: none;
}
.homesub h4 a:hover {
/*color: #CCCCCC;*/
text-decoration: underline;
}

#hometext {
color: #F1F1F1;
font-size: 95%;
float: right;
clear: right;
width: 180px;
margin: 80px 0px 0px 40px;
}

.page_home #secondary {
margin-top: 30px;
}


#hometext p.nospace {
margin-bottom: 0.2em;
}

div.noscr {
display: inline;
}


/* ////////// PLAYPEN HEADER LINKS /////////// */


body.case #playpen, body.home #playpen {
position: absolute;
top: -180px;
right: 53px;
}
body.case #playpen a, body.home #playpen a {
background: url(../images/play_link.gif) no-repeat top left;
width: 68px;
height: 38px;
display: block;
text-indent: -5000px;
}
body.case #playpen a:hover, body.home #playpen a:hover {
background: url(../images/play_link.gif) no-repeat bottom left;
}

body.services #playpen {
position: absolute;
top: -180px;
right: -125px;
}
body.services #playpen a {
background: url(../images/play_services.jpg) no-repeat 0px 40px;
width: 54px;
height: 32px;
display: block;
text-indent: -5000px;
}
body.services #playpen a:hover {
background: url(../images/play_services.jpg) no-repeat 0px 0px;
}

body.contact #playpen {
position: absolute;
top: -135px;
right: -52px;
}
body.contact #playpen a {
background: url(../images/play_contact.jpg) no-repeat 40px 0px;
width: 32px;
height: 29px;
display: block;
text-indent: -5000px;
}
body.contact #playpen a:hover {
background: url(../images/play_contact.jpg) no-repeat 0px 0px;
}

body.about #playpen {
position: absolute;
top: -180px;
right: -112px;
}
body.about #playpen a {
background: url(../images/play_who.jpg) no-repeat 0px 40px;
width: 88px;
height: 33px;
display: block;
text-indent: -5000px;
}
body.about #playpen a:hover {
background: url(../images/play_who.jpg) no-repeat 0px 0px;
}


/* /////////// CONTACT page /////////// */

#mapspace {
margin-left: 170px;
} 

#container.page_contact #valid {display: none;}