/* Styles for Round Peg website */


/* ---------- layout ---------- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #646464;
	background-color: #fff;
	}
	
#container {
	width: 1000px;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #fff;
	}

#container a:focus {
	outline: none;
	}

/* ---------- header ---------- */			

#header {
	width: 1000px;
	height: 156px;
	float: left;
	position: relative;
	}

#header .logo {
	margin: 15px 0 0 15px;
	width: 140px;
	float: left;
	display: inline; /* fixes IE6 double float margin bug */
	}	
	
#header .logo img {
	border: none;
	}	
	

/* main nav */		

#main-nav {
	position: absolute;
	left: 155px;
	top: 77px;
	}

#main-nav ul {
	margin: 0;
	padding: 0;
	width: 440px;
	}	
	
#main-nav ul li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	}	
	
#main-nav ul li.nav-home a:link, 
#main-nav ul li.nav-home a:visited {
	margin: 0;
	padding: 0;
	width: 47px;
	height: 16px;
	background: url(../img/main-nav-home.gif) no-repeat 0 0;
	display: block;
	text-indent: -2000px;
	}
	
#main-nav ul li.nav-home a:hover {
	margin: 0;
	padding: 0;
	width: 47px;
	height: 16px;
	background: url(../img/main-nav-home.gif) no-repeat 0 -16px;
	display: block;
	text-indent: -2000px;
	}
	
#homepage #main-nav ul li.nav-home a:link, 
#homepage #main-nav ul li.nav-home a:visited, 
#homepage #main-nav ul li.nav-home a:hover {
	margin: 0;
	padding: 0;
	width: 47px;
	height: 16px;
	background: url(../img/main-nav-home.gif) no-repeat 0 -16px;
	display: block;
	text-indent: -2000px;
	}							

#main-nav ul li.nav-who a:link, 
#main-nav ul li.nav-who a:visited {
	margin: 0;
	padding: 0;
	width: 81px;
	height: 16px;
	background: url(../img/main-nav-who.gif) no-repeat 0 0;
	display: block;
	text-indent: -2000px;
	}
	
#main-nav ul li.nav-who a:hover {
	margin: 0;
	padding: 0;
	width: 81px;
	height: 16px;
	background: url(../img/main-nav-who.gif) no-repeat 0 -16px;
	display: block;
	text-indent: -2000px;
	}
	
#who #main-nav ul li.nav-who a:link, 
#who #main-nav ul li.nav-who a:visited, 
#who #main-nav ul li.nav-who a:hover {
	margin: 0;
	padding: 0;
	width: 81px;
	height: 16px;
	background: url(../img/main-nav-who.gif) no-repeat 0 -16px;
	display: block;
	text-indent: -2000px;
	}						

#main-nav ul li.nav-what a:link, 
#main-nav ul li.nav-what a:visited {
	margin: 0;
	padding: 0;
	width: 82px;
	height: 16px;
	background: url(../img/main-nav-what.gif) no-repeat 0 0;
	display: block;
	text-indent: -2000px;
	}
	
#main-nav ul li.nav-what a:hover {
	margin: 0;
	padding: 0;
	width: 82px;
	height: 16px;
	background: url(../img/main-nav-what.gif) no-repeat 0 -16px;
	display: block;
	text-indent: -2000px;
	}
	
#what #main-nav ul li.nav-what a:link, 
#what #main-nav ul li.nav-what a:visited, 
#what #main-nav ul li.nav-what a:hover {
	margin: 0;
	padding: 0;
	width: 82px;
	height: 16px;
	background: url(../img/main-nav-what.gif) no-repeat 0 -16px;
	display: block;
	text-indent: -2000px;
	}						

#main-nav ul li.nav-why a:link, 
#main-nav ul li.nav-why a:visited {
	margin: 0;
	padding: 0;
	width: 102px;
	height: 16px;
	background: url(../img/main-nav-why.gif) no-repeat 0 0;
	display: block;
	text-indent: -2000px;
	}
	
#main-nav ul li.nav-why a:hover {
	margin: 0;
	padding: 0;
	width: 102px;
	height: 16px;
	background: url(../img/main-nav-why.gif) no-repeat 0 -16px;
	display: block;
	text-indent: -2000px;
	}
	
#why #main-nav ul li.nav-why a:link, 
#why #main-nav ul li.nav-why a:visited, 
#why #main-nav ul li.nav-why a:hover {
	margin: 0;
	padding: 0;
	width: 102px;
	height: 16px;
	background: url(../img/main-nav-why.gif) no-repeat 0 -16px;
	display: block;
	text-indent: -2000px;
	}						

#main-nav ul li.nav-contact a:link, 
#main-nav ul li.nav-contact a:visited {
	margin: 0;
	padding: 0;
	width: 77px;
	height: 16px;
	background: url(../img/main-nav-contact.gif) no-repeat 0 0;
	display: block;
	text-indent: -2000px;
	}
	
#main-nav ul li.nav-contact a:hover {
	margin: 0;
	padding: 0;
	width: 77px;
	height: 16px;
	background: url(../img/main-nav-contact.gif) no-repeat 0 -16px;
	display: block;
	text-indent: -2000px;
	}				

#contact #main-nav ul li.nav-contact a:link, 
#contact #main-nav ul li.nav-contact a:visited, 
#contact #main-nav ul li.nav-contact a:hover {
	margin: 0;
	padding: 0;
	width: 77px;
	height: 16px;
	background: url(../img/main-nav-contact.gif) no-repeat 0 -16px;
	display: block;
	text-indent: -2000px;
	}	

#main-nav ul li.nav-jobs a:link, 
#main-nav ul li.nav-jobs a:visited {
	margin: 0;
	padding: 0;
	width: 43px;
	height: 16px;
	background: url(../img/main-nav-jobs.gif) no-repeat 0 0;
	display: block;
	text-indent: -2000px;
	}
	
#main-nav ul li.nav-jobs a:hover {
	margin: 0;
	padding: 0;
	width: 43px;
	height: 16px;
	background: url(../img/main-nav-jobs.gif) no-repeat 0 -16px;
	display: block;
	text-indent: -2000px;
	}				

#jobs #main-nav ul li.nav-jobs a:link, 
#jobs #main-nav ul li.nav-jobs a:visited, 
#jobs #main-nav ul li.nav-jobs a:hover {
	margin: 0;
	padding: 0;
	width: 43px;
	height: 16px;
	background: url(../img/main-nav-jobs.gif) no-repeat 0 -16px;
	display: block;
	text-indent: -2000px;
	}	

/* ---------- content ---------- */

#content {
	width: 1000px;
	float: left;
	}
	
h1 { /* not visible on page - needed for SEO and print */
	font-size: 0.1em;
	margin: 0;
	padding: 0;
	text-indent: -2000em;
	}
	
h3 { /* holds the text associated with the bg img. Not visible on the page - needed for SEO and print. */
	font-size: 0.1em;
	margin: 0;
	padding: 0;
	text-indent: -2000em;
	}	
	
a:link, 
a:visited {
	color: #646464;
	text-decoration: none;
	}
	
a:hover {
	color: #646464;
	text-decoration: underline;
	}	


/* ---------- homepage ---------- */
	
#homepage p {
	font-size: 0.1em;
	margin: 0;
	padding: 0;
	text-indent: -2000em;
	}	
			 
.homepage-graphic {
	float: left;
	width: 834px;
	margin: 0 0 0 145px;
	display: inline;
	}
	
#homepage .holding {
	margin: 20px 0 0 0;
	}

#homepage .holding h2 {
	font-size: 1.1em;
	margin: 0;
	padding: 3px 0 5px 0;
	color: #020202;	
	font-weight: normal;
	line-height: 1.6;
	}	

#homepage .holding p {
	text-indent: 0;
	font-size: 1.1em;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.6;
	}	


/* ---------- who we are ---------- */

#who #content {
	padding: 0 0 84px 0;
	background: url(../img/bg-who.gif) no-repeat 100% 100%;
	}

#who #text-col {
	float: left;
	width: 310px;
	margin: 0 0 0 169px;
	display: inline;
	}	
	
#who #text-col h2 {
	font-size: 1.1em;
	margin: 0;
	padding: 3px 0 5px 0;
	color: #020202;	
	line-height: 1.6;
	}		
	
#who #text-col p {
	font-size: 1.1em;
	margin: 0 29px 0 0;
	padding: 0 0 10px 0;
	line-height: 1.6;
	}	
	
#who #text-col p strong {
	color: #000;
	font-weight: normal;
	}		
	
#who #text-col ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
#who #text-col ul li {
	margin: 0 0 0 0;
	padding: 0 0 6px 0;
	list-style-type: none;
	color: #fd0101;
	font-size: 1.1em;
	line-height: 1;
	}	

/* ---------- what we do ---------- */

#what #content {
	padding: 0 0 50px 0;
	background: url(../img/bg-what.gif) no-repeat 100% 100%;
	}

#what #text-col {
	float: left;
	width: 305px;
	margin: 0 0 0 145px;
	display: inline;
	}	
	
#what #text-col h2 {
	font-size: 1.1em;
	margin: 0;
	padding: 3px 0 5px 24px;
	color: #020202;	
	font-weight: normal;
	line-height: 1.6;
	}
	
#what #text-col h2.header1 {
	background: url(../img/header1.gif) no-repeat 0 2px;
	}	
	
#what #text-col h2.header2 {
	background: url(../img/header2.gif) no-repeat 0 2px;
	}	
	
#what #text-col h2.header3 {
	background: url(../img/header3.gif) no-repeat 0 2px;
	}		
	
#what #text-col p {
	font-size: 1.1em;
	margin: 0 29px 0 0;
	padding: 0 0 10px 24px;
	line-height: 1.6;
	}	
	
#what #text-col p strong {
	color: #000;
	font-weight: normal;
	}		
	
#what #text-col ul {
	margin: 0 0 0 0;
	padding: 0 0 0 24px;
	}
	
#what #text-col ul li {
	margin: 0 0 0 0;
	padding: 0 0 6px 0;
	list-style-type: none;
	font-size: 1.1em;
	line-height: 1.6;
	}	
	
/* ---------- why Round peg ---------- */

#why #content {
	padding: 0 0 211px 0;
	background: url(../img/bg-why.gif) no-repeat 100% 100%;
	}

#why #text-col1 {
	float: left;
	width: 247px;
	margin: 0 0 0 155px;
	display: inline;
	}	
	
#why #text-col2 {
	float: left;
	width: 222px;
	margin: 0 0 0 33px;
	display: inline;
	}		
	
#why #text-col1 h2, 
#why #text-col2 h2 {
	font-size: 1.1em;
	margin: 0;
	padding: 3px 0 5px 14px;
	color: #020202;	
	font-weight: normal;
	line-height: 1.6;
	}	
	
#why #text-col1 ul, 
#why #text-col2 ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
#why #text-col1 ul li, 
#why #text-col2 ul li {
	margin: 0 0 0 0;
	padding: 0 0 6px 14px;
	list-style-type: none;
	font-size: 1.1em;
	line-height: 1.6;
	background: url(../img/bullet.gif) no-repeat 0 5px;
	}	
	
/* ---------- contact us ---------- */

#contact #content {
	padding: 0 0 483px 0;
	background: url(../img/bg-contact.gif) no-repeat 100% 100%;
	position: relative;
	}

#contact #text-col1 {
	float: left;
	width: 218px;
	margin: 0 0 0 169px;
	display: inline;
	}	
	
#contact #text-col2 {
	float: left;
	width: 220px;
	margin: 0 0 0 48px;
	display: inline;
	}		
	
#contact #text-col1 h2, 
#contact #text-col2 h2 {
	font-size: 1.1em;
	margin: 0;
	padding: 3px 0 5px 0;
	color: #020202;	
	font-weight: normal;
	line-height: 1.6;
	}	
	
#contact #text-col1 p, 
#contact #text-col2 p {
	font-size: 1.1em;
	margin: 0 29px 0 0;
	padding: 0 0 10px 0;
	line-height: 1.6;
	}		
	
#contact .copyright-statement {
	position: absolute;
	left: 15px;
	bottom: 136px;
	width: 317px;
	height: 89px;
	background: url(../img/copyright-statement.gif) no-repeat 0 0;
	}
	
#contact .copyright-statement p {	
	font-size: 0.5em;
	margin: 0;
	padding: 0;
	line-height: 1;
	text-indent: -2000em;
	}
	
/* ---------- jobs ---------- */

#jobs #content {
	padding: 0 0 20px 0;
	}

#jobs #text-col {
	float: left;
	width: 831px;
	margin: 0 0 0 169px;
	display: inline;
	}	
	
#jobs #text-col h2 {
	font-size: 1.1em;
	margin: 0;
	padding: 3px 0 5px 0;
	color: #020202;	
	line-height: 1.6;
	}		
	
#jobs #text-col p {
	font-size: 1.1em;
	margin: 0 29px 0 0;
	padding: 0 0 10px 0;
	line-height: 1.6;
	}	
	
#jobs #text-col p strong {
	color: #000;
	font-weight: normal;
	}		
	
#jobs #text-col ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
#jobs #text-col ul li {
	margin: 0 0 0 0;
	padding: 0 0 6px 0;
	list-style-type: none;
	color: #fd0101;
	font-size: 1.1em;
	line-height: 1;
	}