/*colHorz2007_print.css */

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

/*normalizes font-size for headers*/
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

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

/*Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/*Removes border from fieldset and img*/
fieldset, img {
	border: 0;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx GENERAL LAYOUT xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

body {
	font: 14px Verdana, Arial, Sans Serif;
	color: #047391;/*dk blue/green*/
}


/*containing the whole page*/
div#container {
	position: relative;
	margin: 0 auto;
	width: 783px;
	height: 1000px;
	border: 2px solid #999;/*mid-dk grey*/
}

/*site logo*/
div#container img[src="../assets/logo.png"] {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 195px;
	height: 52px;
}

/*placing copyright*/
div#container div#siteinfo {
	position: absolute;
	bottom: 20px;
	left: 309px;
	width: 207px;
	font-size: 13px;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx graphics.html xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*hide nav, subnav and iframe*/
div#container div#nav, div#container div#subnav, div#container div#dsplybox {
	display: none;
}

/*pushing <div id="icons"> down*/
div#container div#icons {
	margin-top: 100px;
}

/*separating images in <ul>*/
div#container div#icons ul li {
	float: left;
	margin: 0 5px 10px 0;
	list-style-type: none;
}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx pricing.html xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

div#container div#mainbox h1 {
	text-align: center;
	margin-bottom: 20px;
	font-size: 50px;
}

div#container div#mainbox div#price {
	position: relative;
	margin: 0 auto;
	padding: 10px;
	width: 570px;
	border: 1px solid #ccc;/*light grey*/
}

/*highlight first section of text in <p#one>*/
div#container div#mainbox div#price p#one span {
	color: #023340;/*dk blue/green*/
	font-size: 14px;
	padding-right: 20px;
}

/*italicise bracketed date and position under paragraph*/
div#container div#mainbox div#price p#one span#italic {
	display: block;
	font-style: italic;
	font-size: 16px;
	color: #047391;/*blue/green*/
	text-indent: 20px;
}

/*highlight first section of text in <p#one>*/
div#container div#mainbox div#price p#one {
	margin-bottom: 20px;
}

/*emphasise 'Web' and 'Graphics' <li>'s*/
div#container div#mainbox div#price ul li.caps {
	
	font-variant: small-caps;
	margin-bottom: 5px;
	margin-top: 10px;
	text-decoration: underline;
	color: #023340;/*dk blue/green*/
	width: 130px;
}

/* adding space between <li>'s*/
div#container div#mainbox div#price ul li {
	margin-bottom: 5px;
}

/*<h2> for 3rd division*/
div#container div#mainbox div#price h2 {
	font-variant: small-caps;
	margin-bottom: 5px;
	margin-top: 10px;
	text-decoration: underline;
	color: #023340;/*dk blue/green*/
	width: 175px;
	font-weight: normal;
}

/*<p#two> is 3rd division of scrolled section*/
div#container div#mainbox div#price p#two {
	width: 550px;
}

/*<h3> for 4th division*/
div#container div#mainbox div#price h3 {
	font-variant: small-caps;
	margin-bottom: 5px;
	margin-top: 10px;
	text-decoration: underline;
	color: #023340;/*dk blue/green*/
	width: 80px;
	font-weight: normal;
}

/*adding space either side of achor link within <p#three>*/
div#container div#mainbox div#price p#three a {
	font-variant: small-caps; 
	padding: 0 6px 0 4px;
	color: #047391;/*blue/green*/
	text-decoration: none;
}