*{
margin: 0;
padding: 0;
}

html{
height: 100%;
}

body{
height: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #333333;
background-repeat: no-repeat;
background-position: top center;
}

/* Header Tags */

h1{
color: #336600;
font-size: 20px;
text-align: center;
}

h2{
color: #336600;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
}

h3{
font-size: 12px;
margin: 3px;
padding-top: 8px;
}

.h3{
font-size: 12px;
font-weight: bold;
}

.break{
clear: both;
height: 10px;
}

.largeFont{
font-size: 18px;
}

.rightColumn{
float: right;
width: 187px;
height: auto;
margin: 5px;
color: #FFFFFF;
}

.siteBoxContent{
min-height: 170px;
border-top: 1px solid #006600;
border-bottom: 1px solid #006600;
width: 600px;
float: left;
}

.siteBoxContent :link, :visited {
	color: #3366CC;
	text-decoration: none;
	font-weight:bold;
	font-size: 14px;
	border: 0px;
}

.siteBoxContent :link:hover, :visited:hover {
	color: #0000CC;
	font-weight:bold;
	border: 0px;
	
}

.siteBoxContent :link:active, :visited:active {
	color: #FFFFFF;
	font-weight:bold;
}

/* Colour Settings */

.greenBold{
color: #00CC00;
font-weight:bold;
}

.darkGreen{
color: #006600;
font-weight: bold;
}

.darkBlue{
color:#000066;
font-weight:300;
font-size:16px;
}

.redBold{
color: #FF0000;
font-weight: bold;
}

.yellowBold{
color: #FFFF00;
font-weight: bold;
}

.center{
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.templatecenter{
float: left;
width: 176px;
text-align: center;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}

.templatecenter :link, .templatecenter :visited {
	color: #0000FF;
	text-align: center;
	text-decoration: none;
}
.templatecenter :link:hover, .templatecenter :visited:hover {
	color: #000000;
	list-style-image: url(images/bullet2.jpg);
}
.templatecenter :link:active, .templatecenter :visited:active {
	color: #999999;
}

.templatecenter img {
border: 0px none;
}

.floatLeft{
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.floatRight{
float: right;
}

.floatRightSoftware{
float: right;
margin-right: 10px;
margin-bottom: 10px;
}


/* Layout Settings */

#container{
width:960px;
height: 100%;
margin:0 auto;
background-image: url(images/layout/footer.gif);
background-repeat: repeat-y;
}

#header{
background-image: url(images/layout/header.jpg);
background-repeat: no-repeat;
height: 410px;
}

#main{
height: auto;
width: auto;
margin: 0;
padding: 0;
background-color: 9d9d9d;
}

#top_content{
background-image:url(images/layout/content_top.gif);
background-repeat: repeat-y;
width: 960px;
height: 34px;
}

#main_content{
background-image: url(images/layout/content_main.gif);
background-repeat: repeat-y;
width: 810px;
min-height: 250px;
height: auto;
margin: 0px auto 0px auto;
background-color: 9d9d9d;
padding: 0 80px 0 70px;
}

#bottom_content{
background-image:url(images/layout/content_bottom.gif);
width: 960px;
height: 35px;
margin: 0px auto 0px auto;
}

#footer{
height: auto;
text-align: center;
background-image: url(images/layout/footer.gif);
}

p{
font-size:12px;
padding:5px 0;
text-align: left;
}

.clear{
clear: left;
}

.clearBox{
clear: both;
height: 20px;
}

.Box{
height: 20px;
}

.left{
margin-left: 10px;
float: left;
width: 600px;
}

.right{
float: right;
width: 230px;
}

/* Navigation Settings */

#nav{
float: left;
width: 960px;
height:25px;
margin-top: 120px;
padding-left: 95px;
}

.root-ninja-designs {
	background-image: url(images/layout/buttons/root-ninja-designs.jpg);
	width: 503px; 
	height: 87px;
	float: left;
	white-space: nowrap;
	margin: 19px 0px 0px 232px;
	padding: 0px;
	background-repeat: no-repeat;
	color:#000000;
	border: none;
	cursor: pointer;
}

.cutting-edge-website-design :link, .cutting-edge-website-design :visited {
	color: #FFFFFF;
	text-decoration: none;
}

.cutting-edge-website-design :link:hover, .cutting-edge-website-design :visited:hover {
	color: #000000;
}

.cutting-edge-website-design :link:active, .cutting-edge-website-design :visited:active {
	color: #999999;
}

.cutting-edge-website-design {
	background-image: url(images/layout/buttons/cutting-edge-website-design.gif);
	width: 218px; 
	height: 94px;
	position: relative;
	float: left;
	white-space: nowrap;
	display: block;
	margin: 0px;
	padding: 85px 20px 5px 20px;
	background-repeat: no-repeat;
	color:#000000;
	border: none;
	cursor: pointer;
}

.cutting-edge-website-design :link, .cutting-edge-website-design :visited {
	color: #FFFFFF;
	text-decoration: none;
}

.cutting-edge-website-design :link:hover, .cutting-edge-website-design :visited:hover {
	color: #000000;
}

.cutting-edge-website-design :link:active, .cutting-edge-website-design :visited:active {
	color: #999999;
}


.search-engine-optimisation-services-seo {
	background-image: url(images/layout/buttons/search-engine-optimisation-seo.gif);
	width: 218px; 
	height: 94px;
	padding: 85px 20px 5px 20px;
	position: relative;
	float: left;
	white-space: nowrap;
	display: block;
	margin: 0px;
	background-repeat: no-repeat;
	color:#000000;
	border: none;
	cursor: pointer;
}

.search-engine-optimisation-services-seo :link, .search-engine-optimisation-services-seo :visited {
	color: #FFFFFF;
	text-decoration: none;
}

.search-engine-optimisation-services-seo :link:hover, .search-engine-optimisation-services-seo :visited:hover {
	color: #000000;
	list-style-image: url(images/bullet2.jpg);
}

.search-engine-optimisation-services-seo :link:active, .search-engine-optimisation-services-seo :visited:active {
	color: #999999;
}

.website-hosting-and-maintenance-services {
	background-image: url(images/layout/buttons/website-hosting-and-maintenance.gif);
	width: 218px; 
	height: 94px;
	padding: 85px 20px 5px 20px;
	position: relative;
	float: left;
	white-space: nowrap;
	display: block;
	margin: 0px;
	background-repeat: no-repeat;
	color:#000000;
	border: none;
	cursor: pointer;
}

.website-hosting-and-maintenance-services :link, .website-hosting-and-maintenance-services :visited {
	color: #FFFFFF;
	text-decoration: none;
}

.website-hosting-and-maintenance-services :link:hover, .website-hosting-and-maintenance-services :visited:hover {
	color: #000000;
	list-style-image: url(images/bullet2.jpg);
}

.website-hosting-and-maintenance-services :link:active, .website-hosting-and-maintenance-services :visited:active {
	color: #999999;
}


/* Bullet Point Settings */

li {
margin-left: 20px;
color: #006600;
font-size: 12px;
}


/* Hyperlink Settings */

:link, :visited {
	color: #006600;
	text-decoration: none;
	font-weight:bolder;
	font-size: 12px;
	border: none;
}

:link:hover, :visited:hover {
	color: #999999;
	font-weight:bold;
	border: none;
	
}

:link:active, :visited:active {
	color: #006600;
	font-weight:bold;
	border: none;
}


/* Business Link */

#ninja :link, #ninja :visited {
	color: #999999;
	text-decoration: none;
}
#ninja :link:hover, #ninja :visited:hover {
	color: #000000;
	list-style-image: url(images/bullet2.jpg);
}
#ninja :link:active, #ninja :visited:active {
	color: #999999;
}

#ninja {
width:960px;
height:100px;
margin:20px auto;
text-align:center;
color:#CCCCCC;
font-size:10px;
}