
/* ============================== */
/* ======= BODY, HEADERS ======== */
/* ============================== */

body{background:#fff;font-size:9pt}

h1 {color: #f66c13;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 24pt;
	margin:20px 0 0 0;
	font-family: Arial Narrow, Arial, Verdana, Helvetica}

h2 {color: #000;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	margin: 0 0 0 0;
	font-size: 12pt;
	font-family: Arial, Verdana, Helvetica}

h3 {color: #ffffff;
	font-size: 12pt;
	margin: 4px 12px 0px 10px;
	font-family: Arial Narrow, Arial, Verdana, Helvetica}
	
h4 {color: #ffbe02;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 24pt;
	text-align:justify;
	font-family: Arial Narrow, Arial, Verdana, Helvetica}
	
h5 {color: #fff;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 28pt;
	text-align:left;
	font-family: Arial Narrow, Arial, Verdana, Helvetica}
	
h6 {color: #a9c302;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 24pt;
	margin:20px 0 0 0;
	font-family: Arial Narrow, Arial, Verdana, Helvetica}
	
h7 {color: #51c107;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 24pt;
	margin:20px 0 0 0;
	font-family: Arial Narrow, Arial, Verdana, Helvetica}

h8 {color: #ffcb05;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 24pt;
	margin:20px 0 0 0;
	font-family: Arial Narrow, Arial, Verdana, Helvetica}
	
h9 {color: #faa018;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 24pt;
	margin:20px 0 0 0;
	font-family: Arial Narrow, Arial, Verdana, Helvetica}
h1.subtitle {font-size:14pt;margin:55px 0 0 15px}
strong {font-family: Arial, Verdana, Helvetica;
	font-size:10pt;
	font-weight:normal}
/* ============================== */
/* ======= DIV CLASSES ======== */
/* ============================== */
#container {
	position:absolute;
	z-index:0;
	width:1000px;
	top:0;
	left:50%;
	margin-left:-500px;
	font-family: Arial, Verdana, Helvetica;
	font-size:10pt
	}
#div1{
	position:relative;
	float:left;
	width:170px;
	height:265px;
	padding:10px 15px 0px 15px;
	color:#000;
	text-align:justify;
	background:url(mm/Buttonsred.jpg)}
	
#div2{
	position:relative;
	float:left;
	width:170px;
	height:265px;
	padding:10px 15px 0px 15px;
	color:#000;
	text-align:justify;
	background:url(mm/Buttonsorange.jpg)}
	
#div3{
	position:relative;
	float:left;
	width:170px;
	height:265px;
	padding:10px 15px 0px 15px;
	color:#000;
	text-align:justify;
	background:url(mm/Buttonsyellow.jpg)}
	
#div4{
	position:relative;
	float:left;
	width:170px;
	height:265px;
	padding:10px 15px 0px 15px;
	color:#000;
	text-align:justify;
	background:url(mm/Buttonslime.jpg)}


#div5{
	position:relative;
	float:left;
	width:170px;
	height:265px;
	padding:10px 15px 0px 15px;
	color:#000;
	text-align:justify;
	background:url(mm/Buttonsgreen.jpg)}

#subnav {
	position:relative;
	width:390px;
	min-height:160px;
	float:left;
	margin:0 10px 10px 0;
	padding:0 0 20px 0;
	border-bottom: dotted 2px #99aa99;
	text-align:left;
}
#subnav1 {
	position:relative;
	top:25px;
	left:10px;
	width:170px;
	color:#000000;
	float:left;
	line-spacing:140%;
	border-right:dotted 2px #99aa99;
	margin:0 10px 0 0;
	
}

#subnav2 {
	position:relative;
	top:25px;
	left:10px;
	width:170px;
	height:120px;
	color:#000000;
	float:left;
	line-spacing:140%;
	margin:0 10px 0 0;
}

#webdesign{
	position:relative;
	float:left;
	width:1000px;
	height:93px;
	background:url(mm/navred.jpg) no-repeat}

#webdevelopment{
	position:relative;
	float:left;
	width:1000px;
	height:93px;
	background:url(mm/navorange.jpg) no-repeat}
	
#webseo{
	position:relative;
	float:left;
	width:1000px;
	height:93px;
	background:url(mm/navyellow.jpg) no-repeat}
	
#webecom{
	position:relative;
	float:left;
	width:1000px;
	height:93px;
	background:url(mm/navlime.jpg) no-repeat}
	
#webserv{
	position:relative;
	float:left;
	width:1000px;
	height:93px;
	background:url(mm/navgreen.jpg) no-repeat}

	
#main_navigation{
	position:relative;
	width:1000px;
	height:90px;
	margin:5px 0 5px 0;
	float:left;
}
#main_navigation_inner {position:relative;float:left;width:600px;margin:20px 0 0 10px}
#leftside {
	position:relative;
	top:0px;
	left:0px;
	width:550px;
	color:#000;
	padding:10px 40px 0 10px;
	float:left;
}

#rightside {
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:380px;
	height:650px;
	background:#f66c13;
	text-align:left;
	margin:30px 0 0 0;
	padding:0 10px 0 10px}

#rightsideyellow {
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:380px;
	height:1350px;
	background:#ffcb05;
	text-align:left;
	margin:30px 0 0 0;
	padding:0 10px 0 10px}
	
#rightsideorange {
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:380px;
	height:480px;
	background:#f99615;
	text-align:left;
	margin:30px 0 0 0;
	padding:0 10px 0 10px}
	
#rightsidegreen {
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:380px;
	height:600px;
	background:#51c107;
	text-align:left;
	margin:30px 0 0 0;
	padding:0 10px 0 10px}
	
#sitebox_left {
	position:relative;
	top:0px;
	left:0px;
	float:left;
	width:180px;
	margin:0 5px 5px 0;
	font-size:8pt;
	height:232px;
	overflow:hidden;
	padding-bottom:5px;
	border-bottom:dotted 1px #000000
}
#sitebox_right {
	position:relative;
	top:0px;
	left:0px;
	float:left;
	width:180px;
	margin:0 0 5px 5px;
	font-size:8pt;
	height:232px;
	overflow:hidden;
	padding-bottom:5px;
	border-bottom:dotted 1px #000000
}
#rightsidewhite {
	position:relative;
	width:380px;
	float:left;
	text-align:center;
	padding:0 10px 0 10px
}
#offerbox1 {
	width:200px;
	height: 363px;
	padding:170px 200px 0 10px;
	overflow:hidden;
	text-align:left;
	float:left;
	background:url(mm/offerbox1.jpg) no-repeat
}

#offerbox2 {
	width:170px;
	height: 363px;
	padding:170px 200px 0 10px;
	overflow:hidden;
	text-align:left;
	float:left;
	background:url(mm/offerbox2.jpg) no-repeat
}

#fullwidth {float:left;position:relative;width:100%}

#footer {
	position:relative;
	top:5px;
	left:0px;
	width:1000px;
	height:220px;
	float:left;
	background:url(mm/footerbox.jpg) no-repeat;
}
#footerbox1 {
	position:relative;
	top:15px;
	left:30px;
	width:200px;
	height:170px;
	color:#ffffff;
	float:left;
	line-spacing:140%;
	border-right:dotted 2px #99aa99;
	margin:0 10px 0 0;
	padding: 0 10px 0 0;
}
#footerbox2 {
	position:relative;
	top:15px;
	left:30px;
	width:200px;
	height:170px;
	color:#ffffff;
	float:left;
	line-spacing:140%;
	border-right:dotted 2px #99aa99;
	margin:0 10px 0 0;
	padding: 0 10px 0 0
}
#footerbox3 {
	position:relative;
	top:15px;
	left:30px;
	width:200px;
	height:170px;
	float:left;
	line-spacing:140%;
	color:#ffffff;
	border-right:dotted 2px #99aa99;
	margin:0 10px 0 0;
	padding: 0 10px 0 0
}
#footerbox4 {
	position:relative;
	top:15px;
	left:30px;
	width:250px;
	height:170px;
	float:left;
	line-spacing:140%;
	color:#ffffff;
	margin:0 10px 0 0;
	padding: 0 10px 0 0
}

#endbox {
	position:relative;

	width:1000px;
	float:left;
	color:#000000;
	text-align:center
}

.bottombanner {width:960px;float:left;text-align:center}


	
	
/* ============================== */
/* ========  LINK CLASSES ======= */
/* ============================== */

a { outline: 0 none; }
a:link {font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	color: #3d3d3d}
a:visited {font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	color: #3d3d3d}
a:hover {font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	color: #e95d0f}

a:link.txt {font-decoration: underline;color:#f77913}
a:visited.txt {font-decoration: underline;color:#f77913}
a:hover.txt {font-decoration: normal;color:#f77913}

a:link.txt1 {font-decoration: underline;color:#f77913}
a:visited.txt1 {font-decoration: underline;color:#f77913}
a:hover.txt1 {font-decoration: normal;color:#f77913}

a:link.mainnav {color: #808080;font-weight:bold}
a:visited.mainnav {color: #808080;font-weight:bold}
a:hover.mainnav {color: #fc9745;font-weight:bold}

a:link.mainnavlit {color: #fc9745;font-weight:bold}
a:visited.mainnavlit {color: #fc9745;font-weight:bold}
a:hover.mainnavlit {color: #808080;font-weight:bold}

a:link.inline {font-decoration: underline;color: #000000}
a:visited.inline {font-decoration: underline;color: #000000}
a:hover.inline {font-decoration: normal;color: #ff6001}

a:link.inlinelit {font-decoration: underline;color: #00c000}
a:visited.inlinelit {font-decoration: underline;color: #00c000}
a:hover.inlinelit {font-decoration: normal;color: #000000}

a:link.hdrlnk {color: #ff6002;font-size:14pt;padding-left:14px;background:url(mm/doto.png) left no-repeat}
a:visited.hdrlnk {color: #ff6002;font-size:14pt;padding-left:14px;background:url(mm/doto.png) left no-repeat}
a:hover.hdrlnk {color: #000;font-size:14pt;padding-left:14px;background:url(mm/dotg.png) left no-repeat}

a:link.fnews {color: #ff6002;font-size:10pt;padding-left:14px;background:url(mm/doto.png) left no-repeat;font-weight:normal}
a:visited.fnews {color: #ff6002;font-size:10pt;padding-left:14px;background:url(mm/doto.png) left no-repeat;font-weight:normal}
a:hover.fnews {color: #000;font-size:10pt;padding-left:14px;background:url(mm/dotg.png) left no-repeat;font-weight:normal}

a:link.navbottom {font-size:9pt;font-weight:normal;color: #f77913}
a:visited.navbottom {font-size:9pt;font-weight:normal;color: #f77913}
a:hover.navbottom {font-size:9pt;font-weight:normal;color: #f77913}

a:link.footylink {text-decoration: none;color: #333;font-size:9pt;font-weight:normal}
a:visited.footylink {text-decoration: none;color: #333;font-size:9pt;font-weight:normal}
a:hover.footylink {text-decoration: none;color: #ff6001;font-size:9pt;font-weight:normal}

a:link.frontbox {text-decoration: none;color: #fff;font-size:9pt;font-weight:normal}
a:visited.frontbox {text-decoration: none;color: #fff;font-size:9pt;font-weight:normal}
a:hover.frontbox {text-decoration: none;color: #000;font-size:9pt;font-weight:normal}

a:link.nav {color: #fff;font-size: 16pt}
a:visited.nav {color: #fff;font-size: 16pt}
a:hover.nav {color: #000;font-size: 16pt}

a:link.nav2 {color: #fff;font-size: 12pt;font-weight:normal}
a:visited.nav2 {color: #fff;font-size: 12pt;font-weight:normal}
a:hover.nav2 {color: #000;font-size: 12pt;font-weight:normal}

a:link.home {color: #fff;font-weight:normal;font-size: 10pt}
a:visited.home {color:#fff; font-weight:normal;font-size: 10pt}
a:hover.home {color: #000;font-weight:normal;font-size: 10pt}

a:link.navserv {color: #fff;font-weight:normal;font-size: 10pt}
a:visited.navserv {color: #fff;font-weight:normal;font-size: 10pt}
a:hover.navserv {color: #000;font-weight:normal;font-size: 10pt}

a:link.subnav {text-decoration: none;color: #000;font-size:9pt;font-weight:normal}
a:visited.subnav {text-decoration: none;color: #000;font-size:9pt;font-weight:normal}
a:hover.subnav {text-decoration: none;color: #ff6001;font-size:9pt;font-weight:normal}

a:link.newstitle {text-decoration: none;color: #000000;font-size:12pt;font-weight:normal}
a:visited.newstitle {text-decoration: none;color: #000000;font-size:12pt;font-weight:normal}
a:hover.newstitle {text-decoration: none;color: #069e04;font-size:12pt;font-weight:normal}

a:link.head {text-decoration: none;color:#f77913;font-size:12pt;font-weight:bold}
a:visited.head {text-decoration: none;color:#000000 ;font-size:12pt;font-weight:bold}
a:hover.head {text-decoration: none;color:#000000 ;font-size:12pt;font-weight:bold}

/* ============================== */
/* =========  FORM STUFF  ======= */
/* ============================== */

input.norm {font-size:9pt;border:solid 1px black;background:white;color:#333333}
textarea.norm {font-size:9pt;border:solid 1px black;background:white;color:#333333}
select.norm {font-size:9pt;border:solid 1px black;background:white;color:#333333}
input.vital {font-size:9pt;border:solid 1px green;background:white;color:#333333}
.stdbtn {font-size: 8pt;color:#ffffff;background:#51c107}

/* ========================================= */
/* ====  G E N E R A L    S T U F F  ======= */
/* ========================================= */
img
{  border-style: none;
}
.small {font-size: 7.5pt}
b.grey {font-weight:normal;color:#808080;font-family:"Arial Narrow", Arial, Verdana, Helvetica;font-size:16pt}
b.blk {font-weight:normal;color:#000;font-family:"Arial Narrow", Arial, Verdana, Helvetica;font-size:16pt}
p {margin:0}


ul {margin:0 0 0 27px;padding:0}
li {margin:0 0 0 27px;padding:0}

