/* ================== */
/* = Default Styles = */
/* ================== */
body{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:1em;
	color:#282828;
	background:#00508B url('../_img/background-repeat-y.png') repeat-y center 0;
}
h1{
	color: #2B2B2B;
}
a{
	color:#BE3535;
}
a:hover{
	color:#FFF;
}
p{
	margin:20px 0;
	line-height:1.5em;
}

/* =============== */
/* = Quick Links = */
/* =============== */
#quickLinks{
	font: "MS Trebuchet", Verdana, sans-serif;
	position:absolute;
	top:-79px;
	right:40px;
	width:158px;
	z-index:100;
}
#quickLinks ul{
	text-align:center;
	background-color:#F7F0C8;
}
#quickLinks ul li{
	border-bottom:1px solid #787662;
}
#quickLinks ul li a{
	display:block;
	height:25px;
	line-height:25px;
	font-size:0.8em;
	font-weight:bold;
	color:#2C2C2C;
	text-decoration:none;
}

#quickLinks ul li a:hover{
	color:#333;
	background-color:#DBC38B;
}
#quickLinksButton{
	display:block;
	text-align:center;
	height:25px;
	color:#F0F00F;
	text-indent:-9999px;
	background: url('../_img/quick-links.png') no-repeat 0 0;
	z-index:101;
}

/* ======== */
/* = Main = */
/* ======== */
#container{
	background: #00508B url('../_img/background.png') no-repeat center -300px;
	margin:0 auto;
	height:auto;
	min-width:1002px;
}
/* ========== */
/* = Header = */
/* ========== */
#header-container{
	overflow:visible;
	background:url('../_img/header-background-repeat-x.png') repeat-x 0 0;
	height:105px;
}
#header-background{
	background:url('../_img/header-background.png') no-repeat center 0px;
	border-bottom:1px solid #FEF8CF;
	height:104px;
}
#header{
	height:94px;
	width:1000px;
	margin:0 auto;
	padding:10px 0 0 0;
}
#header h1.logo{
	float:left;
	text-decoration:none;
	margin:0;
	border:0;
	padding:0;
	width:150px;
	height:90px;
	background:url('../_img/logo.png') no-repeat 0 0;
}
#header h1.logo a{
	display:block;
	height:90px;
	text-indent:-9999px;
}
#header h2.tagline{
	float:right;
	text-decoration:none;
	margin:67px 0 0 0;
	border:0;
	padding:0;
	width:500px;
	height:23px;
	background:url('../_img/tagline.png') no-repeat 0 0;
}
#header h2.tagline span{
	display:none;
	height:23px;
	/* text-indent:-9999px; */
}
#sliding-graphic-container{
	/*display:none;*/
	background-color:#fff;
	border-top:5px solid #DBC38B;
	height:300px;
}
#sliding-graphic{
	background:url('../_img/sliding-graphic.png') no-repeat 0 0;
	margin:0 auto;
	height:300px;
	width:1000px;
	text-indent:-9999px;
}
#sliding-graphic-content a{
	display: block;
	width: 148px;
	height: 58px;
	float: right;
	margin: 220px 142px 0 0;
}
#header-content-border{
	border-top:5px solid #DBC38B;
	background-color:#333;
	border-bottom:1px solid #FFF;
	height:5px;
}
/* ======== */
/* = Menu = */
/* ======== */
#menu{
	margin:0 auto;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	width:1000px;
	background-color:#EAE2BC;
	overflow:visible;
}
div#thenipple{
	display: block;
	height: 13px;
	width: 1000px;
	background: #FFF url('../_img/menu-nipple.png') no-repeat 100px 0px;
}
#menu ul.menu{

}
#menu ul.menu li{
	float:left;
	background:#333 url('../_img/menu-border-right.png') no-repeat right -1px;
	width:200px;
}
#menu ul.menu li a{
	display:block;
	background:url('../_img/menu-background-repeat-x.png') repeat-x 0 0;
	padding-left:20px;
	width:179px;
	height:35px;
	line-height:35px;
}
#menu ul.menu li a:hover, #menu ul.menu li.current-page a{
	background-image: none;
	background-color: #D9C48C;
}
#menu ul.menu li a img.menu-icon{
	position:relative;
	top:-8px;
}
#menu ul.menu li div{
	/*display:none;*/
	height:80px;
	padding:5px 15px;
	color:#FFF;
	font-size:.73em;
	line-height:1.35em;
	overflow:hidden;
}

/* ======== */
/* = Body = */
/* ======== */
#content-container{
	background-color:#FFF;
	margin:0 auto;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	padding:25px 15px;
	width:970px;
	min-height:400px;
	height:auto !important;
	height:400px;
	overflow: auto;
}
#content-container a {
	color: #00508B;
}
#content-container a:hover {
	text-decoration: none;
}
#content-container p{
	font-size:.82em;
}
#content{
	float:left;
	width:565px;/*
		border:1px solid green;*/
}
input#s{
	font-size: .9375em;
	padding: 8px;
	width: 188px;
	border: 1px solid #CCC;
	margin-bottom: 15px;
}
div.skinnyContent#content {
	float:left;
	width: 445px;
}

h1 {
	font-size: 38px;
	color: #00508B;
	border-bottom: 1px dotted #000;
	padding:0 0 6px 0;
}

h2 {
	font-size: 30px;
	color: #00508B;
	padding:0 0 0 0;
}

#content div.divider {
	border-bottom: 1px dotted #000;
	height: 1px;
	margin-bottom: 30px;
	clear: both;
}

#content p, #skinnyContent p{
	font-size:.82em;
}

#sidebar-container{
	float:right;
}

.sidebar{
	background-color:#D9C48C;
	padding:4px 10px 10px 10px;
	width:325px;
	height:auto;
	margin: 0 0 20px 0;
}

.sidebar-wide{
	background-color:#D9C48C;
	padding:4px 10px 10px 10px;
	width:445px;
	height:auto;
	margin: 0 0 20px 0;
}

.sidebar img {
	clear: left;
}

.sidebar h3 {
	font-size: 22px;
	color: #00508B;
}

.sidebar.services h3.altcolor {
	color: #333;
}

.sidebar.services ul {
	padding-top: 0.5em;
}

#content-container .sidebar.services p {
	line-height: 1.5em;
	font-size: 12px;
	margin: 5px 0 28px 0;
}

.blogified {
	width: 225px;
}
div.blogified div.sidebar-header h2 {
	padding-top: 10px;
}
div.blogified#content{
	width: 665px;
}
.sidebar-header h2#featured-work{
	float:left;
	text-decoration:none;
	margin:0;
	border:0;
	padding:0;
	width:150px;
	height:30px;
	background:url('../_img/featured-work-h1.png') no-repeat 8px 10px;
	text-indent:-9999px;
}
.sidebar-header a{
	float:right;
	font-size:.75em;
	color:#00508B;
	line-height:36px;
}
#slider{
	position:relative;
}
div.scrollContainer {
	width: 2655px;
}
.scroll{
	background-color:#F5EDC6;
	height:280px;
	overflow:auto;
	overflow-x:hidden;
}
#scroll-left, #scroll-right{
	display:none;
	position:absolute;
	/* padding:0 6px 0 6px; */
	top:0;
	height: 15px;
	padding: 132px 6px 133px 6px;
	/* height:280px;
	line-height:280px; */
	width:15px;
	background-color:#000;
	opacity: 0.55;
	-moz-opacity: 0.55;
	filter:alpha(opacity=55);
}
#scroll-left{
	left:0;
}
#scroll-right{
	right:0;
}
/* ========== */
/* = Footer = */
/* ========== */
#content-footer-border{
	border-top:1px solid #FFF;
	background-color:#DBC38B;
	border-bottom:1px solid #FFF;
	height:5px;
}
#footer-container{
	background:#333 url('../_img/footer-background-repeat-x.png') repeat-x 0 0;
	height:250px;
}
#footer{
	margin:0 auto;
	width:1000px;
	height:250px;
	font-weight: bold;
}
#footer h3{
	color:#DBC38B;
	margin:5px 0;
}
#footer p, #footer address{
	color:#fff;
	margin:0 0 20px 0;
	font-size:.75em;
	font-style: normal;
}
#footer a{
	color:#fff;
	text-decoration: none;
}
#footer a:hover{
	color:#CCC;
	text-decoration: underline;
}
#footer h2.contact{
	float:left;
	margin:20px 0 0 0;
	background:url('../_img/footer-contact.png') no-repeat 0 0;
	width:40px;
	height:198px;
	text-indent:-9999px;
}
#footer-left{
	width:255px;
}

#footerSocialNetworks {
	display: block;
	width: 32px;
	float: right;
	padding: 70px 25px 0 0;
}

#footerSocialNetworks li {
	display: block;
	width: 32px;
	height: 32px;
	padding-top: 20px;
}

#footerSocialNetworks li a {
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}

#footerSocialNetworks li#findUsOnFacebook a { background-image: url(../_img/footer-facebook.png); }
#footerSocialNetworks li#findUsOnTwitter a { background-image: url(../_img/footer-twitter.png); }

#footer-center{
	width:365px;
}
#footer-center-inner{
	background:url('../_img/footer-center-inner-background.png') no-repeat 0 0;
	width:246px;
	height:152px;
	padding:15px 20px;
}
#footer-center-inner a.view-blog{
	float:right;
	color:#00508B;
	font-size:.75em;
}
#footer-center-inner a:hover.view-blog{
	text-decoration:none;
}
.footer-feed-item{
	border-bottom:1px solid #7F7F7F;
}
.footer-feed-item h4{
	margin:12px 0 0 0 !important;
	color:#00508B !important;
	line-height: 1.1em;
}
.footer-feed-item p{
	margin:6px 0 !important;
	font-size:.7em !important;
	color:#333 !important;
	line-height:1.1em !important;
}
.footer-feed-item a{
	color:#00508B !important;
}
.footer-feed-item a:hover{
	text-decoration: none;
}
#footer-right{
	width:205px;
}
#footer-right input.email{
	display:block;
	margin:0 0 15px 0;
	padding:8px;
	font-size:0.9375em;
	width:189px;
	height:14px;
}
#footer-right input.submit{
	float:right;
	background:url('../_img/footer-email-submit.png') no-repeat 0 0;
	width:50px;
	height:32px;
	border:0;
	text-indent:-9999px;
}
#footer-left, #footer-center, #footer-right{
	float:left;
	border-left:1px solid #989480;
	margin:20px 0 0 5px;
	padding:0 0 0 25px;
}
/* =========== */
/* = Classes = */
/* =========== */
.clear{
	clear:both;
	height:0;
}

/* ======================= */
/* = Recent Work Sidebar = */
/* ======================= */
.scrollContainer div.panel{
	background-color:#F5EDC6;
	padding: 20px 10px 20px 10px;
	width:240px;
	height:240px;
	text-align:center;
	font-size:.75em;
	font-weight:800;
	color:#282828;
}
.scrollContainer div.panel img{
	display:block;
	margin-bottom:5px;
}
.scrollContainer div.panel a{
	font-size:1em;
	color:#00508B;
}
#recent1{
	padding-left:45px;
}

/* =================== */
/* = Tim's additions = */
/* =================== */
.clear {
	clear: both;
	height: 0px;
}
.sidebar-content{
	background-color:#FEF8CF;
	padding: 20px 10px 20px 10px;
	margin-top: 3px;
/*	width:305px; */
	font-size:.75em;
	font-weight:800;
	color:#282828;
}
.sidebar-content div.column {
	float: left;
	width: 146px;
	padding-right: 6px;
}
.sidebar-content ul li{
	padding: 0 0 0 18px;
	background: url('../_img/sidebar-bullet.png') no-repeat 0px 5px;
	line-height: 1.5em;
}
.sidebar-content a {
	color: #00508B;
}
.sidebar-content a:hover {
	text-decoration: none;
}
.sidebar-header {
	overflow: auto;
	width: 100%;
}
.sidebar-header img{
	float: left;
}
.sidebar-header h2{
	color: #333;
	font-size: 22px;
	float:left;
	text-decoration:none;
	margin:0;
	border:0;
	height:33px;
	padding: 7px 0 0 3px;
}
.sidebar-content p#facebook-link, .sidebar-content p#twitter-link, .sidebar-content p#myspace-link, .sidebar-content p#linkedin-link {
	line-height: 30px;
	font-size: 1em;
}
.sidebar-content p#facebook-link a, .sidebar-content p#twitter-link a, .sidebar-content p#myspace-link a, .sidebar-content p#linkedin-link a{
	display: block;
	height: 30px;
	padding-left: 40px;
}
.sidebar-content p#facebook-link a{
	background: url('../_img/sidebar-facebook.png') no-repeat 0px 0px;
}
.sidebar-content p#twitter-link{
	background: url('../_img/sidebar-twitter.png') no-repeat 0px 0px;
}
.sidebar-content p#myspace-link{
	background: url('../_img/sidebar-myspace.png') no-repeat 0px 0px;
}
.sidebar-content p#linkedin-link{
	background: url('../_img/sidebar-linkedin.png') no-repeat 0px 0px;
}
#bio-container{
	width: 840px;
	margin: 0 auto;
}
#bio-navigation-personswitcher ul li{
	float: left;
	padding: 0 20px;
	display: block;	
	width: 100px;
}
#bio-navigation-personswitcher ul li a{
	height: 160px;
	display: block;
	text-indent: -9999px;
}
#bio-navigation-personswitcher ul li#tim a{
	background: url('../_img/bio-tim-top-off.png') no-repeat bottom left;
}
#bio-navigation-personswitcher ul li#tim a:hover, #bio-navigation-personswitcher ul li.current#tim a{
	background: url('../_img/bio-tim-top.png') no-repeat bottom left;
}
#bio-navigation-personswitcher ul li#leann a{
	background: url('../_img/bio-leann-top-off.png') no-repeat bottom left;
}
#bio-navigation-personswitcher ul li#leann a:hover, #bio-navigation-personswitcher ul li.current#leann a{
	background: url('../_img/bio-leann-top.png') no-repeat bottom left;
}
#bio-navigation-personswitcher ul li#dave a{
	background: url('../_img/bio-dave-top-off.png') no-repeat bottom left;
}
#bio-navigation-personswitcher ul li#dave a:hover, #bio-navigation-personswitcher ul li.current#dave a{
	background: url('../_img/bio-dave-top.png') no-repeat bottom left;
}
#bio-navigation-personswitcher ul li#emily a{
	background: url('../_img/bio-emily-top-off.png') no-repeat bottom left;
}
#bio-navigation-personswitcher ul li#emily a:hover, #bio-navigation-personswitcher ul li.current#emily a{
	background: url('../_img/bio-emily-top.png') no-repeat bottom left;
}
#bio-header{
	overflow:hidden;
	width:840px;
	height: 40px;
	background-color: #D9C48C;
	clear: left;
}
#bio-header h2{
	font-size: 22px;
	color: #333;
	height: 19px;
	width: 200px;
	display: block;
	float: left;
	margin: 10px 0px 0px 25px;
	padding: 0;
}
#bio-content {
	border: 10px solid #D9C48C;
	border-top: none;
	padding: 10px;
	background-color: #FEF8CF;
}
img.biopic{
	position: relative;
	float: right;
	top: -100px;
	margin-bottom: -100px;
}
ul.bio-links{
	padding-top: 5px;
	padding-left: 10px;
	display: block;
	float: left;
}
ul.bio-links li{
	float: left;
	padding: 0 5px;
	display: block;	
	width: 32px;
	height: 30px;
}
ul.bio-links li a{
	display: block;
	text-indent: -9999px;
	width: 32px;
	height: 30px;
}
ul.bio-links li.bio-facebook a{
	background: url('../_img/bio-facebook.png') no-repeat 0px 0px;
}
ul.bio-links li.bio-twitter a{
	background: url('../_img/bio-twitter.png') no-repeat 0px 0px;
}
ul.bio-links li.bio-linkedin a{
	background: url('../_img/bio-linkedin.png') no-repeat 0px 0px;
}
ul.bio-links li.bio-myspace a{
	background: url('../_img/bio-myspace.png') no-repeat 0px 0px;
}
ul.bio-links li.bio-aim a{
	background: url('../_img/bio-aim.png') no-repeat 0px 0px;
}
ul.bio-links li.bio-email a{
	background: url('../_img/bio-email.png') no-repeat 0px 0px;
}
p.bio-phone{
	padding: 0 0 0 21px;
	margin: 0 200px 0 0;
	display: block;
	float: right;
	height: 40px;
	line-height: 40px;
	background: url('../_img/bio-phone.png') no-repeat 0px 12px;
}
h3.storytitle{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 2em;
	line-height: 1.2em;
	margin-bottom: 18px;
}
h3.storytitle a{
	text-decoration: none;
	border-bottom: 1px dotted #00508B;
}
h3.storytitle a:hover{
	border-bottom: none;
}
.alignleft{
	float: left;
	margin: 0 5px 5px 0;
}
.alignright{
	float: right;
	margin: 0 0 5px 5px;
}
div.feedback{
	font-size: .7em;
	margin-bottom: 10px;
	background-color: #FEF8CF;
	padding: 10px;
	border: 1px solid #CCC;
	clear: both;
}
div.blog-divider{
	background: url('../_img/blog-divider.png') -5px 0px no-repeat;
	width: 665px;
	height: 55px;
	margin-top: 30px;
	margin-bottom: 30px;
}
div.meta{
	font-size: .7em;
	padding-bottom: 20px;
}
#downloads #content-container ul li, #partners ul li{
	font-size: .82em;
	padding: 0 0 0 18px;
	margin-bottom: .5em;
	background: url('../_img/sidebar-bullet.png') no-repeat 0px 6px;
	line-height: 1.5em;
}
#content ol li, #content-container ol li{
	font-size: .82em;
	margin-left: 30px;
	margin-bottom: .5em;
	line-height: 1.5em;
	list-style-type: decimal;
}
a.rss {
	background: url('../_img/sidebar-rss-logo.png') no-repeat top right;
	padding-right: 20px;
}
a.atom {
	background: url('../_img/sidebar-rss-logo.png') no-repeat top right;
	padding-right: 20px;
}
form#commentform input {
	background:transparent url(../_img/form-text-1.png) no-repeat scroll left top;
	border:0 none;
	font-family:Helvetica,Arial,sans-serif;
	font-size:0.9375em;
	height:16px;
	padding:11px 8px 5px;
	width:185px;
}
form#commentform textarea{
	background: url('../_img/form-textarea-1.png') no-repeat top left;
	width: 185px;
	height: 103px;
	font-size: 1em;
	padding: 10px;
	font-family: Helvetica, Arial, sans-serif;
	border: 0px;
}
form#commentform textarea.user-comment{
	width: 450px;
	background: #FFF url('../_img/form-textarea-3.png') no-repeat top left;
}
form#commentform input#submit{
	background: none;
	width: 131px;
	height: 35px;
	float: right;
	margin: 5px 3px 0 0;
	padding: 0;
}
form#commentform p.captcha{
	float: right;
	margin: 5px 3px 0 0;
	padding: 0;
}
h2#postcomment{
	background: #D9C48C url('../_img/blog-h2-leave-comment.png') no-repeat 14px 2px;
	width: 590px;
	height: 40px;
	text-indent: -9999px;
}
form#commentform{
	background-color: #FEF8CF;
	margin: 0;
	width: 472px;
	height: 275px;
	border: 10px solid #D9C48C;
	border-top: none;
	padding: 30px 49px 0 49px;
}
form#commentform p{
	margin: 0 0 5px 0;
	padding: 0;
}
div.comment-column{
	float: left;
	width: 235px;
	margin-right: 25px;
	border-right: 1px dotted #000;
}
ol#commentlist{
	line-height: 1.5em;
	list-type: none;
	padding: 0;
	margin: 0;
}
ol#commentlist li{
	list-type: none;
	display: block;
	margin-top: 10px;
	background-color: #FEF8CF;
	padding: 10px 10px 0 10px;
	border: 1px solid #CCC;
}
ol#commentlist li p{
	margin: 0 0 1em 0;
}
img.avatar{
	float: left;
	margin: 0 5px 5px 0;
}
p.commentmeta{
	clear: left;
}
#contact-general-info{
	width: 450px;
	float: left;
	font-size: 1.2em;
}
#contact-general-info h2{
	display: block;
	width: 150px;
	height: 25px;
	margin-top: 10px;
}
#contact-general-info p{
	padding-bottom: 10px;
	border-bottom: 1px dotted #000;
	margin: 10px 0 0 0;
	font-weight: bold;
}
#mapblock{
	width: 500px;
	height: 530px;
	background-color: #D9C48C;
	float: right;
}
#mapheader{
	height: 40px;
}
#mapheader h2{
	float:left;
	text-decoration:none;
	margin:0;
	border:0;
	padding:0;
	width:150px;
	height:35px;
	background:url('../_img/contact-map-locaton.png') no-repeat 8px 5px;
	text-indent:-9999px;
}
#mapheader a{
	float:right;
	font-size:.75em;
	color:#00508B;
	line-height:36px;
	margin-right: 10px;
}
#mapblock iframe{
	border: 10px solid #FEF8CF;
	margin: 10px;
	margin-top: 0;
}
#contact-form, #contact-form-header{
	margin: 0 auto;
}
#contact-form-header{
	height: 40px;
	width: 840px;
	background-color: #D9C48C;
}
#contact-form-header h3{
	background: #D9C48C url('../_img/contact-form.png') no-repeat 14px 2px;
	width: 590px;
	height: 40px;
	text-indent: -9999px;
}
#contact-form{
	background-color: #FEF8CF;
	width: 722px;
	height: 225px;
	border: 10px solid #D9C48C;
	border-top: none;
	padding: 30px 49px 0 49px;
	font-size: .9em;
}
form#contact-form input{
	background: url('../_img/form-text-1.png') no-repeat top left;
	border: 0px;
	width: 185px;
	height: 16px;
	font-size: 1.1em;
	padding: 10px;
	font-family: Helvetica, Arial, sans-serif;
}
form#contact-form textarea{
	background: url('../_img/form-textarea-2.png') no-repeat top left;
	border: 0px;
	width: 185px;
	height: 152px;
	font-size: 1.1em;
	padding: 10px;
	font-family: Helvetica, Arial, sans-serif;
}
form#contact-form input#submit{
	background: none;
	width: 103px;
	height: 35px;
	padding: 0;
	margin-top: 20px;
}
h2#postcomment{
	background: #D9C48C url('../_img/blog-h2-leave-comment.png') no-repeat 14px 2px;
	width: 590px;
	height: 40px;
	text-indent: -9999px;
}
form#contact-form p{
	margin: 0 0 5px 0;
	padding: 0;
}
div.contact-column{
	float: left;
	width: 235px;
	height: 200px;
	margin-right: 25px;
	border-right: 1px dotted #000;
}
p.radio-button{
	line-height: 25px;
}
p.submit-paragraph{
	text-align: center;
}
span.checkbox {
 width: 19px;
 height: 25px;
 padding: 0 5px 0 0;
 background: url(../_img/checkbox.png) no-repeat;
 display: block;
 float: left;
}
span.radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background: url(../_img/radio.png) no-repeat;
  display: block;
  float: left;
}
span.select {
  position: absolute;
  width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
  height: 21px;
  padding: 0 24px 0 8px;
  color: #fff;
  font: 12px/21px arial,sans-serif;
  background: url(select.gif) no-repeat;
  overflow: hidden;
}
div#portfolio-navigation-categoryswitcher{
	height: 40px;
	width: 840px;
	margin: 0 auto;
	background-color: #D9C48C;
	clear: both;
	border-top: 1px solid #867B5F;
}
div#portfolio-navigation-categoryswitcher ul li{
	display: inline;
}
div#portfolio-navigation-categoryswitcher ul li a{
	display: block;
	height: 40px;
	float: left;
	margin-left: 26px;
	background-color: red;
	text-indent: -9999px;
}
div#portfolio-navigation-categoryswitcher ul li#websites a{
	background: url('../_img/portfolio-websites.png') no-repeat 9px 4px;
	width: 127px;
}
div#portfolio-navigation-categoryswitcher ul li#print a{
	background: url('../_img/portfolio-print.png') no-repeat 9px 5px;
	width: 93px;
}
div#portfolio-navigation-categoryswitcher ul li#logos a{
	background: url('../_img/portfolio-logos.png') no-repeat 9px 3px;
	width: 103px;
}
div#portfolio-navigation-categoryswitcher ul li#photography a{
	background: url('../_img/portfolio-photography.png') no-repeat 9px 4px;
	width: 151px;
}
div#portfolio-navigation-categoryswitcher ul li#websites.current a, div#portfolio-navigation-categoryswitcher ul li#websites a:hover{
	background: #FEF8CF url('../_img/portfolio-websites-on.png') no-repeat  9px 4px;
}
div#portfolio-navigation-categoryswitcher ul li#print.current a, div#portfolio-navigation-categoryswitcher ul li#print a:hover{
	background: #FEF8CF url('../_img/portfolio-print-on.png') no-repeat 9px 5px;
}
div#portfolio-navigation-categoryswitcher ul li#logos.current a, div#portfolio-navigation-categoryswitcher ul li#logos a:hover{
	background: #FEF8CF url('../_img/portfolio-logos-on.png') no-repeat 9px 3px;
}
div#portfolio-navigation-categoryswitcher ul li#photography.current a, div#portfolio-navigation-categoryswitcher ul li#photography a:hover{
	background: #FEF8CF url('../_img/portfolio-photography-on.png') no-repeat 9px 4px;
}
#portfolio-content{
	background-color: #FEF8CF;
	height: 546px;
	border: 10px solid #D9C48C;
	border-top: none;
	width: 800px;
	margin: 0 auto;
	padding: 10px;
}
#portfolio-content p{
	margin: 0;
	padding: 0;
}
div#portfolio-thumbs{
	width: 270px;
	height: 545px;
	border-right: 1px dotted #000;
}
div#portfolio-thumbs ul li{
	float: left;
}
div#portfolio-thumbs a img{
	display:block;
	width: 75px;
	height: 75px;
	border: 1px solid #7E7C67;
	margin: 5px;
	opacity: .5;
 	filter: alpha(opacity=50); // for IE5-7
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // for IE8
}
div#portfolio-thumbs a:hover img, div#portfolio-thumbs li.current a img{
	border: 1px solid #333;
	opacity: 1;
 	filter: alpha(opacity=100); // for IE5-7
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; // for IE8
}
#portfolio-details{
	float: right;
	width: 515px;
	height: 545px;
}
#portfolio-details h2{
	font-size: 15px;
	color: #000;
	padding-bottom: 15px;
}
#portfolio-details-services ul{
	float: left;
	width: 165px;
	height: 60px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#portfolio-details-services ul li{
	font-size: .82em;
	padding: 0 0 0 18px;
	margin-bottom: .5em;
	background: url('../_img/sidebar-bullet.png') no-repeat 0px 4px;
	line-height: 1em;
}
#portfolio-details img{
	clear: left;
	width: 500px;
	height: 425px;
	border: 1px solid #7E7C67;
}
p.contact-response-message, p.payment-message, p.message{
	font-size: .7em;
	background-color: #FEF8CF;
	padding: 10px;
	border: 1px solid #CCC;
	width: 85%;
	margin: 20px auto 20px auto;
	font-weight: bold;
}

/****************/
/* Table styles */
/****************/

table {
	border: 10px solid #D9C48C;
	margin: 10px 0;
	border-collapse: collapse;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
	font-size: 0.8em;
	margin-bottom: 30px;
}

tr td {
	background-color: #FEF8CF;
}

tr.alt td {
	background-color: #FFF;
}

/* The following line has to go after the declaration of odd tr's */
tr:nth-child(1) { background-color: #D9C48C; }

th {
	padding: 10px;
	font-size: 21px;
	white-space: nowrap;
	line-height: 1em;
	background-color: #D9C48C;
}

#hosting-comparison th {
	font-size: 12px;
}

#hosting-comparison {
	width: 100%;
	border-top: none;
}

td {
	padding: 0.6em;
	border-left: 1px solid #000;
}

table#service-packages {
	width: 100%;
	border-top: 2px solid #D9C48C;
}

#service-packages .second, #service-packages .third, #service-packages .fourth, #service-packages .fifth {
	width: 65px;
}

#service-packages td.second, #service-packages td.third, #service-packages td.fourth, #service-packages td.fifth {
	border-left: 1px solid #000;
}

#service-packages th.first {
	text-align: left;
	padding-left: 0;
}

#service-packages th sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 12px;
	bottom: 1em;
}

#service-packages th img {
	vertical-align: middle;
}

#service-packages td span.checkmark {
	display: block;
	width: 29px;
	height: 29px;
	background: url(../_img/check.png) left top no-repeat;
	text-indent: -9999px;
	margin: 0 auto;
}

#service-packages td em {
	font-size: 0.8em;
}

#service-packages td {
	height: 29px;
	line-height: 29px;
	padding: 0;
	margin: 0;
	overflow: none;
	white-space: nowrap;
}

#service-packages td.first {
	padding-left: 0.6em;
}

#service-packages td.text {
	text-align: center;
}


#social-banner{
	display: block;
	background: url('../_img/social-networking.jpg') no-repeat 0 0;
	width: 970px;
	height: 300px;
	margin: 0 auto;
}
#social-banner h2, #social-banner p{
	display: none;
}
div.contentColumn{
	width: 274px;
	padding: 0 24px;
	float: left;
	border-left: 1px dotted #000;
	height: 350px;
	display:block;
}
div.firstContentColumn{
	border-left: none;
}
div.single-testimonial{
	border-bottom: 1px dotted #000;
	margin-bottom: 20px;
	font-size: 1.2em;
}
div.single-testimonial img{
	float: left;
	padding: 0;
	margin: 0 5px 5px 0;
	border: 1px solid #7E7C67;
}
div.single-testimonial p{
	padding: 0 0 1em 0;
	margin: 0;
}
div.single-testimonial p.client-name{
	padding: 0 0 .2em 0;
	margin: 0;
	font-weight: bold;
}
div.storycontent ul li{
	font-size: .82em;
	padding: 0 0 0 18px;
	margin-left: 20px;
	margin-bottom: .5em;
	background: url('../_img/sidebar-bullet.png') no-repeat 0px 6px;
	line-height: 1.5em;
}
pre { border: 1px solid #1A3478; clear: both; height: 1%; margin: 0px 5px; overflow: auto; padding-left: 10px; padding-right: 10px; position: relative; white-space: pre-wrap; width: 90%; }
a.cart-add{
	background: url('../_img/cart_put.png') no-repeat top right;
	padding-right: 20px;
}
.scroll-items {
  height: 545px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}
.scrollContainer-items div.panel {
  height: 545px;
  width: 520px; /* change to 500px if not using JS to remove rh.scroll */
}
.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}

div.page99#content ol li {
	list-style: none;
	background-color: #FEF8CF;
	padding: 10px 10px 10px 55px;
	margin: 8px 0 8px 0;
}

li#step-1-99 { background: url(../_img/sign-up-99.png) no-repeat 10px 10px; }
li#step-2-99 { background: url(../_img/choose-a-template-99.png) no-repeat 10px 10px; }
li#step-3-99 { background: url(../_img/send-us-your-content-99.png) no-repeat 10px 10px; }
li#step-4-99 { background: url(../_img/take-control-99.png) no-repeat 10px 10px; }

a.pagenums {
	font-size: 1em;
	float: none;
	display: inline;
}

div#designGallery {
	background-color: #D9C48C;
	height: 496px;
	margin: 0 auto;
	padding: 3px;
}

div.gallery-header {
	margin-left: 10px;
}

div#galleryThumbs {
	background-color: #FEF8CF;
	width: 885px;
	height: 430px;
	overflow: hidden;
	margin: 0 auto;
	padding: 8px;
}

blockquote {
	margin: 10px 20px;
	background-color: #FEF8CF;
	padding: 10px;
	border: 1px solid #CCC;
	clear: both;
}

.training-thumb {
	text-align: center;
	float: left;
	padding: 10px 15px;
}

.training-thumb img {
	border: 2px solid #D9C48C;
}

.training-thumb a:hover img {
	border: 2px solid #CCC;
}

#footer .tinyCredits {
	clear: right;
	font-size: 0.625em;
	padding-top: 20px;
	text-align: right;
	font-weight: normal;
	margin-bottom: 0;
}

#footer .tinyCredits a {
	text-decoration: underline;
}

h1.palooza span.palooza-logo {
	background: url(../_img/h1-websitepalooza.jpg) top left no-repeat;
	display: block; 
	height: 193px;
	width: 394px;
	text-indent: -9999px;
	margin: 0 auto;
}

h1.palooza span.cufon {
	display: none;
}

div#palooza-info {
	float: right;
	width: 200px;
	height: 250px;
	background: url(../_img/talkinghead.jpg) top right no-repeat;
	margin: 30px 40px 20px 0;
}

div#palooza-info p {
	display: none;
}

h2#register{
	background: #D9C48C url('../_img/h2-register.png') no-repeat 14px 2px;
	width: 590px;
	height: 40px;
	text-indent: -9999px;
}

form#registerform{
	background-color: #FEF8CF;
	margin: 0;
	width: 472px;
	height: 320px;
	border: 10px solid #D9C48C;
	border-top: none;
	padding: 30px 49px 0 49px;
}
form#registerform p{
	margin: 0 0 5px 0;
	padding: 0;
}

form#registerform input {
	background:transparent url(../_img/form-text-1.png) no-repeat scroll left top;
	border:0 none;
	font-family:Helvetica,Arial,sans-serif;
	font-size:0.9375em;
	height:16px;
	padding:11px 8px 5px;
	width:185px;
}
form#registerform textarea{
	background: url('../_img/form-textarea-1.png') no-repeat top left;
	width: 185px;
	height: 103px;
	font-size: 1em;
	padding: 10px;
	font-family: Helvetica, Arial, sans-serif;
	border: 0px;
}
form#registerform textarea.user-comment{
	width: 450px;
	background: #FFF url('../_img/form-textarea-3.png') no-repeat top left;
}
form#registerform input#submit{
	background: none;
	width: 84px;
	height: 35px;
	padding: 0;
	margin: 10px 0 0 60px;
}