body {
	font: small Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.166;	
	background-color: #c8c8c8;
	margin-top: 5px;
	padding: 0px;
	text-align: center;
	min-width: 752px;
}
a:link, a:visited, a:hover {
	color: #2e4163;
	text-decoration: none;
	font-weight:bold;
}

/* overrides decoration from previous rule for hovered links */
a:hover {
	text-decoration: underline;
}
/* GENERAL FORMATTING */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#003366;
	border-bottom:1px solid #003366;
	/*background-color:#6699aa;*/
	/*padding:3px;*/
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	border-bottom-style: solid;
	border-bottom-color: #2E4163;
	border-bottom-width: 1px;
}
h3 {
	margin:0;
	padding:0;
	padding-bottom:1px;
	padding-top:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 16px;
	padding: 2px;
	color: #ffffff;
	background-color: #2e4163;
	border-left:4px solid red;
	/*position: relative; top:-17px;*/
}
h5{/* same as h2 without underline*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding-bottom:2px;
	margin:0;
}
p{
	margin:0;
	padding:0;
	padding-top:0px;
	padding-bottom:4px;
}
ul{
	margin-left:20px;
	margin-top:3px;
	margin-bottom:3px;
}
/* this wrapper encompasses the whole content area of the site so it can be centred on the page */
#wrapper {
	text-align: left;
	width: 752px;
	padding:0;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	/*border: groove gray 2px;
	background-image: url(../images/elements/middle_bg.gif);*/
	background-repeat: repeat-y;
	/*color: #333333;*/
	
}
/* positioning specified to child elements can use absolute positioning relative to this*/
#header {
	position: relative;	top:0; left:0;
	margin:0;
	padding:0;
	height:162px;
	background-image: url(../images/elements/header.gif);
	background-repeat: no-repeat;
}

#contactBox, #contactBox a:link, #contactBox a:visited{
	color: #2e4163;
	font-size:12px;
}

#contactBox{
	text-align:right;
	position:absolute; top:40px; right:21px;
}
#contactBox ul{
	margin:0;
	padding:0;
}
#contactBox li{
	/*letter-spacing: 1px;	*/
	list-style-type: none;
	line-height: 1.2;
	font-weight: bold;
}

#contactBox a:hover{
	color: #FF6600;
}
#navBar{
	position: absolute; top: 110px; right: 20px;
	text-align:right;
	margin:0;
	padding:0;
}
#navBar ul{
	margin:0;
	padding:0;
}
#navBar li {
	display:inline;
	padding-left: 6px;
}
#navBar a:link, #navBar a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #2e4163;
}
#navBar a:hover{
	color: #FF6600;
}
/*used on the Links page to evenly space the Link name and Link description into columns (sans tables)*/
#linkHolder .left{
	float:left;
	width:250px;
	padding-top:20px;
}
#linkHolder .right{
	margin-left:250px;
	padding-top:20px;

}
/*MAIN AREA*/

/*This div holds all content and sidebars*/
#main {

	padding-top: 10px;
	padding-bottom: 10px;
	/**/
	min-height:400px;
	position: relative;
	top:0;
	left: 0;
	width:100%;
	background-image: url(../images/elements/middle_bg2.gif);
	background-repeat: repeat-y;
}

/* FORMATING FOR 3 COLUMNS */
/* this div encloses all the items in the left column (3 Col layout)*/
#sidebar1{
	width: 176px;
	margin: 0px;
	padding: 3px;
	float:left;
	/*position:absolute; top:0; left:0px;*/
}

/* this div encloses all the items in the right column (3 Col layout)*/
#sidebar2{
	width: 176px;
	margin: 0px;
	padding: 3px;
	/*position: absolute; top:0; right:0px;*/
	float:right;
}
#content3Col{
	padding:3px 0 0 0;
	margin: 0px 190px 0 190px;
}

#content3Col #middleImage, #content3Col #webdesign{
	padding: 5px 0 5px 0;
}
/* FORMATTING FOR 2 COLUMNS */
#content2Col{
	margin: 0 0px 0 20px;
	padding:0;
	width:500px;
}
#sidebar2Col{
	margin: 20px;
	padding: 0;
	width: 190px;
	float:right;
}
/* FORMATTING FOR 1 COLUMN */

#content1Col{
	position:relative; left:0; top:0;  /*used for absolute positioning of content*/
	margin: 0 100px 0 100px;
}

#contactImage{
	float:right;
	margin-right:100px;
}

/* FORMATTING FOR FOOTER */
#footer{
	padding: 6px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	clear:both;
	height:26px;
	background-image: url(../images/elements/footer.gif);
	background-repeat: no-repeat;
}



/* FORMATTING FOR 'FEATURE BOX' CLASS - BLUE HEADER */
.featureBox{
	/*width: 162px;*/
	margin: 0px;
	margin-bottom: 3px;
	padding: 4px;
	border: 1px solid #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
}


.featureBox h1{
	/*position: relative; top:0; left:0;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	padding: 3px;
	color: #ffffff;
	background-color: #2e4163;
	margin:0;
	height: auto;
}

.featureBox h3{
	margin:0;
	padding:0;
	padding-top:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	font-weight: bold;
}


.featureBox ol {
	margin:0;
	padding:0;
	list-style-position:inside;
}
.featureBox ul {
	margin:0;
	margin-left:10px;
	padding-left:5px;
	list-style-position:outside;
}
.featureBox li {
	padding-top:2px;
}

.featureBox b, .featureBox strong{
	color: #444444;
}
.featureBox p{
	margin:0;
	padding:0;
	padding-top:3px;
}
/* used as a wrapper around featureBox class to size free floating popup windows*/
.popBox{
	visibility: hidden;
	position: absolute;/*
	visibility: visible;
	position:static;*/
	margin:0;
	padding:0;
	width:350px;
	background-color: white;
	left: 104px;
	top: 1270px;
	
}
/*remove the lower margin when the featurebox is used as a popbox(just for looks)*/
.popBox .featureBox{
	margin:0;
}
.thinPaleBorder{
	border:solid #666666 1px;
}

/* FORMATTING FOR 'PORTFOLIO ITEM' CLASS - BLUE HEADER */
.portfolioItem{
	/*position:relative; top:0; left:0;*/
	margin: 0px;
	margin-bottom: 3px;
	padding: 4px;
	border: 1px solid #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
}
.portfolioItem img{
	/*position:absolute; top:0; left:0;*/
	float:left;
	margin:0;
	padding:0;
}
.portfolioItem div{
	margin-left:204px;
}
.portfolioItem h1{
	/*position: relative; top:0; left:0;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 3px;
	color: #333333;
	background-color: #cccccc;
	margin:0;
	height: auto;
}

.portfolioItem h3{
	margin:0;
	padding:0;
	padding-top:2px;
	margin-left:1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	font-weight: bold;
}

.portfolioItem b, .portfolioItem strong{
	color: #444444;
}
.portfolioItem p{
	margin:0;
	padding:0;
	margin-left:1px;
	padding-top:3px;
}

.caption{
	font-family: Verdana, sans-serif;
	font-size:9px;
	color:#666666;
}
.leftPad{
	margin-left:120px;
}