/*
contents

	1. Defaults
	2. Structure
	3. Links and navigation
	4. Fonts
	5. Images
	6. Hacks

Notes

*/


/* =Defaults
-----------------------------------------------------------------------------*/
		
/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
a:link, a:visited {
	text-decoration:none;
}

/* no list-markers by default, since lists are used more often for semantics */
ul,ol {
	list-style:none;
}

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code {
	font-size:1em;
}

/* remove the inconsistent (among browsers) default margin and padding */
* {
	margin: 0;
	padding: 0;
	font-weight:normal;
}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img {
	border:none
}

/* de-italicize address */
address {
	font-style:normal
}

/* more varnish stripping as necessary... */
		
/* =Structure
-----------------------------------------------------------------------------*/

body {
	background-color: #ececec;
}

#wrapper {
	width: 744px;
	margin:  0 auto;
	padding:0 8px;
	text-align: left;
	background: url(../images/oneColCentre.png) repeat-y;
}

#banner {
	width: 744px;
	height: 107px;
	background: url(../images/banner.png);
}

#navigation {
	height: 31px;
}

#content {
}

#primaryTop {
	background: url(../images/primaryHorizontal.png) no-repeat;
	padding: 20px
}

#primaryContent {
	float: left;
	width: 498px;
	background: url(../images/centreShadow.png) right repeat-y;
}

#primaryContent h2 {
	padding-bottom: 20px;
}

#primaryContent li, .secondaryContent li {
	list-style:   inside;
	list-style-type: circle;
	padding-bottom: 10px;
}

.about {
	clear: both;
}

.about img {
	padding: 20px;
	float: left;
}

.about p {
	padding: 20px;
}

.secondaryContent {
	background: url(../images/secondaryHorizontal.png) no-repeat;
	width: 206px;
	float: left;
	padding: 20px;
}

#introduction {
	float: left;
	width: 458px;
	height: 157px;
	padding: 20px;
	background: url(../images/steel.png);
}

#footer {
	height: 32px;
	text-align: center;
	padding: 30px;
	background: url(../images/footer.png) no-repeat;
}

.separator {
		clear: both;
		height: 0;
}

body#home a#homeNav,
body#market a#marketNav,
body#design a#designNav,
body#hosting a#hostingNav,
body#deals a#dealsNav,
body#portfolio a#portfolioNav,
body#why a#whyNav,
body#contact a#contactNav {
	color:#666666;
}

/* =Links and Navigation
-----------------------------------------------------------------------------*/

a {
}
		
a:hover {
}

#navigation {
}

#navigation ul {
	float: left;
	width: 744px;
	
}

#navigation ul li {
	float: left;
	background: url(../images/navBackground.png) repeat-x;
}

#navigation ul li:hover{
	background: url(../images/navBackgroundBlue.png) repeat-x;
}

#navigation ul a {
	width: 124px;
	height: 21px;
	text-align: center;
	padding-top: 10px;
	display: block;
	background: url(../images/navLeft.png) no-repeat left top;
}

#navigation ul a:hover {
	background: url(../images/navLeftBlue.png) no-repeat left top;
}

#navigation ul .first a {
	background: none;
}
		
/* =Fonts
-----------------------------------------------------------------------------*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1, h2, h3, h4, p, ul {
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 14px;
}
		
h4 {
	text-align: center;
	color: #9C9A9D;
}

p {
}

ul {
}

#navigation a {
	color: black;
}

#footer {
	color: black;
}

#footer a{
	color: black;
}

#introduction h1:last-child {
	color: white;
}

/* =form
-----------------------------------------------------------------------------*/

#contact-form {
	width: 300px;
	margin-top: 20px;
}

#contact-form .text {
	width: 400px;
}

#contact-form .button {
	text-align: center;
}

/* =Images
-----------------------------------------------------------------------------*/

a img {
		border: 0;
}

#primaryContent img{
	padding: 10px;
}
		
/* =Hacks
-----------------------------------------------------------------------------*/

body { /* IE 5 centring bug fix */
		text-align: center;
}