/* colHorz2007_iframe.css */
/*This stylesheet supports the inserted html files into the iframe*/

/*normalizez margin, padding*/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, blockquote {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/*Removes list-style from lists*/
ol, ul {
	list-style: none;
}

/*Removes border from img*/
img {
	border: 0;
}

/*************************************************************** general layout *********************************************************/
/*container for image, text and bg colour.*/
div#container {
	position: relative;
	margin: 0 auto;
	width: 663px;
	height: 343px;
	background: #047391 url(../assets/iframeBg.png) 0 0 no-repeat;/*dark blue/green*/
	
	
}

/*floating img to place <p>text alongside it on the right*/
div#container img {
	float: left;
}

/*styling and positioning <h1>*/
h1 {
	font: 16px Verdana, Arial, sans serif;
	font-weight: bold;
	color: #e4f4f4;
	padding: 30px 0 20px 370px;
}

/*styling and positioning <p>*/
p {
	font: 13px Verdana, Arial, sans serif;
	color: #e4f4f4;
	padding: 0 10px 10px 370px;
}

/*moving the <h1> and <p> further down the page*/
div#container div#text {
	padding-top: 80px;
}

/*anchor links colouring*/
a {
	color: #e4f4f4;/*whitish*/
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

a:hover {
	color: #ff0;/*yellow*/
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


/******************************************************************pink_bck.html****************************************************/
/*vertically centralises image within <div id="container">*/
div#container img#pinkbck {
	padding-top: 36.5px;
}

/******************************************************************rpmlogo_lge.html****************************************************/
/*vertically centralises image within <div id="container">*/
div#container img#rpm {
	padding-top: 63px;
}

/******************************************************************asdclogo.html****************************************************/
/*vertically centralises image within <div id="container">*/
div#container img#asdclogo {
	padding-top: 79.5px;
}

/******************************************************************asdecBisCrd_bck.html****************************************************/
/*vertically centralises image within <div id="container">*/
div#container img#bisbck {
	padding-top: 60px;
}

/******************************************************************asdecBisCrd_frnt.html****************************************************/
/*vertically centralises image within <div id="container">*/
div#container img#bisfrnt {
	padding-top: 60px;
}

/******************************************************************artafrica.html****************************************************/
/*vertically centralises image within <div id="container">*/
div#container img#africa {
	padding-top: 51px;
}

/******************************************************************longrun.html****************************************************/
/*vertically centralises image within <div id="container">*/
div#container img#lngrun {
	padding-top: 43px;
}

/******************************************************************narco.html****************************************************/
/*vertically centralises image within <div id="container">*/
div#container img#narcoanim {
	padding-top: 43px;
}

/***********************************************************grfxTitle.html webanimTitle.html***********************************************/
/*the <div id="web" title="Web &amp; Animation"> and <div id="grfx" title="Graphics"> are markers for Flash Animation*/

/******************************************************************perf1.html****************************************************/
/*vertically centralises image within <div id="container">*/
div#container img#perfone {
	padding-top: 43px;
}

/******************************************************************perf2.html****************************************************/
/*vertically centralises image within <div id="container">*/
div#container img#perftwo {
	padding-top: 43px;
}


/******************************************************************guitar.html****************************************************/
/*vertically centralises image within <div id="container">*/
div#container img#guitar {
	padding-top: 43px;
}

/******************************************************************tryptic.html****************************************************/
/*vertically centralises image within <div id="container">*/
div#container img#tryp {
	padding-top: 43px;
}

/******************************************************************photo.html****************************************************/
/*vertically centralises image within <div id="container">*/
div#container img#photo {
	padding-top: 43px;
}

/******************************************************************franchise.html****************************************************/
/*vertically centralises image within <div id="container">*/
div#container img#franch {
	padding-top: 80px;
}