body {
	font-family: Calibri, Arial, Tahoma;
	font-size: 12px;
	color: #000000;
	background: url(images/burtgrad2.jpg) top left repeat-x;
}


a:link, a:visited, a:active {
	color: #003366;
	text-decoration: none;
}
a:hover {
	color: #336699;
	text-decoration: none;
}
form {
	margin: 0;
}
h1, h2, h3, h4, h5 {
	margin: 5px 0px 5px 0px;
}

#outer {
width: 968px;
height: auto;
margin: 0 auto;
background: #ffffff;
}

#topbar {
width: 100%;
position: relative;
height: 174px;
border-top: 1px solid #e5e4e9;
border-left: 1px solid #e5e4e9;
border-right: 1px solid #e5e4e9;
}
#topbar a img {border: none;}
#logo{
	position: absolute;
	left: 1px;
	top: 0px;
	z-index: 2;
}
#menubar {height: 100px; width: 100%; position: relative; }
#menubuttonholder {width: 100%; height: auto; position: absolute; bottom:0; text-align: center;}
.menubuts {width: 184px; height: 20px; text-align: center; font-size: 16px; font-family: Calibri, Verdana, Arial; font-weight: normal; color:#666; float:left; margin-right: 9px; display: inline; padding: 3px 0;}
a.menubuts, .menubuts a:link, .menubuts a:visited, .menubuts a:active {color:#333;}
a.menubuts a:hover, .menubuts a:hover {color:#036;}

.promobox {
	background:url(images/promobox.gif) top center no-repeat;
	font-family: Calibri, Verdana, Arial;
	color:#666;
	font-size: 11px;
	height: 117px;
	width: 135px;
	text-align: center;
	line-height: 11px;
	padding-top:7px;
	
}
.promoboxtitle {font-size: 14px; font-weight: bold;}
.promobox h4 {margin:0; padding:0;}
.promobox p {margin: 0 3px 0 4px; padding:0;}
#seopromo {
	position: absolute;
	top: 10px;
	left: 500px;
}
#ecommpromo {
	position: absolute;
	top: 10px;
	left: 650px;
}
#conspromo {
	position: absolute;
	top: 10px;
	left: 800px;
}
#optipromo {
	position: absolute;
	top: 127px;
	left:801px;
} 
#marketpromo {
	position: absolute;
	top: 127px;
	left: 650px;
}
#rotate {
	position: absolute;
	top: 5px;
	left: 862px;
	z-index: 3;
}

#tapegun {
	position: absolute;
	width: auto;
	height: auto;
	top: 10px;
	right: 10px;
	z-index: 6;
}
#strapline {
	position: absolute;
	top: 60px;
	left: 137px;
	width: auto;
	height: auto;
	z-index: 6;
	color:#666;
	font-family: Calibri, Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	display: block;
	margin:0;
}

#box1 {
	position: absolute;
	top: 55px;
	left: 358px;
	z-index: 5;
}
#box2 {
	position: absolute;
	top: 55px;
	left: 523px;
	z-index: 4;
}
#box3 {
	position: absolute;
	top: 55px;
	left: 686px;
}
#greybit {
	position: absolute;
	top: 165px;
	left: 169px;
	width: auto;
	height: auto;
}
#tel {
	position: absolute;
	top: 128px;
	left: 499px;
	color: #666;
	font-family: Calibri, Arial, Tahoma;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	z-index: 51;
	width: 143px;
	height: 106px;
}
#grad {
	position: absolute;
	top: 0;
	left: 283px;
	background: url(/templates/simple/images/topgrad.jpg) top left no-repeat;
	width: 300px;
	height: 230px;
	z-index: 5;
}
#grabtext {
	color: #003366;
	font-family: Calibri, Arial, Tahoma;
	font-size: 11px;
	position: absolute;
	left: 411px;
	top: 8px;
	width: 349px;
	height: auto;
	border: 1px solid #999999;
	background: #eae9e6;
	z-index: 12;
	text-transform: uppercase;
}
#grabtext h1 {
	color: #003366;
	font-family: Calibri, Arial, Tahoma;
	font-size: 12px;
	margin:0;
	padding:0;
	}

#searchbox {text-align: left; margin-bottom: 2px; }
#searchbox input {background: #F0F0F0; border: 1px solid ; height: 16px;}
#searchbox button {color: #000066; height: 22px; width: auto; font-size: 12px; font-family: Calibri, Arial, Tahoma; padding: 0; margin: 0;}


#greybar {
background: url(/templates/simple/images/greyfadebar.jpg) top left no-repeat;
height:6px;
}
#midbar {
width: 100%;
background: #ffffff;
height: auto;
}

#leftmenubar {
float: left;
width: 186px;
height: auto;
}
.leftmenubartitle {display: block;color:#999; font-weight: bold; font-size: 14px; text-transform: uppercase;}
.leftmenubartext {color: #999999; font-weight: normal; font-size: 11px}


#rightcontent {
float: left;
height: 100%;
margin-bottom: auto;
width: 600px;
padding: 6px 10px 0 10px;
}

#content {
	font-family: Calibri, Arial, Tahoma;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
		}
#content input, #content textarea, #content select {
background: #F2F2F2;
color: #003366;
}

#content img {
margin: 0 10px 0 10px; clear: both;
}

#content a img { border: 1px solid #ebebeb; background: url(/templates/simple/images/clickto.gif) top center no-repeat; padding-top: 12px;}

#content h2 {
	color: #003366;
	font-family: Calibri, Arial, Tahoma;
	font-size: 14px;
	}

#content h3 {
	color: #003366;
	font-family: Calibri, Arial, Tahoma;
	font-size: 14px;
	margin: 0;
	padding: 0;
	}
	
#content h4 {
	color: #003366;
	font-family: Calibri, Arial, Tahoma;
	font-size: 12px;
	margin: 0;
	padding: 0;
	}	
#content p {
margin-top: 0;
padding-top: 0;
}
	
#pagetitles {
position: relative;
vertical-align: top;
font-family: Calibri, Arial, Tahoma;
font-size: 18px;
color: #006699;
font-weight: bold;
}
#pagetitles h1 {
font-family: Calibri, Arial, Tahoma;
font-size: 18px;
color: #006699;
margin: 0;
padding: 0;
}

#subtitles {
	position: absolute;
	top: -8px;
	left: -10px;
	padding: 0 0 0 2px;
	font-family: Tahoma, Verdana;
	font-size: 12px;
	color: #003399;
	text-transform: uppercase;
	border-top: 1px solid  #cccccc;
	border-left: 1px solid #cccccc;
	width: 438px;
}
#leftcontent {
float: right;
width: 150px;
height: 100%;
text-align: center;
margin-bottom: auto;
color: #333333;
}

.searchform input {
height: 15px;
color: #003366;
font-size: 12px;
}

#newsbox {
width: auto;
	border: 2px solid #CCCCCC;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
height: auto;
padding: 6px;
font-size: 12px;
font-weight: normal;
text-align: left;
line-height: 14px;
}
.newsboxtitles {
background: url(/templates/simple/images/greygrad36.jpg) top left repeat-x;
border: 2px solid  #999999;
width: auto;
color:#666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 1px;
text-transform: uppercase;
text-align: center;
}
#newsbox p {margin:0 0 10px 0;padding: 0; }
#newsbox a {font-weight: bold; display: block; margin: 0; padding: 0;}
ul.menu-top {
margin: 0;
padding: 0;
color: #000000;
list-style-type:none;
}

li .menu-expand { text-decoration: underline;}
.menu-sibling {}
.menu-current  {color: #003366;}
.menu-first {color: #003366; }
.menu-last {color: #003366;  }

#leftmenubar ul {background: none; list-style-type: none; margin: 0; padding: 0; font-size: 12px; text-transform: uppercase; font-weight: bold;}
#leftmenubar ul li {margin-top: 10px; background: url(/templates/simple/images/burtgrad1.jpg) center left repeat-x; border: 2px solid #999; 	-moz-border-radius: 6px;
-webkit-border-radius: 6px; font-size: 14px; text-transform: uppercase; color:#999; padding: 2px;}
#leftmenubar ul li a {color:#666; display: block; background: #e4e4e4;}
#leftmenubar ul li ul {background: none; border: none;}
#leftmenubar ul li ul li {background: none; border: none; padding: 0 0 0 4px; margin: 0;  text-transform:capitalize; font-weight: normal; border-top: 1px solid #CCC;}
#leftmenubar ul li ul li a {background: none; display: block;}
#leftmenubar ul li ul li a:hover {color:#036; background-color: #e4e4e4; }
.menu-child { text-transform: none; background: url(/templates/simple/images/redpoint.gif) top left no-repeat; padding-left: 10px;}
li .menu-current { text-transform: none; background: url(/templates/simple/images/redpoint2.gif) top left no-repeat; padding-left: 10px;}
li .menu-sibling { text-transform: none; background: url(/templates/simple/images/redpoint.gif) top left no-repeat; padding-left: 10px;}

.menu-parent {}

.bigtitle {
font-family: Calibri, Arial, Tahoma;
font-size: 16px;
font-weight: bold;
text-align: center;
}

#footer {background: #ffffff; color: #003366; font-size: 12px; text-align: center; border-top: 1px solid #CCCCCC;}