BODY { margin: 10px; padding: 0; font-family: Tahoma, Arial, sans-serif; font-size: 1em; color: #202020; }
IMG { margin: 0; padding: 0; border-style: none; }
DIV { margin: 0; padding: 0; }
A, A:link, A:active, A:visited { color: #0686a6; text-decoration: none; }
A:hover { color: #d1471f; text-decoration: none; }

/* MISCELLANEOUS */
DIV.Breaker { clear: both; }

/* HEADER */
DIV.HeaderBox { margin-bottom: 3px; padding: 0; }
DIV.HeaderBox IMG.HeaderImg { border-bottom: 1px solid #acacac; }

/* MENU */
DIV.MenuBox { margin: 0; padding: 0; }

DIV.ColouredBar {
	width: 700px;
	height: 4px;
	margin-bottom: 3px;
	font-size: 1px;
}
DIV.ColouredBar#Page1 {	background-color: #86a606; } .Colour1 { color: #86a606; }
DIV.ColouredBar#Page2 {	background-color: #479757; } .Colour2 { color: #479757; }
DIV.ColouredBar#Page3 {	background-color: #0686a6; } .Colour3 { color: #0686a6; }
DIV.ColouredBar#Page4 {	background-color: #5a69f8; } .Colour4 { color: #5a69f8; }
DIV.ColouredBar#Page5 {	background-color: #7959f8; } .Colour5 { color: #7959f8; }
DIV.ColouredBar#Page6 {	background-color: #bc6ba5; } .Colour6 { color: #bc6ba5; }
DIV.ColouredBar#Page7 {	background-color: #d1471f; } .Colour7 { color: #d1471f; }

.ColourSpecial { color: #a68606; }

/* CONTENT */
DIV.ContentBox {
	width: 698px;
	margin-bottom: 3px;
	padding: 0;
	border: 1px solid #acacac;
}

DIV.PageIntro {
	padding: 5px 0 5px;
	background: #ffffff url('../images/page_title_bg.gif') repeat-x top left;
}
P.PageOutro {
	margin: 0 0 10px;
}	

DIV.PageFeature {
	margin: 0 0 10px;
	padding: 0;
	border-top: 1px dashed #acacac;
	border-bottom: 1px dashed #acacac;
	color: #ffffff;
}
/*
DIV.PageFeature#Page2 { background: #3b7f49 url('../images/services_gradient.gif') repeat-x top left; }
DIV.PageFeature#Page3 { background: #05718c url('../images/webdesign_gradient.gif') repeat-x top left; }
DIV.PageFeature#Page4 { background: #4b58d0 url('../images/hosting_gradient.gif') repeat-x top left; }
DIV.PageFeature#Page6 { background: #9c5989 url('../images/portfolio_gradient.gif') repeat-x top left; }
*/
DIV.PageFeature DIV {
	margin: 0;
	padding: 0.3em 0;
	font-size: 1.2em;
	line-height: 1.6;
}
DIV.PageFeature DIV.Page1 { background: #748c06 url('../images/index_gradient.gif') repeat-x top left; }
DIV.PageFeature DIV.Page2 { background: #3b7f49 url('../images/services_gradient.gif') repeat-x top left; }
DIV.PageFeature DIV.Page3 { background: #05718c url('../images/webdesign_gradient.gif') repeat-x top left; }
DIV.PageFeature DIV.Page4 { background: #4b58d0 url('../images/hosting_gradient.gif') repeat-x top left; }
DIV.PageFeature DIV.Page5 { background: #684cd3 url('../images/articles_gradient.gif') repeat-x top left; }
DIV.PageFeature DIV.Page6 { background: #9c5989 url('../images/portfolio_gradient.gif') repeat-x top left; }
DIV.PageFeature DIV.Page7 { background: #b03b1a url('../images/contact_gradient.gif') repeat-x top left; }

TABLE.Columns {	margin: 0 0 5px; }
TABLE.Columns TD {
	padding: 0 10px;
	text-align: left;
}
TABLE.Columns TD.LeftCol { vertical-align: top; }
TABLE.Columns TD.RightCol {
	border-left: 1px dashed #acacac;
	vertical-align: top;
}

HR { height: 1px; margin: 5px 0; padding: 0; color: #ffffff; background-color: inherit; border-top: none; border-bottom: 1px dashed #acacac; line-height: 0.1; }

P { margin: 0.3em 0; padding: 0; font-size: 0.8em; line-height: 1.6; }
P.BodyText { text-indent: 2em; }
P.PageTitle { margin: 0.2em 0 0.2em; font-size: 0.9em; font-weight: bold; line-height: 1; }
P.BodyTitle { margin: 0.2em 0 0.5em; font-size: 0.9em; font-weight: bold; line-height: 1.2; }
P.BodyTitleInline { display: inline; margin: 0.2em 0 0.5em; font-size: 0.9em; font-weight: bold; line-height: 1.2; }

UL.BodyList {
	margin: 0.3em 25px;
	padding: 0;
	font-size: 0.8em;
	line-height: 1.6;
}
UL.BodyList LI {
	margin: 0;
	padding: 0;
	text-align: left;
}
UL.Bullet1 { list-style: disc outside url('../images/bullet_1.png'); }
UL.Bullet2 { list-style: disc outside url('../images/bullet_2.png'); }
UL.Bullet3 { list-style: disc outside url('../images/bullet_3.png'); }
UL.Bullet4 { list-style: disc outside url('../images/bullet_4.png'); }
UL.Bullet5 { list-style: disc outside url('../images/bullet_5.png'); }
UL.Bullet6 { list-style: disc outside url('../images/bullet_6.png'); }
UL.Bullet7 { list-style: disc outside url('../images/bullet_7.png'); }

DIV.CentreImage { margin: 0 auto; text-align: center; clear: both; }
IMG.LeftImage { float: left; margin: 5px 5px 5px 0; }
IMG.RightImage { float: right; margin: 5px 0 5px 5px; }
IMG.InlineImage { vertical-align: middle; }

/* FOOTER */
DIV.FooterBox {
	width: 700px;
	border-top: 1px solid #acacac;
	background: #f0f0f0 url('../images/footer.gif') repeat-x top left;
	text-align: left;
}
DIV.FooterBox P { margin: 5px 10px; line-height: 1.2; }

/* INDEX */

IMG.WhatsNewIcon { float: left; margin: 5px 5px 5px 0; border: 1px solid #acacac; }

IMG.Banner {
	margin: 5px 0 0;
	border: 1px solid #acacac;
}
P.BannerTitle {
	margin: 0 0 5px;
	padding: 0;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2;
}

/* PORTFOLIO */

IMG.PortfolioImage { margin: 3px 0 6px; padding: 3px; border: 1px solid #acacac; }

/* ARTICLES */

P.ArticleByLine { font-style: italic; }

DIV.ArticleBody { margin: 10px; text-align: left; }

DIV.CodeSample, DIV.OutputSample { padding: 3px 6px; background-color: #e5e5e5; border: 1px dashed #acacac; color: #202020; }
DIV.OutputSample { background-color: #ffffff; }
DIV.CodeSample { font-family: Courier New, Courier, monospace; font-size: 0.8em; line-height: 1.3; }
DIV.OutputSample { font-family: Tahoma, Arial, sans-serif; font-size: 0.8em; line-height: 1.3; }

DIV.ArticleForm { padding: 5px; border: 1px dashed #acacac; font-family: Courier New, Courier, monospace; color: #202020; }
DIV.ArticleForm INPUT.NumberBox { width: 22px; }

/* CONTACT */

DIV.ErrorBox { margin: 5px 0; padding: 3px 6px; background: #ffffff url('../images/page_title_bg.gif') repeat-x top left; border: 1px dashed #d1471f; color: #d1471f; font-weight: bold; }
DIV.SuccessBox { margin: 5px 0; padding: 3px 6px; background: #ffffff url('../images/page_title_bg.gif') repeat-x top left; border: 1px dashed #86a606; color: #202020; }

TABLE.EnquiryForm { border-style: none; }
TABLE.EnquiryForm TH {
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	color: #202020;
}
TABLE.EnquiryForm TD { text-align: left; }
TABLE.EnquiryForm TD INPUT.TextBox, TABLE.EnquiryForm TD TEXTAREA { width: 160px; margin: 3px 0; }
TABLE.EnquiryForm TD INPUT.SubmitButton { margin: 3px 0; }

/* MINI ENQUIRY FORMS */

DIV.MiniEnquiryBox { margin: 5px 30px 0; }
DIV.MiniEnquiryBoxTitle {
	margin-top: 0px;
	text-transform: uppercase;
	font-size: 1.2em;
}

/* GET A QUOTE */

TABLE.QuoteForm { border-style: none; }
TABLE.QuoteForm TH {
	padding: 4px 0 1px;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	color: #202020;
}
TABLE.QuoteForm TD { padding: 1px 0 4px; text-align: left; }
TABLE.QuoteForm TD INPUT.TextBox { width: 160px; margin: 3px 0; }
TABLE.QuoteForm TD TEXTAREA { width: 280px; height: 60px; margin: 3px 0; }
TABLE.QuoteForm TD INPUT.SubmitButton { margin: 3px 0; }
TABLE.QuoteForm TD SELECT { margin: 3px 0; }

DIV.CallUsBox {
	margin: 5px 0;
	padding: 5px;
	border: 1px dashed silver;
	background-color: #f3fdc7;
}

DIV.MonthlyFeeBox, DIV.SetupFeeBox, DIV.InitialPaymentBox {
	margin: 5px 0;
	padding: 5px;
	border: 1px dashed silver;
}
DIV.MonthlyFeeBox { background-color: #f3fdc7; }
DIV.SetupFeeBox { background-color: #fdf1c7; }
DIV.InitialPaymentBox { background-color: #f8d5cc; }

DIV.CallUsBox DIV.Price, DIV.MonthlyFeeBox DIV.Price, DIV.SetupFeeBox DIV.Price, DIV.InitialPaymentBox DIV.Price {
	line-height: 1.3;
	font-size: 1.9em;
	font-weight: bold;
}
DIV.CallUsBox DIV.Price { color: #86a606; }
DIV.MonthlyFeeBox DIV.Price { color: #86a606; }
DIV.SetupFeeBox DIV.Price { color: #a68606; }
DIV.InitialPaymentBox DIV.Price { color: #d1471f; }

DIV.AddOnBox {
	margin: 5px 15px;
	padding: 5px;
	border: 1px dashed silver;
	background-color: #c7f3fd;
}
DIV.AddOnBox DIV.Price {
	line-height: 1.0;
	color: #0686a6;
}
DIV.AddOnBox DIV.Price SPAN.BigPrice {
	font-size: 1.6em;
	font-weight: bold;
}

DIV.NoQuoteBox {
	border: 1px dashed silver;
	margin: 5px 0;
	padding: 15px 5px; background-color: #f8d5cc;
}

DIV DIV.BoxText { font-size: 0.8em; }

DIV.CallUsBox UL, DIV.SetupFeeBox UL {
	margin: 0.3em 25px;
	padding: 0;
	font-size: 0.8em;
	line-height: 1.3;
}
DIV.CallUsBox LI, DIV.SetupFeeBox LI {
	margin: 0;
	padding: 0;
	text-align: left;
}