/* Presentation Stylesheet for Pit Stop Productions

  (c) Colin Sewell, 2007
------------------------- */

html { font-size: 100%; /* IE hack */ }

body {
	margin: 5px;
	padding: 0px;
	color: #888;
	background-color: white;
	background-image: url(../../bg-stripes-diag-1.gif);
	font-family: verdana, arial, helvetica, sans-serif, serif;
/*	font-size: 0.8em; */	/* 1 em = 16 px by default */
	font-size: 75%;		/* scale down default font */
}


img { border: 0; }

h1, h2, h3 {
	font-family: verdana, arial, helvetica, sans-serif, serif;
	font-size: 100%;
}

h2 {
	font-size: 110%;
}

h3 {
	font-size: 100%;
}

#NewsHeader {
	margin: 10px;
}

/* FIR style header images */
#SiteHeader {
	position: relative;
	width: 340px;
	height: 108px;
	text-align: center;
	font-size: 0px;
}
#SiteHeader span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/site-header.gif) no-repeat 0px 0px; 
}


#PageHeader {
	position: relative;
	width: 500px;
	height: 30px;
	font-size: 0px;
}
#PageHeader span {
	position: absolute;
	width: 100%;
	height: 100%;
}

.header-home span {
	background: url(../images/header-home.gif) no-repeat 0px 0px; 
}
.header-about span {
	background: url(../images/header-about.gif) no-repeat 0px 0px; 
}
.header-whatwedo span {
	background: url(../images/header-whatwedo.gif) no-repeat 0px 0px; 
}
.header-studios span {
	background: url(../images/header-studios.gif) no-repeat 0px 0px; 
}
.header-canwehelp span {
	background: url(../images/header-canwehelp.gif) no-repeat 0px 0px; 
}
.header-news span {
	background: url(../images/header-news.gif) no-repeat 0px 0px; 
}
.header-workspace span {
	background: url(../images/header-workspace.gif) no-repeat 0px 0px; 
}
.header-contact span {
	background: url(../images/header-contact.gif) no-repeat 0px 0px; 
}


#PageSubHeader {
	position: relative;
	width: 500px;
	height: 30px;
	font-size: 0px;
}
#PageSubHeader span {
	position: absolute;
	width: 100%;
	height: 100%;
}

.sub-composing span {
	background: url(../images/sub-composing.gif) no-repeat 0px 0px; 
}
.sub-soundfx span {
	background: url(../images/sub-soundfx.gif) no-repeat 0px 0px; 
}
.sub-editing span {
	background: url(../images/sub-editing.gif) no-repeat 0px 0px; 
}
.sub-voiceactors span {
	background: url(../images/sub-voiceactors.gif) no-repeat 0px 0px; 
}
.sub-localisation span {
	background: url(../images/sub-localisation.gif) no-repeat 0px 0px; 
}
.sub-animation span {
	background: url(../images/sub-animation.gif) no-repeat 0px 0px; 
}

.sub-audio-studio span {
	background: url(../images/sub-audio-studio.gif) no-repeat 0px 0px; 
}
.sub-animation-studio span {
	background: url(../images/sub-animation-studio.gif) no-repeat 0px 0px; 
}


#footer p {
	font-size: 80%;
	color: #564b47;
	margin: 1px;
	padding: 1px;
}


p {
	font-family: verdana, arial, helvetica, serif, sans-serif;
/*	font-size: 0.8em; */	/* 1 em = 16 px by default */
	font-size: 100%;		/* scale down default font */
	margin: 10px;
}

p.Centre {
	text-align: center;
}

#colright p {
	font-family: verdana, arial, helvetica, serif, sans-serif;
/*	font-size: 0.8em; */	/* 1 em = 16 px by default */
	font-size: 80%;		/* scale down default font */
	margin: 8px;
}

.ImgBorder {
	border: 1px solid #777;
}


.BoldText {
	font-weight: bold;
}

.BoldMediumText {
	color: #5e5e5e;
	font-weight: bold;
}

.BoldHeading {
	font-weight: bold;
	font-size: 150%;
	color: #555;
}


.WarningText {
	color: #cc0000;
}


hr {
	margin: 10px;
	border: none;
    border-bottom: 1px solid #95aeda;
	height: 1px;
}

.HR-Dashed {
	border: none;
    border-bottom: 1px dashed #95aeda;
	height: 1px;
}


.HR-Dotted {
	border: none;
	height: 1px;
    border-bottom: 1px dotted #95aeda;  /* f4f0e7 */
}

.HR-Footer {
	width: 500px;
	margin: 2px;
	padding: 1px;
	margin-left: 188px;
	margin-right: 0;
	border: none;
	height: 1px;
    border-bottom: 1px dotted #8e5653;
}


.BulletList {
	font-size: 110%;
	font-weight: bold;
	margin: 8px;
	padding-left: 30px;
}

.BulletDarkBlue {
	list-style-image: url(../images/bullet-blue.gif);
}

.BulletLightBlue {
	list-style-image: url(../images/bullet-blue-light.gif);
}

.BulletList li {
	margin-bottom: 8px;
}

.BulletList a {
	font-size: 90%;
}

.BulletList p {
	background-color: #fcfcfc;
	font-size: 100%;
	margin: 4px;
}

.BulletListBlank{
	list-style: square;
}