/*  				     	  @hm Website Design & IT Support Services					    */
/*  								=======================									*/
/*									  CSS Stylesheet 2008									*/
/*									Written By: Andrew Hill-Male							*/
/* ======================================================================================== */

/*generic css format */

body {
	font-family: "Trebuchet MS", Verdana, Arial;
	background-image: url(../images/bg_mainpage.jpg);
	margin: 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	}

p {
	font-size: 82%;
	color: #9900FF;
	text-align: justify;
	}
	
h1 {
	font-size: 130%;
	font-weight: bold;
	color: #9900FF;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 15px;
	}
	
h2 {
	font-size: 120%;
	font-weight: bold;
	color: #9900FF;
	margin-right: 10px;
	}
	
h3 {
	font-size: 120%;
	font-weight: bold;
	color: #9900FF;
	}
	
a:link, a:visited {color: #0000FF; font-weight: bold;}
a:hover {color: #FFCC00;font-weight: bold;}
a:active {color: #0000FF;font-weight: bold;}

ul {
	font-family: "Trebuchet MS", Verdana, Arial;
	list-style-position: outside;
	color: #9900FF;
	font-size: 90%;
	text-align: justify;
	list-style-type: disc;
	line-height: 20px;
	}
ul li ul li {
	font-size: 105%;
	list-style-type: square;
}

.blacktxt {
	color:#3300FF
}

/*wrapper */

#wrapper {
	height:600px;
	background-repeat: no-repeat;
	background-image: url(../images/rune_image.gif);
	}

/*Banner Area*/

#banner {
	height: 100px;
	}
	
.logo_center {
	text-align: center;
	position: relative;
	width: 630px;
	margin-left: 240px;
	}

.topnav {
	font-size: 100%;
	color: #FFCC00;
	}
	
a.topnav:link, a.topnav:visited {
	color: #FFCC00;
	text-decoration:none;
	padding-right: 5px;
	}
a.topnav:hover, a.topnav:active{color: #FFCC00; text-decoration: underline;}

/*Right Content */

#rightcontent {
	position: absolute;
	left: 884px;
	top: 122px;
}

/* Left Content Area */

	#leftcontent {
	width:130px;
	position: absolute;
	top: 112px;
	left: 72px;
	}
	
	ul#nav {
	text-align: center;
	}
	
	#contactbox {
	color: #9900FF;
	font-weight: bold;
	font-size: 12px;
	position: relative;
	margin: 0 20px;
	width: 120px;
	}
	
	.letters {
	font-size: 16px;
	color: #FFCC00;
	}
	
	.letters2 {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFCC00;
	}
		
/*Left Nav Menu Code*/
	
	#leftcontent ul, #leftcontent ul li, #leftcontent li ul {
	font-size:13px;
	}

	#leftcontent ul {
	list-style: none;
	width: 155px;
	text-align: left;
	margin: 0;
	padding: 0;
	position: relative;
	}

	#leftcontent ul li {
	position: relative;
	font-weight: bold;
	text-align:center;
	width: 100%;
	}
	
	.label{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 0px;
	}

/* Styles for Menu Items */
	#leftcontent ul li a, #leftcontent ul li a:visited {
	display: block;
	text-decoration: none;
	color: #9900FF; /* IE6 Bug */
	padding: 5px 2px 5px 10px;
	background-image: url(../images/button_off.gif);
	background-repeat: no-repeat;
	background-position: 50%;
	}

/* Fix IE. Hide from IE Mac \*/
	*  html #leftcontent ul li {
	float: left;
	height: 1%;
	display: block;
	}
	*  html #leftcontent ul li a {
	height: 1%;
	}
	#leftcontent li:hover ul, #leftcontent li.over ul { display: block; } /* The magic */
	
/*special Menu span*/	

	ul#nav li a:hover { text-decoration:underline;}

	body#home a#homenav ,
	body#design a#designnav,
	body#marketing a#marketingnav,
	body#domain a#domainnav,
	body#support a#supportnav,
	body#about a#aboutnav,
	body#recommend a#recommendnav,
	body#software a#softwarenav,
	body#interesting a#interestingnav,
	body#testimonials a#testimonialsnav,
	body#faq a#faqnav,
	body#portfolio a#portfolionav,
	body#contact a#contactnav {
	background-image: url(../images/button_active.gif);
	background-repeat: no-repeat;
	background-position: 50%;	
	}	


/*nav bottom email*/

a.emailsmall:link, a.emailsmall:visited, a.emailsmall:active {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 90%;
	color: #9900FF;
	text-decoration: none;
	}
	
a.emailsmall:hover {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 90%;
	color: #FFCC00;
	text-decoration: none;
	}

/* MainContent Area */

#maincontent {
	background: url(../images/border_top.gif) top left no-repeat;
	width:627px;
	margin-left: 240px;
  } 
  

.maincontentBody {
	background: url(../images/border_center.gif) top left repeat-y;
	margin-top: -15px;
	padding: 1px 20px;
  }
#content {}


/*Custom CSS Code */

.introbox {
	background-image: url(../images/bg_intro_boxes.gif);
	background-repeat: no-repeat;
	background-position: top 50%;
	text-align: center;
	float: left;
	height: 280px;
	width: 252px;
	margin: 0 10px;
}

.introboxheader {
	text-align: center;
	margin-top: 14px;
	font-size: 16px;
}
.introbox p {
	padding: 0 15px;
}

.introlist {
	margin: 0 0 0 10px;
	padding: 0;
	font-weight: bold;
}

a.boxlink:link,a.boxlink:visited,a.boxlink:hover,a.boxlink:active { color:#0000FF}

.bulletpos {
	margin-top: -2px;
}


.tablelist {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	color: #9900FF;
	margin: 5px;
	font-style: normal;
	height: auto;
}

.tableheader {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-style: normal;
	font-weight: bold;
	color: #0000FF;
	background-color: #CCFF00;
	line-height: 25px;
	text-align: center;
	}
	
.webtbl_header {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	color: #9900FF;
	text-align: justify;
	white-space: normal;
	background-color: #FFCC00;
	}
	
.paragrah_center {
	text-align: center;
	}
	
.normal {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-style: normal;
	font-weight: normal;
	padding: 5px;
	color: #9900FF;
	}
	
.formfield {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	color: #0000FF;
	text-indent: 2pt;
	}

.listheader {
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #9900FF;
	text-align: left;
	text-indent: 5px;
	}

	
/*Custom DIV Layer Codes */

#Navigation {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 80%;
	font-weight: bold;
	width: 167px;
	text-align: center;
	float: left;
	margin-left: 40px;
	}

/*nav main top menu*/
.navright1 {
	color: #9900FF;
	text-decoration: none;
	font-size: 100%;
	line-height: 20px;
	}

a.navright1:link {color: #9900FF;text-decoration: none;	font-size: 110%;}
a.navright1:visited {color: #9900FF; text-decoration: none; }
a.navright1:hover {color: #FFCC00; text-decoration: none; }
a.navright1:active {color: #FFCC00; text-decoration: underline; } 


/* Faq Section */

ul#faq {
	margin-left: 140px;
	list-style-type: none;
	font-size: 100%;
	}

ul#faq li {
	margin-bottom:5px;
	padding-left: 25px;
	background: url(../images/question_mark_sm.gif) left center no-repeat;
    }

.faqlinks {
	font-size: 90%;	
	}

a.faqlinks:link, a.faqlinks:visited {color: #9900FF; text-decoration:none;}
a.faqlinks:hover {color: #9900FF; text-decoration: underline;}
a.faqlinks:active {color: #FFCC00; text-decoration:underline;} 


/* Webprocess Pages */

.webprocesshd {
	display: block;
	background-color: #FFCC00;
	line-height: 200%;
	font-size: 100%;
	font-weight: bold;
	margin: 5px 0;
	padding-left: 5px;
}

/* Software Page */

.softlinks {
	padding: 5px 8px;
}


/*Portfolio Page*/
.imagemright {
	padding-right: 10px;
}
.imagemleft {
	padding-left: 10px;
}

.portfolio {
	border-bottom: solid #ccc 1px;
	padding: 0;
	margin-top: -5px;
	clear: both;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	
}
.hrline {
	clear: both;
	position: relative;
	text-align: right;
	font-size: 12px;
}
/* Footer Area */

#Footer {
	background-color: #FFFFFF;
	background: url(../images/border_bottom.gif) bottom left no-repeat;
	padding: 5px 0 10px 0;
  }

.footerlinks {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 70%;
	font-weight: bold;
	text-align: center;
	}

.copyright {
	text-align: center;
	font-family: Verdana, Arial, "Trebuchet MS";
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	}
	
.clear {clear: both;}