@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	background-color: #3f4447;	
}

ul, p, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}

.narrowcolumn p {
	margin: 0px 0px 10px 0px;
}

img { 
	border: 0; 
}

a {
	color: #fe7931;
	outline: none;	
}

a:focus {
	outline: none;
}

a:hover {
	color: #ffffff;	
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fe7931;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fe7931;
	font-weight: bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fe7931;
	font-weight: bold;
}

.footNote {
	font-size: 10px;
	font-style: italic;
}

#mainTitle {
	width: 326px;
	height: 59px;
	background-image: url(newimages/mainTitle.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

#container {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#header {
	width: 850px;
	height: 158px;
	float: left;
	background-image: url(newimages/index_01.jpg) ;
	background-repeat: no-repeat;
}

#portfolio #header {
	width: 850px;
	height: 207px;
	float: left;
	background-image: url(newimages/portfolio_01.jpg);
	background-repeat: no-repeat;
}

#about #header {
	width: 850px;
	height: 207px;
	float: left;
	background-image: url(newimages/about_01.jpg);
	background-repeat: no-repeat;
}

#services #header, #links #header {
	width: 850px;
	height: 207px;
	float: left;
	background-image: url(newimages/services_01.jpg);
	background-repeat: no-repeat;
}

#contact #header, #thankyou #header {
	width: 850px;
	height: 207px;
	float: left;
	background-image: url(newimages/contact_01.jpg);
	background-repeat: no-repeat;
}

#blog #header {
	width: 850px;
	height: 207px;
	float: left;
	background-image: url(newimages/blog_01.jpg);
	background-repeat: no-repeat;
}

#index #flashSwish {
	float: right;
	width: 420px;
	height: 130px;
	margin: 10px 57px 0px 0px;
}

#flashSwish {
	float: left;
	width: 425px;
	height: 40px;
	margin: 153px 0px 0px 53px;
}



#contentBottom {
	float: left;
	width: 850px;
	background-image: url(newimages/index_04.jpg);
	background-repeat: repeat-y;
}

#contentTop {
	float: left;
	width: 850px;
	background-image: url(newimages/index_03.jpg);
	background-repeat: no-repeat;
	background-position: top;
	min-height: 294px;
	_height: 294px;
}

#intContentContainer {
	float: left;
	width: 850px;
	background-image: url(newimages/int_03.jpg);
}

#index #contentLeft {
	float: left;
	width: 	525px;
	min-height: 400px;
	height: auto !important;
	_height: 400px;
	margin: 24px 0px 0px 95px;
	_margin: 24px 0px 0px 45px;
}

#contentLeft {
	float: left;
	width: 	656px;
	min-height: 400px;
	height: auto !important;
	_height: 400px;
	margin: 24px 0px 0px 95px;
	_margin: 24px 0px 0px 65px;
}

#main {
	float: left;
	width: 525px;
}

#mainRepeat {
	float: left;
	width: 468px;
	clear: both;
	margin-top: 20px;
}

#contentRight {
	float: right;
	width: 	180px;
	margin: 40px 64px 0px 0px;
	display: none;
}

#wiscoImage {
	float: right;
	width: 227px;
	height: 246px;
	margin: 0px 0px 0px 30px;
}

#whereGo {
	float: left;
	clear: both;
	background-image: url(newimages/whereToGo.jpg);
	background-repeat: no-repeat;
	width: 452px;
	height: 52px;
	margin: 45px 0px 0px 0px;
}

#subNav {
	width: 468px;
	float: left;
	clear: both;
}

#subNav ul {
	padding-left: 83px;	
}

#subNav li {
	list-style: none;
	display: inline;
}

#subNav a {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 20px 0px 20px;
	text-decoration: none;
}

#subNav a:hover {
	color: #fe7931;	
}

#portContainer {
	float: left;
	clear: both;
	width:	656px;
	margin-bottom: 20px;
}

#portText {
	float: left;
	width: 350px;
	padding-top: 15px;
}

#portImage {
	float: right;
	width: 279px;
}

#required {
	width: 312px;
	height: 29px;
	background-image: url(newimages/required.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #fe7931;
	font-weight: bold;
	margin-left: 9px;
}

#index #bottom {
	float: left;
	width: 850px;
	height: 312px;
	background-image:url(newimages/index_05.jpg);
	background-repeat: no-repeat;
}

#bottom {
	float: left;
	width: 850px;
	height: 248px;
	background-image: url(newimages/int_05.jpg);
	background-repeat: no-repeat;
}


#index #footer {
	float: right;
	width: 500px;
	height: 100px;
	margin: 100px 230px 0px 0px;
	text-align: right;
	font-size: 12px;
}

#footer {
	float: right;
	width: 500px;
	height: 100px;
	margin: 100px 101px 0px 0px;
	_margin: 100px 71px 0px 0px;
	text-align: right;
	font-size: 12px;
}

#footer h3 {
	color: #ffffff;
	margin-top: 10px;
}

.footerList {
	margin: 5px 0px 20px 0px;
	color: #fff;
}

.footerList li {
	list-style: none;
	display: inline;
}

.footerList a {
	margin: 0px 5px 0px 5px;	
}

/*Services styles */

.servicesList {
margin: 10px 0px 20px 60px;	
}

.servicesList li {
	list-style: none;
}

.servicesList a {
	background-image: url(newimages/listCheck.jpg);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	height: 23px;
	width: 200px;
	padding: 5px 0px 0px 31px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
}

.servicesList a:hover {
	color: #FE7931;
}

#services h2 {
	font-size: 14px
}

#htmlImage {
	float: right;
	width: 260px;
	height: 200px;
	background-image: url(newimages/servicesHtml.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
}

/* Misc Styles */

input, textarea {
	border: 1px #fe7931 solid; 	
}

.contactSubmit {
	background-image: url(newimages/send.jpg);
	background-repeat: no-repeat;
	width: 100px;
	height: 30px;
	border: none;
	text-indent: -5000px;
	cursor: pointer;
}

.homeList {
	margin: 10px 0px 0px 0px;	
}

.homeList li {
	list-style:none;
	background-image: url(newimages/homeList.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0px 0px 0px 21px;
	line-height: 25px;
}

.homeList a {
	background-image: url(newimages/homeList.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#content div[id] {
	border: 1px #ffffff solid;
	background-image: url(newimages/blogPost.jpg);
	background-repeat: repeat-y;
	background-color: #70787d;
	padding: 0px 10px 10px 10px;
	margin-bottom: 20px;
}

.capPar {
	margin-bottom: 20px;	
}

h2.blogAttention {
	margin: 0 0 10px;
	color: #ffffff;
}