body {
	background:url(../images/content/siteBack.png) repeat-x #FAFAFA;;
	font-family: arial;
	font: 62.5% arial, Helvetica, sans-serif; /*creates a 10px base which allows all subsequent font sizes to be easily calculated*/
}


/* heading tags */

h1 {
	font-size: 2.4em;
	color: #0078BB;
	margin: 0 0 10px 5px;
	font-weight: normal;
}

h1 a {
	color: #0078BB;
}
h2 { margin-bottom:10px}



h3 {
	font-size: 1.4em;
	font-weight: normal;

}

/* generic styles */

.clearFloat {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
	visibility: hidden;
}

.noMargin {margin: 0!important;}

.marginTop20 {
	margin-top: 20px;
}
.marginBottom10, .marginBottom {margin-bottom: 10px;}
.marginBottom40 {margin-bottom: 40px;}

.horizList li {
	float: left;
	background-image: none;
	padding-left: 0;
	margin: 0;
	}

.horizList li a {
	float: left;
	display: block;
	}	

strong {font-weight: 700;}

/* text */

p {
	font-size: 1.2em;
	margin-bottom: 16px;
	color: #666;
}

p.introText {
	font-size: 1.2em;
	padding-top: 8px;
}

p.small {
	font-size: 1em;
	color: #9B9B9B;
}

a {text-decoration: none;}
a:hover {text-decoration: underline;}


/* page structure */

#uberContainer {
	 width:1001px; margin:0 auto; 
}
#topBar { background: url(../images/template/headerBack.png) repeat-x; height:145px;}
#topBar #innerTop {width:1001px; margin:0 auto; padding:0;}


#header {
	/*width: 995px;*/
	width: 100%;
	min-width: 995px;
}
#contentTop { width:990px; background-position: 0 39px; background-image:url(../images/template/topContent.jpg); background-repeat:no-repeat; height:61px; margin-top:20px;}
#contentBottom {width:990px; background:url(../images/template/bottomContent.png) 0 0; height:25px;}
#content {
	background: url(../images/template/middleContent.png) 0 28px repeat-y;
	width: 99%;
	min-width: 995px;
}

#leftCol {
	float: left;
	display: inline;
	margin: 0 16px 0 20px;
	padding-right:25px;
	width: 600px;  border-right:dotted 1px #ececec;
}



#rightCol {
	float: right;
	text-align:left;
	display: inline;
	margin: 0 10px 0 0px;
	width: 285px; padding:10px 10px 0 10px; font-size:1.1em;
}


/* footer */

#footer {
	width: 100%;;
	clear: both;
	text-align: left;
	margin: 25px 0;
	position: relative; padding:10px 10px;
}
#footer ul { float:left; width:250px; font-size:1.1em; ma}
#footer ul li { margin-bottom:5px;}
#footer ul li h3 { font-size:1.1em; text-decoration:underline; margin-bottom:3px;}


/* menu */
ul#menu { padding-left:50px; height:40px;}
ul#menu li { display:inline; float:left; margin:0 3px; }
ul#menu li a { text-indent:-9999px }
ul#menu li#home a:hover, ul#menu li#home a.current { background-position:0 0}
ul#menu li#home a { display:block; background:url(../images/template/home-menu.jpg) 0 -50px no-repeat; width:225px; height:40px; }

ul#menu li#blog a:hover, ul#menu li#blog a.current  { background-position:0 0}
ul#menu li#blog a { display:block; background:url(../images/template/blog-menu.jpg) 0 -50px no-repeat; width:56px; height:40px; }

ul#menu li#contact a:hover, ul#menu li#contact a.current  { background-position:0 0}
ul#menu li#contact a { display:block; background:url(../images/template/contact-menu.jpg) 0 -50px no-repeat; width:74px; height:40px; }

/* logo */
#topBar #innerTop h1#logo { margin:30px 0 0 18px; padding:0; text-align:left }
#topBar #innerTop h1#logo a { display:block;height:35px; width:255px; background:url(../images/template/wirebox_Logo.png); text-indent:-9999px; }
#topBar #innerTop p.strapline{ font-size:2.1em;font-family:Candara,Helvetica, Arial,sans-serif; font-weight:bold;  color:#FFFFFF; float:left; margin:10px 0 0 0;padding-left:20px}

/* posts */

#leftCol .post h1 { color:#000000;text-align:left;font-size:1.7em;font-family:Rockwell,Helvetica, Arial,sans-serif; text-transform:uppercase;  margin:10px 0; text-align:left;}
.post h1 a {color:#00AEEF}
.post h1 a:hover { text-decoration:underline; color:#00AEEF}
.post p { font-size:1em;}

/* right col*/
#leftCol h1 { color:#FF0099;text-align:left;font-size:2em;font-family:Rockwell,Helvetica, Arial,sans-serif; text-transform:uppercase;  margin:10px 0; text-align:left;}
#leftCol h2 {font-size:1.4em;font-family:Rockwell,Helvetica, Arial,sans-serif; text-transform:uppercase; color:#000000; margin:10px 0  }

/* left col*/
#rightCol h2 {font-size:1.4em;font-family:Rockwell,Helvetica, Arial,sans-serif; text-transform:uppercase; color:#000000; margin:10px 0}
#rightCol ul#archives { margin-bottom:20px;}
#rightCol ul#archives li { margin:5px 0;}
#rightCol ul#archives a { font-size:1.2em; color:#0066CC}
#rightCol #address { text-transform:uppercase; }
#rightCol #address  img { border:5px solid #000}

/*search form*/
#rightCol #searchform { position:absolute; top:0; right:0;}
#rightCol #searchform div input#s{ float:left; height:12px; margin-top:2px;}
#rightCol #searchform input#searchsubmit { margin-left:2px; border:none; background:#000000; color:#FFFFFF; font-weight:700; font-size:.7em; text-transform:uppercase; padding:4px;}
#rightCol #searchform input#searchsubmit:hover { background:#FFFFFF; color:#000000;}
#rightCol  p { font-size:.8em; text-transform:uppercase}

/*navigation */
.navigation .alignleft a, .navigation .alignright a { display:block;padding:3px 5px; background:#000; font-weight:700; color:#fff; width:80%;}
.navigation .alignleft a { text-align:left; padding-left:25px; background:url(../images/buttons/btnLeft.gif) no-repeat 0px 3px #000}
.navigation .alignright a { text-align:right; padding-right:25px;background:url(../images/buttons/btnRight.gif) no-repeat right 3px #000;}