/* Generic settings */
body {
	font-family: arial, sans-serif;
	color: #474747; 
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	background-color: #FFFFFF;
	text-align: left;
	line-height: 18px;
}
.background {
	overflow: auto;
	background: url(../images/page_background.jpg) 0 0 repeat;
}
img {
	border: none;
}
.wrapper {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.left360 {
	float: left;
	margin-top: 120px;	
	margin-left: 55px;
	display: inline;	
}
.right360 {
	float: right;
	margin-right: 55px;	
	margin-top: 120px;	
	display: inline;	
}
.pageHeader {
	width: 724px;
	height: 87px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background: url(../images/page_header.gif) 0 0 no-repeat;
	overflow: hidden;
}
.logo360 {
	float: left;
	margin-left: 41px;
	margin-top: 18px;
	display: inline;	
}
.pageMenu {
	float: right;
	margin-right: 43px; 
	margin-top: 65px;
	display: inline;
}
.menuText {
	font-weight: bold;
	text-align: right;
	padding-left: 6px;
	padding-right: 6px;
}
.edges {
	width: 724px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	background: url(../images/page_edges.gif) 0 0 repeat-y;
}
.pageContent {
	width: 610px;
	margin-top: 17px;
	margin-left: 58px;
	margin-bottom: 10px;
}
.pageContentPad {
	padding: 15px 20px 11px 20px;
}
.stockImage {
	float: right;
	margin-right: -12px;
}
.topPad5 {
	padding-top: 5px;
}
.topPad15 {
	padding-top: 15px;
}
.botPad10 {
	padding-bottom: 10px;
}

/* Paragraph formats */
p {
	margin-top: 0px;
	margin-bottom: 11px;
}
p.viewServicesLink {
	text-align: right;
	font-weight: bold;
	color: #FF6600;
}
p.learnMoreLink {
	text-align: right;
	margin-top: -7px;
	margin-right: -70px;
	color: #FF6600;
}

/* Heading formats */
h1 {
	color: #FF6600;
	margin-top: 0px;
	margin-bottom: 6px;
	font-size: 130%; 
	font-weight: bold;
}
h2 {
	color: #FF6600;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 130%; 
	font-weight: bold;
}
h3 {
	color: #FF6600;
	margin-top: 15px;
	margin-bottom: 0px;
	font-size: 120%; 
	font-weight: bold;
}

/* Text formatting */
.bold {
	font-weight: bold;
}
.boldOrange {
	font-weight: bold;
	color: #FF6600;
}
.superscript {
	font-size: 80%;
	vertical-align: 15%;
}

/* Home page */
.welcomeBox {
	float: left; 
	width: 280px;
	margin-top: 17px;
	margin-left: 30px;
	padding-bottom: 8px;
	display: inline;
	background: url(../images/mouse.jpg) 96% 75% no-repeat;
}
.welcomeBoxPad {
	padding: 15px 25px 11px 20px;
}
.bannerBox {
	float: right; 
	width: 375px;
	margin-top: 17px;
	margin-right: 25px;
	display: inline;
}
.bannerBoxPad {
	padding-top: 5px; 
	padding-bottom: 9px; 
	padding-left: 22px; 
}
.siteDesignBox {
	float: right; 
	width: 375px;
	margin-top: 5px;
	margin-right: 25px;
	display: inline;
	background: url(../images/bursting_@_symbol.jpg) 94% 41% no-repeat;
}
.commerceBox {
	float: right; 
	width: 375px;
	margin-top: 5px;
	margin-right: 25px;
	display: inline;
	background: url(../images/shopping_trolley.jpg) 93% 45% no-repeat;
}

/* Services page */
.siteDesignService {
	width: 600px;
	margin: 15px auto 6px auto;
	background: url(../images/bursting_@_symbol.jpg) 96% 39% no-repeat;
}
.serviceBox {
	width: 600px;
	margin: 0 auto 6px auto;
}
.serviceBoxPad {
	padding: 15px 95px 11px 20px;
}
.commerceService {
	background: url(../images/shopping_trolley.jpg) 96% 35% no-repeat;
}
.hostingService {
	background: url(../images/computer_network.jpg) 98% 35% no-repeat;
}
.siteCheckService {
	background: url(../images/laptop_stethascope.jpg) 98% 45% no-repeat;
}
.graphicDesignService {
	background: url(../images/palette.jpg) 97% 44% no-repeat;
}
.servicesBoxPad {
	padding: 15px 100px 11px 20px;
}

/* Contact Us page */
.contactUsImage {
	text-align: center;
	padding-bottom: 20px; 
}

/* About Us page */
.addressBox {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

/* Key Fetaures page */
table.keyFeatures {
	border-collapse: collapse;
}
table.keyFeatures td {
	padding: 3px 6px 3px 6px;
	border-bottom: 1px dotted #CCCCCC;
}
table.keyFeatures th {
	padding: 7px 5px 7px 15px;
	background: #FFE6CC;
	color: #FF6600;
}
table.keyFeatures td.whiteBack {
	background: #FFFFFF;
}
table.keyFeatures td.boldText {
	font-weight: bold;
}
table.keyFeatures td.lastLine {
	border-bottom: 0;
	padding-bottom: 20px;
}
.keyFeaturesImage {
	float: right;
	margin-right: 20px;
}

/* Box outlines */
.boxTop {
	background: url(../images/box_top.jpg) 0 0 repeat-x;
}
.boxRight {
	background: url(../images/box_right.jpg) 100% 0 repeat-y;
}
.boxBot {
	background: url(../images/box_bot.jpg) 0 100% repeat-x;
}
.boxLeft {
	background: url(../images/box_left.jpg) 0 0 repeat-y;
}
.boxTopLeft {
	background: url(../images/box_top_left.jpg) 0 0 no-repeat;
}
.boxTopRight {
	background: url(../images/box_top_right.jpg) 100% 0 no-repeat;
}
.boxBotRight {
	background: url(../images/box_bot_right.jpg) 100% 100% no-repeat
}
.boxBotLeft {
	background: url(../images/box_bot_left.jpg) 0 100% no-repeat;
}

/* Page footer */
.sourceText {
	margin-left: 90px;
 	margin-top: 6px;
	color: #666666;
	font-size: 85%;
	line-height: 15px;
}
.footerMenuText {
	padding-left: 5px;
	padding-right: 5px;
}
.footerText {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
 	padding-top: 8px;
 	padding-bottom: 500px;
	color: #FFFFFF;
	font-size: 85%;
	line-height: 23px;
}
.pageFooter {
	width: 724px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/page_footer.gif) 0 100% no-repeat;
}

/* Link formatting */
a:link    {color: #FF6600; text-decoration: none; font-weight: bold;}
a:visited {color: #FF6600; text-decoration: none; font-weight: bold;}
a:active  {color: #FF6600; text-decoration: none; font-weight: bold;}
a:hover   {color: #color: #FF6600; text-decoration: underline; font-weight: bold;}

a.menu:link    {color: #4D4C4C; text-decoration: none;}
a.menu:visited {color: #4D4C4C; text-decoration: none;}
a.menu:active  {color: #FF6600; text-decoration: none;}
a.menu:hover   {color: #FFFFFF; text-decoration: none; background-color:#FF6600;}

a.menuSelected:link    {color: #FF6600; text-decoration: none;}
a.menuSelected:visited {color: #FF6600; text-decoration: none;}
a.menuSelected:active  {color: #FF6600; text-decoration: none;}
a.menuSelected:hover   {color: #FF6600; text-decoration: none;}

a.footer:link    {color: #FFFFFF; text-decoration: none;}
a.footer:visited {color: #FFFFFF; text-decoration: none;}
a.footer:active  {color: #FFFFFF; text-decoration: none;}
a.footer:hover   {color: #FF6600; text-decoration: underline;}