/* yahoo based restes */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* my styles */
body {text-align:center; font:100% tahoma, geneva, arial, helvetica, sans-serif;}
#wrapper {width: 809px; margin: 0 auto; text-align:justify;}

#banner {
	background: url(../i2/header.jpg) no-repeat left top;
	height: 68px;
}

#footer {
	clear:both;
	background: #e4e4e4 url(../i/footer_bg.png) repeat-x left top;
}

#nav {background:#ee2024 url(../i2/strapPersonnel.gif) no-repeat left top; height: 25px;margin-top: 3px;}

body.tour #nav {background-image:url(../i2/strapTour.gif)}
body.clients #nav {background-image:url(../i2/strapClients.gif)}
body.contact #nav {background-image:url(../i2/strapContact.gif)}
body.pricing #nav {background-image:url(../i2/strapPricing.gif)}
body.examples #nav {background-image:url(../i2/strapExamples.gif)}

body.clients #content h2 {padding-top: 0em;}
body.clients #content ul {margin-left: 0.4em;} 

#nav ul {margin-left: 423px; position:relative; top: -15px;}
#nav ul li.here {font-weight:normal;}
#nav ul li {display:inline;color: #fff; margin-left: 10px; font-size:0.8em;}
#nav ul li a {color: #fff;}

#content p {font-size: 0.8em; line-height: 1.3em; margin: 1.3em 0.4em;}
#content h1 {font-size: 1.2em;}
#content h2 {font-size: 1em;}
#content ul {margin: 1.0em 0;}
#content li {line-height: 1.3em;}

a:link {color: #ee2024;}
a:visited {color:#ee2024;}
a:hover {color:#1e1ee0;}
a:focus {color:#ee2024;}
a:active {color:#ee2024;}

.col1 {width: 384px; margin-left: 0px; margin-top: 5px; float:left;}
.col2 {width: 384px; margin-left: 425px; margin-top: 5px;}
.col1-2 {width: 100%; float:left; clear:left; margin-top: 5px;}

body.tour .col1 {width: 384px; margin-left: 0px; margin-top: 3px; float:left;}
body.tour .col2 {width: 384px; margin-left: 425px; margin-top: 3px;}

/* heading replacement */
#banner h1, .hide{
	text-indent: -1000em;
}

#contactthankyou
{
width: 354px;
height: 51px;
text-indent: -1000em;
}
#contactthankyou 	{background: url(../i2/contactThankYou.gif) no-repeat; margin: 50px 230px;}

#thelps,#tocreate,#tcontact,#clitest,#tcontactemail,#clicli
{
width: 384px;
height: 51px;
text-indent: -1000em;
}

#thelps 		{background: url(../i2/thelps.gif) no-repeat; margin-top: 0px;}
#tocreate	{background: url(../i2/tocreate.gif) no-repeat; margin-top: 0px;}
#tcontact	{background: url(../i2/contact.gif) no-repeat; margin-top: 0px;}
#clitest		{background: url(../i2/cliTest.gif) no-repeat; margin-top: 0px;}
#tcontactemail	{background: url(../i2/contactEmail2.gif) no-repeat; margin-top: 0px;}
#clicli		{background: url(../i2/cliCli.gif) no-repeat; margin-top: 0px; margin-bottom: 10px;}

#exrecruit,#exmanage,#tosetup,#tcontactonline,#tcontactphone
{
width: 384px;
height: 54px;
text-indent: -1000em;
}

#exrecruit 		{background: url(../i2/exVol.gif) no-repeat; margin-top: 0px;}
#exmanage		{background: url(../i2/exSta.gif) no-repeat; margin-top: 0px;}
#tosetup		{background: url(../i2/tosetup.gif) no-repeat; margin-top: 0px;}
#tcontactonline	{background: url(../i2/contactOnline.gif) no-repeat; margin-top: 0px;}
#tcontactphone	{background: url(../i2/contactPhone.gif) no-repeat; margin-top: 0px;}

#tincludes,#twith,#tfind,#ttailor,#tocreate,#toshifts,#tcontactwrite
{
width: 384px;
height: 60px;
text-indent: -1000em;
}

#tincludes	{background: url(../i2/tincludes.gif) no-repeat; margin-top: 34px;}
#twith		{background: url(../i2/twith.gif) no-repeat; margin-top: 7px;}
#tfind		{background: url(../i2/tfind.gif) no-repeat; margin-top: 7px;}
#ttailor		{background: url(../i2/ttailor.gif) no-repeat; margin-top: 7px;}
#tocreate	{background: url(../i2/tocreate.gif) no-repeat; margin-top: 7px;}
#toshifts		{background: url(../i2/toshifts.gif) no-repeat; margin-top: 7px;}
#tcontactwrite			{background: url(../i2/contactWrite.gif) no-repeat; margin-top: 7px;}

#torecruit,#tokeep,#tooverview,#totrack,#exorganise,#extailor
{
width: 384px;
height: 63px;
text-indent: -1000em;
}

#torecruit		{background: url(../i2/torecruit.gif) no-repeat; margin-top: 7px;}
#tokeep			{background: url(../i2/tokeep.gif) no-repeat; margin-top: 7px;}
#tooverview	{background: url(../i2/tooverview.gif) no-repeat; margin-top: 7px;}
#totrack			{background: url(../i2/totrack.gif) no-repeat; margin-top: 7px;}
#exorganise		{background: url(../i2/exOrg.gif) no-repeat; margin-top: 7px;}
#extailor			{background: url(../i2/exTai.gif) no-repeat; margin-top: 7px;}

/* lists */
#content li {
	background: url(../i2/bullet.gif) no-repeat 0 0.6em;
	padding-left: 10px;
	list-style-type:none;
	line-height:1.4em;
	font-size: 0.8em;
}

.centre {text-align:center;}
#content p.tour {font-family:"Arial Rounded MT Bold", tahoma, geneva, arial, helvetica, sans-serif; color:#ee2024; font-size: 1.2em; text-align:center; height: 15px;}
#content ul.tl {padding-top: 0px; margin-left: 5px;}
#content ul.tl li {line-height: 1.6em;}

/* perfect grid on hp */

ul#perfectgrid li{
	background: url(../i/spacer.png) no-repeat left bottom;
	width: 323px;
	margin:0; padding:0;
	height: 36px;
}
ul#perfectgrid li.last{
	background: none;
}

li#pg_j a,li#pg_e a,li#pg_m a,li#pg_v a {display:block;height: 35px;text-indent:-1000em;}

li#pg_v a 	{background: url(../i/volunteers.png) no-repeat left top;}
li#pg_j a	{background: url(../i/jobapp.png) no-repeat left top;}
li#pg_e a	{background: url(../i/eventstaff.png) no-repeat left top;}
li#pg_m a	{background: url(../i/more.png) no-repeat left top;}

/* contact page */

#contactform label {
	width: 14em;
	float: left;
	text-align: right;
	cursor: hand;
}

.submit {
	margin-left: 13.8em;
	}
#name, #customername, #phone, #email, #company, #website, #vacancies, #hearPAAM {
	width: 13.0em;
	margin-left: 0em;
	}
	
#message {
	width: 13.3em;
	margin-left: 0em;
	}

.warn {color: #990000;}

body.examples #content {padding-top:0em;}

/* footer */  

#footer p.first {padding: 11px 0 5px 0;}
#footer p { text-align:center; font-size: 0.7em; padding: 5px;}

/* cost table */
body.pricing #content p {margin-left: 0.1em;}
body.pricing #content ul {margin-left: 0em;}
body.pricing #content h2 {margin-left: 0em;}

table {margin-top: 0em;}
td {font-size: 0.8em; border: 1px solid #CC3300; padding: 0.0em;}
th {background-color:#CC3300; color:#fff; padding: 0.0em;border: 1px solid #CC3300;}