﻿* {
	margin:0px;
	padding:0px;
}
body {
	margin:0 auto 0 auto;
	padding:0;
	background:#151515 url('images/mainbg.jpg') repeat left top;
}
.clear {
	clear:both;
}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
#divider {
	margin:0 auto 0 auto;
	background:#e0dbb2;
	height:5px;
	width:900px;
	text-align:center;
}
/*-------------------------Head------------------------------*/
#head {
	background:#e5e0b8 url('images/headbg.jpg') repeat left top;
	height:172px;
}
/*-------------------------Wrapper------------------------------*/
#wrapper {
	margin:0 auto 0 auto;
	width:900px;
	background:#e5e0b8 url('images/headerbg.jpg') no-repeat center bottom;
	text-align:left;
	height:172px;
}
#wrapper-default {
	margin:0 auto 0 auto;
	width:900px;
	text-align:left;
}
/*-------------------------Logo------------------------------*/
#logo {
	margin:0 auto 0 auto;
	padding:30px 0;
	float:left;
}
#phone {
	margin:0 auto 0 auto;
	padding:50px 0;
	float:right;
}

/*-------------------------Containers------------------------------*/
#container {
	margin:0 auto 20px auto;
	width:900px;	
	background:url('images/containerbg.jpg') no-repeat right top;
	text-align:left;
}
#container-designing {
	margin:0 auto 20px auto;
	width:900px;	
	background:url('images/designingbg.jpg') no-repeat right top;
	text-align:left;
}
#container-creating {
	margin:0 auto 20px auto;
	width:900px;	
	background:url('images/creatingbg.jpg') no-repeat right top;
	text-align:left;
}
#container-marketing {
	margin:0 auto 20px auto;
	width:900px;	
	background:url('images/marketingbg.jpg') no-repeat right top;
	text-align:left;
}
#container-printing {
	margin:0 auto 20px auto;
	width:900px;	
	background:url('images/printingbg.jpg') no-repeat right top;
	text-align:left;
}
/*-------------------------Content------------------------------*/
#contents {
	margin:0 auto 0 auto;
	padding:30px 0 0 0;
	width:900px;
	color:#e0e0e0;
}
#contents p.heading {
	margin:10px 0 20px 0;
	font:normal normal bold 24px Arial Narrow;
	color:#e0e0e0;	
}
#contents p.intro  {
	margin:0 0 15px 0;
	width:500px;
	font:normal normal normal 12px/18px Arial;
	color:#e0e0e0;
}
#contents p.intro a  {
	color:#e0e0e0;
	font-weight:bold;
	text-decoration:none;
}
#contents p.quote  {
	margin:0;
	width:500px;
	font:italic italic bold 12px/18px Arial;
	color:#e0dbb2;
}
#contents p.author  {
	margin:0 0 15px 0;
	width:500px;
	font:normal normal normal 10px/18px Arial;
	color:#e0e0e0;
}

/*-------------------------Home Sections------------------------------*/
#section1 {
	margin:15px 0 0 0;
	padding-right:26px;
	width:205px;
	float:left;
	
}
#section1 h1 {
	margin:0 0 20px 0;
	background:#e0dbb2 url('images/h2bg1.jpg') no-repeat;
	width:205px;
	height:45px;
	font:normal normal bold 30px/45px Arial Narrow;
	color:#151515;
	text-transform:uppercase;
	text-align:center;
}
#section1 h1 a {
	color:#151515;
	text-decoration:none;
	display:block;
}
#section1 h1 a:hover {
	background:#e0dbb2 url('images/h2bg1over.jpg') no-repeat;
	color:#151515;
	text-decoration:none;
}
#section1 p {
	margin:0 0 20px 0;
	width:205px;
	height:85px;
	font:normal normal normal 12px/18px Arial;
	color:#e0e0e0;
}
#section2 {
	margin:15px 0 0 0;
	padding-right:26px;
	width:205px;
	float:left;
}
#section2 h1 {
	margin:0 0 20px 0;
	background:#e0dbb2 url('images/h2bg2.jpg') no-repeat;
	width:205px;
	height:45px;
	font:normal normal bold 30px/45px Arial Narrow;
	color:#151515;
	text-transform:uppercase;
	text-align:center;
}
#section2 h1 a {
	color:#151515;
	text-decoration:none;
	display:block;
}
#section2 h1 a:hover {
	background:#e0dbb2 url('images/h2bg2over.jpg') no-repeat;
	color:#151515;
	text-decoration:none;
}
#section2 p {
	margin:0 0 20px 0;
	width:205px;
	height:85px;
	font:normal normal normal 12px/18px Arial;
	color:#e0e0e0;
}
#section3 {
	margin:15px 0 0 0;
	padding-right:27px;
	width:205px;
	float:left;
}
#section3 h1 {	
	margin:0 0 20px 0;
	background:#e0dbb2 url('images/h2bg3.jpg') no-repeat;
	width:205px;
	height:45px;
	font:normal normal bold 30px/45px Arial Narrow;
	color:#151515;
	text-transform:uppercase;
	text-align:center;
}
#section3 h1 a {
	color:#151515;
	text-decoration:none;
	display:block;
}
#section3 h1 a:hover {
	background:#e0dbb2 url('images/h2bg3over.jpg') no-repeat;
	color:#151515;
	text-decoration:none;
}
#section3 p {
	margin:0 0 20px 0;
	width:205px;
	height:85px;
	font:normal normal normal 12px/18px Arial;
	color:#e0e0e0;
}
#section4 {
	margin:15px 0 0 0;
	width:205px;
	float:left;
}
#section4 h1 {
	margin:0 0 20px 0;
	background:#e0dbb2 url('images/h2bg4.jpg') no-repeat;
	width:205px;
	height:45px;
	font:normal normal bold 30px/45px Arial Narrow;
	color:#151515;
	text-transform:uppercase;
	text-align:center;
}
#section4 h1 a {
	color:#151515;
	text-decoration:none;
	display:block;
}
#section4 h1 a:hover {
	background:#e0dbb2 url('images/h2bg4over.jpg') no-repeat;
	color:#151515;
	text-decoration:none;
}
#section4 p {
	margin:0 0 20px 0;
	width:205px;
	height:85px;
	font:normal normal normal 12px/18px Arial;
	color:#e0e0e0;
}
#readmore {
	width:205px;	
	height:25px;
	font:normal normal bold 16px/25px Arial;
}
#readmore.designing a {
	background:url('images/designingdart.jpg') no-repeat right center;
	width:205px;	
	height:25px;
	font:normal normal bold 16px/25px Arial;
	color:#ba3f94;
	text-decoration:none;
	display:block;
}
#readmore.creating a {
	background:url('images/creatingdart.jpg') no-repeat right center;
	width:205px;	
	height:25px;
	font:normal normal bold 16px/25px Arial;
	color:#72ad4a;
	text-decoration:none;
	display:block;
}
#readmore.marketing a {
	background:url('images/marketingdart.jpg') no-repeat right center;
	width:205px;	
	height:25px;
	font:normal normal bold 16px/25px Arial;
	color:#2394ae;
	text-decoration:none;
	display:block;
}
#readmore.printing a {
	background:url('images/printingdart.jpg') no-repeat right center;
	width:205px;	
	height:25px;
	font:normal normal bold 16px/25px Arial;
	color:#cb9a32;
	text-decoration:none;
	display:block;
}
/*-------------------------Sections------------------------------*/
#section5 {
	margin:15px 0 0 0;
	padding-right:26px;
	width:205px;
	float:left;
	
}
#section5 h2 {
	margin:0 0 20px 0;
	background:#e0dbb2 url('images/h2bg1.jpg') no-repeat;
	width:205px;
	height:45px;
	font:normal normal bold 16px/45px Arial Narrow;
	color:#151515;
	text-transform:uppercase;
	text-align:center;
}
#section5 h2 a {
	color:#151515;
	text-decoration:none;
	display:block;
}
#section5 h2 a:hover {
	color:#151515;
	text-decoration:none;
}
#section5 p {
	margin:0 0 20px 0;
	width:205px;
	height:85px;
	font:normal normal normal 12px/18px Arial;
	color:#e0e0e0;
}
#section6 {
	margin:15px 0 0 0;
	padding-right:26px;
	width:205px;
	float:left;
}
#section6 h2 {
	margin:0 0 20px 0;
	background:#e0dbb2 url('images/h2bg2.jpg') no-repeat;
	width:205px;
	height:45px;
	font:normal normal bold 16px/45px Arial Narrow;
	color:#151515;
	text-transform:uppercase;
	text-align:center;
}
#section6 h2 a {
	color:#151515;
	text-decoration:none;
	display:block;
}
#section6 h2 a:hover {
	color:#151515;
	text-decoration:none;
}
#section6 p {
	margin:0 0 20px 0;
	width:205px;
	height:85px;
	font:normal normal normal 12px/18px Arial;
	color:#e0e0e0;
}
#section7 {
	margin:15px 0 0 0;
	padding-right:27px;
	width:205px;
	float:left;
}
#section7 h2 {	
	margin:0 0 20px 0;
	background:#e0dbb2 url('images/h2bg3.jpg') no-repeat;
	width:205px;
	height:45px;
	font:normal normal bold 16px/45px Arial Narrow;
	color:#151515;
	text-transform:uppercase;
	text-align:center;
}
#section7 h2 a {
	color:#151515;
	text-decoration:none;
	display:block;
}
#section7 h2 a:hover {
	color:#151515;
	text-decoration:none;
}
#section7 p {
	margin:0 0 20px 0;
	width:205px;
	height:85px;
	font:normal normal normal 12px/18px Arial;
	color:#e0e0e0;
}
#section8 {
	margin:15px 0 0 0;
	width:205px;
	float:left;
}
#section8 h2 {
	margin:0 0 20px 0;
	background:#e0dbb2 url('images/h2bg4.jpg') no-repeat;
	width:205px;
	height:45px;
	font:normal normal bold 16px/45px Arial Narrow;
	color:#151515;
	text-transform:uppercase;
	text-align:center;
}
#section8 h2 a {
	color:#151515;
	text-decoration:none;
	display:block;
}
#section8 h2 a:hover {
	color:#151515;
	text-decoration:none;
}
#section8 p {
	margin:0 0 20px 0;
	width:205px;
	height:85px;
	font:normal normal normal 12px/18px Arial;
	color:#e0e0e0;
}
/*-------------------------Header Navigation------------------------------*/
#header-navigation {
	margin:0 auto 0 auto;
	padding:0;
	width:900px;
	height:30px;
}
#header-navigation ul {
	margin:0;
	list-style:none;
}
#header-navigation ul li {
	margin:0 5px 0 0;
	float:left;
	list-style:none;
	height:30px;
}
#header-navigation ul li a {
	padding:0 10px;
	display:block;
	background:#e0dbb2;
	font:normal normal bold 12px/30px Arial;
	color:#000000;
	text-align:center;
	text-decoration:none;
}
#header-navigation ul li a:hover {
	background:transparent;
	font:normal normal bold 12px/30px Arial;
	color:#e0dbb2;
}
/*-------------------------Sell------------------------------*/
#sellpink {
	margin:20px 0 0 0;
	width:675px;
	height:inherit;
	background:url('images/archerpink.gif') no-repeat right bottom; 
	clear:both;
	float:none;
}
#sellblue {
	margin:20px 0 0 0;
	width:675px;
	height:inherit;
	background:url('images/archerblue.gif') no-repeat right bottom; 
	clear:both;
	float:none;
}
#sellgreen {
	margin:20px 0 0 0;
	width:675px;
	height:inherit;
	background:url('images/archergreen.gif') no-repeat right bottom; 
	clear:both;
	float:none;
}
#sellyellow {
	margin:20px 0 0 0;
	width:675px;
	height:inherit;
	background:url('images/archeryellow.gif') no-repeat right bottom; 
	clear:both;
	float:none;
}
/*-------------------------Packages------------------------------*/
#packages {
	width:327px;
	float:left;
	padding:0 0 40px 0
}
#packages h3 {
	margin:20px 0 5px  0;
	font:normal normal bold 12px Arial;
	color:#e0dbb2;
}
#packages p.list {
	margin:0;
	padding:5px 0 5px 0;
	background:url('images/tick.jpg') no-repeat right center;
	width:327px;
	height:28px;
	font:normal normal normal 12px/28px Arial;
	color:#ffffff;
	text-align:left;
	border-bottom:1px #5b5b5b solid;
}
#packages p.pricepink {
	margin:0;
	padding:5px 0 5px 0;
	width:327px;
	height:28px;
	font:normal normal bold 12px/28px Arial;
	color:#c24299;
	text-align:right;
	border-bottom:1px #5b5b5b solid;
}
#packages p.priceblue {
	margin:0;
	padding:5px 0 5px 0;
	width:327px;
	height:28px;
	font:normal normal bold 12px/28px Arial;
	color:#2395af;
	text-align:right;
	border-bottom:1px #5b5b5b solid;
}
#packages p.pricegreen {
	margin:0;
	padding:5px 0 5px 0;
	width:327px;
	height:28px;
	font:normal normal bold 12px/28px Arial;
	color:#71ad4b;
	text-align:right;
	border-bottom:1px #5b5b5b solid;
}
#packages p.priceyellow {
	margin:0;
	padding:5px 0 5px 0;
	width:327px;
	height:28px;
	font:normal normal bold 12px/28px Arial;
	color:#cb9a33;
	text-align:right;
	border-bottom:1px #5b5b5b solid;
}
/*-------------------------Contact Point------------------------------*/
#contactpoint {
	width:327px;
	float:right;
	padding:0 0 40px 0
}
#contactpoint h3 {
	margin:20px 0 5px  0;
	font:normal normal bold 12px Arial;
	color:#e0dbb2;
}
#contactpoint h4 {
	margin:0;
	padding:5px 0 5px 0;
	width:327px;
	height:28px;
	font:normal normal bold 12px/28px Arial;
	color:#e0dbb2;
	text-align:left;
	border-bottom:1px #5b5b5b solid;
}
#contactpoint p.list {
	margin:0;
	padding:5px 0 5px 0;
	width:327px;
	height:28px;
	font:normal normal normal 12px/28px Arial;
	color:#ffffff;
	text-align:left;
	border-bottom:1px #5b5b5b solid;
}
#contactpoint p.list a:hover.pink {
	color:#c649a5;
}
#contactpoint p.list a:hover.green {
	color:#71ad4b;
}
#contactpoint p.list a:hover.blue {
	color:#2395af;
}
#contactpoint p.list a:hover.yellow {
	color:#cb9a33;
}
#contactpoint p.space {
	margin:0;
	padding:5px 0 5px 0;
	width:327px;
	height:28px;
}
/*-------------------------Glossary------------------------------*/
#glossary {
	clear:both;
	float:none;
}
#glossary h3 {
	margin:0;
	font:normal normal bold 12px Arial;
	color:#e0dbb2;
}
#glossary p {
	padding:0 0 10px 0;
}
#glossary p a {
	font-weight:bold;
}


















