body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #302D1E;
    text-align: center;
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
    font-size: 13px;
    color: #D7D3B3;
    line-height: 18px;
}
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #D7D3B3;
    text-decoration: underline;
}
a:hover, a:active {
    color: #fff;
    text-decoration: underline;
}
h1 span, h2 span, h3 span, blockquote span {
    display: none;
}
li {
    list-style: none;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

/* main structural elements * 
------------------------------------------------------------------------------------- */
/* common widths */
#wrapper, #top, #banner, #content, #page-footer, #footer-wrapper, #footer, #blog {
    width: 780px;
}
#wrapper {
    margin: 0 auto;
    background:  url(images/wrapper6.jpg) 0 0 repeat-y;
    text-align: left;
}
#top {
    height: 111px;
    background:  url(images/top5.jpg) 0 0 no-repeat;
}
#top img {
    position: relative;
    top: 0px;
    left: 28px;
}

/* SPRITE NAVIGATION */ 
#menu {
    background:  url(images/menu55.jpg) 0 0 no-repeat;
    width: 780px;		/* Width of entire image */ 
	height: 45px;		/* Height of buttons */
}
#menu span {
    display: none;
}
#menu li, #menu a {
    height: 45px;		/* Each button must have the same height, define it here */ display: block;
}
#menu li {
    float: left;
    list-style: none;
    _display: inline;		/* fixes IE/Win double margin float bug (safe) */
}

/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
/* width - width of each button, they will each most likely be unique */ 
#menu-home 	{ width: 126px; margin-left: 50px; }
#menu-about 	{ width: 128px; }
#menu-services 	{ width: 142px; }
#menu-portfolio { width: 144px; }
#menu-contact 	{ width: 143px; }

/* Changed values should match sum of "width" numbers specified above */ 
#menu-home a:hover, #home #menu-home a:visited 			{ background: transparent url(images/menu55.jpg) -50px -45px no-repeat; }
#menu-about a:hover, #about #menu-about a:visited  		{ background: transparent url(images/menu55.jpg) -177px -45px no-repeat; }
#menu-services a:hover, #services #menu-services a:visited 	{ background: transparent url(images/menu55.jpg) -305px -45px no-repeat; }
#menu-portfolio a:hover, #portfolio #menu-portfolio a:visited 	{ background: transparent url(images/menu55.jpg) -447px -45px no-repeat; }
#menu-contact a:hover, #contact #menu-contact a:visited 	{ background: transparent url(images/menu55.jpg) -591px -45px no-repeat; }

	/* SON OF SUCKERFISH */ 
	#menu li ul {
		position: absolute;
		left: -9999px;
		background-color: #736F4F;			/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	}
	#menu li ul li {
		height: 20px;
	}
	/* Height of each drop down menu item */ #menu li ul li a {
		width: 100%;
		height: 20px;				/* Height of each drop down menu item, should match above */ 
		line-height: 20px;			/* Height of each drop down menu item again, should match above */ 
		background-image: none !important;
	}
	#menu li ul li a span {
		display: block;
		padding-left: 5px;
	}
	#menu li:hover ul, #menu li.sfhover ul {
		left: auto;
	}
	/* Drop down link styles */ 
	#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
	}
	/* Hover styles for drop down items */ 
	#menu-services ul a:hover {
		background-image: none;
		background-color: #8A8669 !important;
	}
	/* width of drop down menu - choose width that allows items to display on one line */ 
	#menu-services ul, #menu-services li {
		width: 142px;
		background: none;
	}

#banner {
    height: 157px;
    background:  url(images/banner5.jpg) 0 0 no-repeat;
}

#banner2 {
    height: 157px;
    background:  url(images/banner_swan.jpg) 0 0 no-repeat;
}
#banner3 {
    height: 157px;
    background:  url(images/banner_bird.jpg) 0 0 no-repeat;
}

#main {
    width: 550px;
    float: left;
}
	#main p, #main h2, #main h3, #main ul, #main ol, #main dl, #main form, #main blockquote, #portfolio-thumbnails, .featured {
		margin: 0 19px 10px 53px;
	}
	#main li {
		color: #8A8669;
		padding-left: 15px;
		background: url(../images/arrow-more.jpg) 0 3px no-repeat;
	}
	#main h2 {
		font-size: 22px;
		line-height: 26px;
		color: #fff;
		padding: 25px 0 3px 0;
		border-bottom: 1px solid #366;
	}
	#main h3 {
		font-size: 16px;
		line-height: 20px;
		color: #fff;
		padding: 15px 0 3px 0;
		border-bottom: 1px solid #366;
	}
	
	#main dl {
		background: #F7F7F7;
	}
	#main dt {
		font-weight: bold;
		padding: 10px 10px 5px 10px;
	}
	#main dd {
		padding: 0 10px 10px 10px;
		background: url(../images/dot.gif) bottom left repeat-x;
		color: #B7B49C;
	}
	#main dt.first {
		background: url(../images/dot.gif) 0 0 repeat-x;
	}
	
	#main blockquote {
		background: #F3F2E6 url(../images/quote.gif) 10px 10px no-repeat;
		border-top: 1px solid #D8D4AE;
		border-bottom: 1px solid #D8D4AE;
		margin-top: 15px;
		margin-bottom: 15px;
		padding: 20px 20px 20px 35px;
	}
		#main blockquote p {
			margin: 0 !important;
			color: #827E5F;
		}
		
.featured {
    font-size: 11px;
}
	.featured a {
		display: block;
		width: 474px;
		height: 84px;
	}
	.featured a span { display: none; }
	
	a#featured1 		{ background:  url(images/feature9.jpg) 0 0 no-repeat; }
	a#featured1:hover 	{ background:  url(images/feature9.jpg) 0 -84px no-repeat; }
	a#featured2 		{ background:  url(images/feature8.jpg) 0 0 no-repeat; }
	a#featured2:hover 	{ background:  url(images/feature8.jpg) 0 -84px no-repeat; }
	a#featured3 		{ background:  url(images/feature7.jpg) 0 0 no-repeat; }
	a#featured3:hover 	{ background:  url(images/feature7.jpg) 0 -84px no-repeat; }
	a#featured4 		{ background:  url(images/feature9b.jpg) 0 0 no-repeat; }
	a#featured4:hover 	{ background:  url(images/feature9b.jpg) 0 -84px no-repeat; }
	a#featured5 		{ background:  url(images/feature_usa.jpg) 0 0 no-repeat; }
	a#featured5:hover 	{ background:  url(images/feature_usa.jpg) 0 -84px no-repeat; }
	a#featured6 		{ background:  url(images/feature_health.jpg) 0 0 no-repeat; }
	a#featured6:hover 	{ background:  url(images/feature_health.jpg) 0 -84px no-repeat; }
	a#featured7 		{ background:  url(images/feature_mpla.jpg) 0 0 no-repeat; }
	a#featured7:hover 	{ background:  url(images/feature_mpla.jpg) 0 -84px no-repeat; }
	a#featured_climb 	{ background:  url(images/feature_climb.jpg) 0 0 no-repeat; }
	a#featured_climb:hover 	{ background:  url(images/feature_climb.jpg) 0 -84px no-repeat; }
	
	.featured span {
		float: right;
		color: #B7B49C;
	}

#side {
    width: 230px;
    float: right;
}
	#side p, #side h2, #side dt, #side dd, #side {
		font-size: 11px;
		color: #D8D4AE;
		font-weight: normal;
	}
	#side p, #side h2, #side dl, #side ul, #side form {
		margin: 0 45px 10px 16px;
	}
	#side h2 {
		color: #FFFFFF;
	}
	#side li {
		font-size: 12px;
		color: #FFFFFF;
		background: url(../images/bullet.gif) 0 5px no-repeat;
		padding-left: 12px;
	}
	
	#side a:link, #side a:visited {
		color: #D8D4AE;
		text-decoration: underline;
	}
	#side a:hover, #side a:active {
		color: #EFEFEF;
		text-decoration: underline;
	}
	

#web_eval {
	width: 230px;
	height: 108px;
	background: transparent url(images/rt_head53.jpg) no-repeat;
}
#web_eval p {
	font: normal 16px "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	padding: 45px 0 0 10px;
	color: #003333;
	line-height: 15px;
}
#web_eval p b { font: bold 16px "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; }


#web_eval a:link, #web_eval a:visited {
	text-decoration: underline;
	color: #003333;
}

#web_eval a:hover, #web_eval a:active {
	text-decoration: underline;
	color: #0066CC;
}


/* footer *
 ------------------------------------------------------------------------------------- */
#page-footer {
    background:  url(images/master_footer.jpg) left top no-repeat;
    height: 94px;
    clear: both;
}
	#footer-wrapper {
		background:  url(images/master_footerbg2.jpg) 0 0 repeat-y;
	}
	#footer {
		padding: 6px 0 30px 0;
		background:  url(images/master_footerbot.jpg) left bottom no-repeat;
	}
	
	#footer-text {
		float: left;
		width: 450px;
		margin-top: 15px;
		font-size: 12px;
		color: #FFFFFF;
	}
	
		#footer p {
			color: #828282;
			font-size: 11px;
			margin: 0 40px 7px 40px;
		}	
		#footer a:link, #footer a:visited {
			color: #828282;
			text-decoration: none;
		}
		#footer a:hover, #footer a:active {
			color: #B8B7B7;
			text-decoration: none;
		}
	
	#footer img {
		float: left;
		margin-top: 15px;
		margin-left: 55px;
		margin-right: 20px;
	}
	
	.footer-links {
		text-align: center;
		font-weight: bold;
		color: #827E60;
	}
	
#blog {
    background: #302D1E;
    padding: 10px 0 10px 0;
}
	#blog img {
		float: left;
		margin-left: 25px;
		margin-right: 30px;
	}
	#blog-text {
		float: left;
		width: 450px;
		margin-top: 15px;
		font-size: 12px;
		color: #FFFFFF;
	}
	#blog a:link, #blog a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	#blog a:hover, #blog a:active {
		color: #EFEFEF;
		text-decoration: none;
	}

/* headers (image replacement) * 
------------------------------------------------------------------------------------- */

.sub h1 {
    width: 780px;
    height: 66px;
}
	#about h1 	{ background:  url(images/about4.jpg) 0 0 no-repeat; }
	#services h1 	{ background:  url(images/services.jpg) 0 0 no-repeat; }
	#portfolio h1 	{ background:  url(images/portfolio2.jpg) 0 0 no-repeat; }
	#contact h1 	{ background:  url(images/contact.jpg) 0 0 no-repeat; }
	#webeval h1 	{ background:  url(images/website_evaluation.jpg) 0 0 no-repeat; }
	#thanks h1 	{ background:  url(images/thank_you.jpg) 0 0 no-repeat; }

#side h1 {
    width: 230px;
    height: 59px;
}
	#header-side-contact 	{ background:  url(images/rt_head6.jpg) 0 0 no-repeat !important;}
	#header-side-contact2 	{ background:  url(images/rt_head52.jpg) 0 0 no-repeat !important; }
	#header-side-contact3 	{ background:  url(images/rt_head9.jpg) 0 0 no-repeat !important; }
	
	
#side h3 {
    width: 230px;
    height: 108px;
}
	#header-side-contact2 	{ background:  url(images/rt_head52.jpg) 0 0 no-repeat !important;}
	
	
	/* PORTFOLIO SECTION * 
------------------------------------------------------------------------------------- */ 


/*
#portfolio-thumbnails {
	width: 270px;
	float: right;
	padding-left: 15px;
	margin: 30px 0 0 10px;
	background: url(../images/dot.gif) 0 0 repeat-y;
}
*/
	#portfolio-thumbnails {
		color: #B7B49C;
	}
	
	#portfolio-thumbnails a {
		float: left;
		display: block;
		width: 220px;
		height: 85px;
		margin-right: 10px;
	}
	#portfolio-thumbnails a span { display: none; }
	
	a#thumb-vpsecurities-1 				{ background:  url("../images/portfolio/vpsecurities/thumb/1.jpg") 0 0 no-repeat; }
	a#thumb-vpsecurities-1:hover 		{ background:  url("../images/portfolio/vpsecurities/thumb/1.jpg") 0 -85px no-repeat; }
	a#thumb-vpsecurities-2 				{ background:  url("../images/portfolio/vpsecurities/thumb/2.jpg") 0 0 no-repeat; }
	a#thumb-vpsecurities-2:hover 		{ background:  url("../images/portfolio/vpsecurities/thumb/2.jpg") 0 -85px no-repeat; }
	
	a#thumb-nottsforest-1 				{ background:  url("../images/portfolio/nottsforest/thumb/1.jpg") 0 0 no-repeat; }
	a#thumb-nottsforest-1:hover 		{ background:  url("../images/portfolio/nottsforest/thumb/1.jpg") 0 -85px no-repeat; }
	
	a#thumb-mortgagesigners-1 			{ background:  url("../images/portfolio/mortgagesigners/thumb/1.jpg") 0 0 no-repeat; }
	a#thumb-mortgagesigners-1:hover 	{ background:  url("../images/portfolio/mortgagesigners/thumb/1.jpg") 0 -85px no-repeat; }
	
	a#thumb-somasandiego-1 				{ background:  url("../images/portfolio/somasandiego/thumb/1.jpg") 0 0 no-repeat; }
	a#thumb-somasandiego-1:hover 		{ background:  url("../images/portfolio/somasandiego/thumb/1.jpg") 0 -85px no-repeat; }
	
	a#thumb-acclaimedpunk-1 			{ background:  url("../images/portfolio/acclaimedpunk/thumb/1.jpg") 0 0 no-repeat; }
	a#thumb-acclaimedpunk-1:hover 		{ background:  url("../images/portfolio/acclaimedpunk/thumb/1.jpg") 0 -85px no-repeat; }


/* misc layout elements * 
------------------------------------------------------------------------------------- */ 
input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #DDD8C2;
} 


.quickcontact {
	width: 150px;
}

.quickcontact2 {
	width: 350px;
}

.more {
	padding-left: 15px;
	background: url(../images/arrow-more.jpg) 0 3px no-repeat;
}

.detail {
	color: #B7B49C;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash #main h2 {
	visibility: hidden;
	letter-spacing: -9px;
}

.sIFR-hasFlash #main h3 {
	visibility: hidden;
	letter-spacing: -6px;
}

.sIFR-hasFlash #main h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}



-------------------------------------

#middle { padding:15px, 0 0 15px; }



#lColPortfolio { float:left; width:480px; margin:0 0 0 50px;}
#rColPortfolio { float:right; width:240px; margin:50px 0 0 0;}


.screenshot { border:2px solid #C3BEAA; display:block; float:left; } 
.screenshot img { border:2px solid #fff; }
.screenshotEnd { background: url(CSS_TRICKS/greyshadow.gif) repeat-x; padding:5px 0; width:442px; clear:both;  }

#rColPortfolio a { text-decoration: none; }

#launch { display:block; text-indent: -9000px; overflow:hidden; width:240px; height:25px; margin:0 0 20px 0; text-decoration:none;  background: url(../img/launchButton.gif);   }
#launch:HOVER { background-position:0 -25px; }

#contact { display:block; text-indent: -9000px; overflow:hidden; width:240px; height:25px; margin:0 0 20px 0; text-decoration:none;  background: url(../img/contactButton.gif);   }
#contact:HOVER { background-position:0 -25px; }

#commentBlog { display:block; text-indent: -9000px; overflow:hidden; width:240px; height:25px; margin:20px 0 0 0; text-decoration:none;  background: url(../img/commentButton.gif);   }
#commentBlog:HOVER { background-position:0 -25px; }

/* services */
.serviceThumb { float:left;  }

.serviceThumbPic { display:block; border:2px solid #DCDEDF; margin:0 15px 0 0; }
.serviceThumbPic img { border:2px solid #FFF; }
.serviceThumbPic:HOVER {	border:2px solid #A9ABAE; }

.serviceText { float:left; width:500px; }

.serviceThumbEnd { background: url(greyshadow.gif) repeat-x; padding:5px 0; width:202px; }
/* services */

/* portfolio */
.portitem { float:left;  width:202px; margin:0 40px 0px 0; }
#middle .portitem p { padding:0 0 5px 0; }
.end { margin:0 0 10px 0; }
.portitemThumbPic { display:block; border:2px solid #DCDEDF; }
.portitemThumbPic img { border:2px solid #FFF; }
.portitemThumbPic:HOVER {	border:2px solid #A9ABAE; }

.portitemText h3 { margin:0; padding:0; }

.portitemThumbEnd { background: url(CSS_TRICKS/greyshadow.gif) repeat-x; height:15px; width:202px; margin:0; }
.portclear { height:10px; margin:10px 0; border-top:1px dotted #0066FF; }
/* portfolio */

#infowrap { position: relative; height:202px; background: url(CSS_TRICKS/moreImages.gif) no-repeat 100% 100%; }
.info_more { position: absolute; visibility: hidden; }


#middle p { padding:0 0 15px 0; line-height:1.6em; }
#middle p.portintro { padding:0 0 10px 0; }

#lColPortfolio a { text-decoration: none;  }
#lColPortfolio *:HOVER a { text-decoration: underline;  }

#middle ins {
	text-decoration: none; background-color: #F0E7E7;
}

#rColPortfolio p { line-height:22px; background: url(../img/dottedBg.gif); padding:0 4px; margin:0 0 20px 0; font-size:0.9em; color:#60646A; }
#rColPortfolio h4 { line-height:22px; background: url(../img/dottedBg.gif); padding:0 4px; margin:0; font-size:1em; color:#60646A; }

#middle #intro { background:#F9F6F6; border:1px solid #DCDEDF; padding:5px 10px;  font-size:1.1em; width:420px; margin:0 0 10px 0; }
#middle #intro em { background:#F9F6F6; color:#333; font-weight: bold; }

#middle acronym, #middle abbr { border-bottom:1px dotted #666699; }
#middle em, #homeend em { font-style: normal; background-color:#FFFF99; color:#333; }

#middle ul { margin:0 0 10px 18px; }
#middle ul li ul { margin:6px 0 14px 18px; }
#middle ul li { margin:0 0 6px 0;  }
#lColPortfolio ul li { list-style-image: url(../img/bullet.gif); }

#middle ol { margin:0 0 10px 25px; }
#middle ol li { margin:0 0 4px 0; }

#middle ul.numberTabs { margin:0; padding:0; list-style:none;  float:left; }
#lColPortfolio ul.numberTabs li { margin:0; padding:0;  list-style-image: url(trans.gif);   }
#moreImages img { float:left; }
#middle ul.numberTabs li a { display:block; width:21px; height:26px; line-height:26px; text-align:center; text-decoration:none; color:#60646A; background: url(CSS_TRICKS/numberTabs2.gif) no-repeat 0 -26px;   }
#middle ul.numberTabs li a:hover { background-position: 0 -52px; color:#A9ABAE;  }
#middle ul.numberTabs li a.on { background-position: 0 0;   }
#middle ul.numberTabs li a.on:hover { background-position: 0 0;  color:#A9ABAE;  }


#middle dl { margin:0 0 25px 0; }
#middle dt { font-weight: bold; font-size:1.2em; }
#middle dd { margin:0 0 10px 0; }

#middle blockquote { margin:0 0 10px 0; padding:10px 20px; border-left:2px solid #DEDEDE; }

#middle .ext { background: url(../img/ext.gif) no-repeat  0 2px; padding:0 0 0 16px;  }
#middle .ext:HOVER { background-image: url(../img/extR.gif) ; }