/*
*/

* {
	margin: 0;
	padding: 0
}
html {
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	font-size: 13px;
	line-height: 1.5em;
	color: #000;
}



/* ------------------------------------------------------------------------ =header */
#header-wrapper {
	background: #333 url(../images/header-bg.jpg) repeat-x bottom left;
}
#header {
	margin: 0 auto;
	height: 96px;
	width: 960px;
	position: relative;
}
#header #logo {
	position: absolute;
	left: 0;
	top: 15px;
}
#header #logo {
	padding-top:0px;
	background:url(../images/logo-hover3.png) no-repeat;
	float: left;
}
.fadehover {
	position: relative;
}
img.start {
	position: relative;
	left: 0;
	top: 0;
	z-index: 10;
}
img.end {
	position: absolute;
	left: 0;
	top: 0;
}



/* ------------------------------------------------------------------------------- =home */

#home #content-top-wrapper {
	border-top: none;
	background: #f9f9f9 url(../images/home-bg-blue.jpg) repeat-x top center;
	height: 334px;
	overflow: visible; /* needed so flash shadow will be below flash */
}
#content-top-wrapper {
	background: #015186 url(../images/pages-header-blue-rad.jpg) no-repeat bottom center;
	overflow: hidden;
	height: 75px;
}
#content-top-wrapper #content-top {
	width: 960px;
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 100; /* needed for shadow */
}
#home #content-top-wrapper #content-top #content-top-inner {
	background: url(../images/home-bg-blue-rad.jpg) repeat-x top center;
	float: left;
}
#content-top #leftSide {
	float: left;
	width: 320px;
	text-align: left;
}
#content-top #leftSide #customwebdesign {
	margin: 38px 0 0 0;
}
#content-top #leftSide #buttons {
	margin: 50px 0 0 0;
}
#content-top #leftSide #buttons a img {
	padding-right: 8px;
}
#content-top #rightSide {
	margin: 18px 0 0 0;
	text-align: right;
	float: right;
	width: 640px;
	position: relative;
}
#content-top #rightSide #shadow {
	position: absolute;
	top: 220px;
	right: 4px;
	background: url(../images/flash-shadow.png) no-repeat bottom center;
	width: 631px;
	height: 127px;
	z-index: -1;
	overflow: visible;
}
#content-top #rightSide #pause {
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/click-to-pause.gif) no-repeat;
}

#home #content {
	margin-top: 10px;
}
#contentwrap {
	margin: 0;
	padding: 0 0 30px 0;
	width: 100%;
	background: #f9f9f9;
	float: left;
}
#content {
	margin: 0 auto 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 960px;
	clear: both;
}
#content .col {
	margin-left: 0;
	float: left;
	width: 320px;
	text-align: left;
}
#content .col .colinner {
	padding: 0 25px 0 0;
}
#content .col .colinner a {
	color: #369;
}
#content .col .colinner .computericon {
	margin-right: 25px;
	background: url(../images/icon-computer.gif) no-repeat top left;
	width: 50px;
	height: 51px;
	float: left;
}
#content .col .colinner .processicon {
	margin-right: 37px;
	background: url(../images/icon-process.gif) no-repeat top left;
	width: 38px;
	height: 51px;
	float: left;
}
#content .col .colinner .testimonialsicon {
	margin-right: 25px;
	background: url(../images/icon-testimonials.gif) no-repeat top left;
	width: 50px;
	height: 51px;
	float: left;
}
#content .col .colinner h3.sectionTitle2 {
	margin: 0;
	padding: 0;
	float: left;
	width: 200px;
}
#content .col .colinner div.sectionContent {
	padding-top: 25px;
	clear: both;
}

#content .col .colinner div.sectionContentProcess {
	padding-top: 25px;
	clear: both;
}
#content .col .colinner div.sectionContentProcess p.titleitemhome {
	font-weight: bold;
	font-size: 1.1em;
}
#content .col .colinner div.sectionContentProcess p.notation {
	font-style: italic;
	font-size: .9em;
	line-height: 1.5em;
}
#content .col .colinner div.sectionContent h4 {
	margin: 0 0 1em 0;
}
#content .col .colinner div.sectionContent p {
	margin: 0;
}
#content .col .colinner div.sectionContent .testimonial {
	padding-bottom: 15px;
}
#content .col .colinner div.sectionContent div#testimonialsboldhome p {
	margin: 0 0 25px 0;
	padding: 0 0 0 0;
	background: url(../images/quote.gif) 0 0 no-repeat;
	text-indent: 35px;
}
#content .col .colinner div.sectionContent div#testimonialsboldhome p:last-child {
	margin-bottom: 15px;
}
#content .col .colinner div.sectionContent div#testimonialsboldhome p span {
	font-style: italic;
	color: #777;
}
#content .col .colinner div.sectionContent .testimonial img {
	margin: -5px 10px 0 0;
	float: left;
}

#contentSideA {
	float: left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #fff;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	padding: 45px 70px 50px 70px;
	width: 490px;
	border: 1px solid #eee;
	min-height: 485px;
}
#contentSideAwide {
	float: left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #fff;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	padding: 25px 20px 50px 20px;
	width: 590px;
	border: 1px solid #eee;
	min-height: 485px;
}
#contentSideAwide2{
	float: left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #fff;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	padding: 25px 30px 50px 30px;
	width: 570px;
	border: 1px solid #eee;
	min-height: 485px;
}


/* ---------------------------------------------------------- =about */

#contentwrap #content div.bio {
	margin-top: 40px;
}
#contentwrap #content div.bio h3 {
	float: left;
	width: 370px;
}
#contentwrap #content div.bio p {
	float: left;
	width: 370px;
}
#contentwrap #content div.bio div.bioImage {
	margin-top: 0;
	float: right;
	width: 105px;
}


/* ---------------------------------------------------------------- =portfolio */

#content div.portfolioSection {
	padding: 0;
	margin: 35px 0 0 0;
	float: left;
	clear: both;
	width: 960px;
}
#content div.portfolioSection h3 {
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 28px;
	text-transform: normal;
	color: #005284;
	/* x y blur color */
	text-shadow: 1px 1px 1px #76838b;

}
#content div.portfolioSection .portfolioSectionInner {
	margin: 30px 0 0 0;
	float: left;
}
#content div.portfolioSection .portfolioSectionInner p {
	font-size: 15px;
	line-height: 1.5em;
}
#content div.portfolioSection .portfolioSectionInner .projectDesc {
	margin: 10px 40px 0 0;
	padding: 0;
	float: left;
	width: 340px;
}
#content div.portfolioSection .portfolioSectionInner .projectDesc div.testimonial blockquote {
	margin: 0;
	padding: 0 0 20px 0;
	background: url(../images/quote-open.png) 0 20px no-repeat;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#content div.portfolioSection .portfolioSectionInner .projectDesc div.testimonial blockquote p {
	padding: 20px 40px 0 40px;
	font: 17px/23px Helvetica, sans-serif;
	background: url(../images/quote-close.png) bottom right no-repeat;
	color: #369;
}
#content div.portfolioSection .portfolioSectionInner .projectDesc div.testimonial cite {
	padding: 0 40px 0 40px;
	font: 12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	color: #369;
	display: block;
}
#content div.portfolioSection .portfolioSectionInner .projectDesc .skillsused {
	margin: 30px 0 0 0;
	padding: 20px 20px 10px 20px;
	width: 280px;
	background: #d9dbcf;
	background: #ddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;	
	color: #000;
}
.skillsused ul {
	margin-left: 20px;
	font-size: 14px;
}
.skillsused ul li {
	padding: 2px 0 2px 30px;
	list-style: none;
	background: url(../images/check2.png) left no-repeat;
}
#content div.portfolioSection .portfolioSectionInner .projectDesc .skillsused h3 {
	font-size: 20px;
	font-style: italic;
	color: #000;
	text-shadow: none;
}
.skillsused a:link {
	font-size: 16px;
	color: #990000;
}
.skillsused a:visited {
	color: #990000;
}
.skillsused a:hover {
	color: #000;
}

#content div.portfolioSection .portfolioSectionInner div#images {
	/*margin: -25px 0 0 0;*/
	padding: 0;
	float: right;
	width: 578px;
	height: auto;
}
div.portfolioImage {
	margin: 0;
	padding: 0;
	border: 10px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 560px;
}
#content div.portfolioSection .portfolioSectionInner div#images div.slidesArrow {
	margin: -30px 0 10px 70px;
	background: url(../images/view-slides2.gif) no-repeat;
	width: 257px;
	height: 35px;
}
#content div.portfolioSection .portfolioSectionInner div#imagesSingle {
	margin: 10px 0 0 0;
	float: right;
	width: 578px;
}


ul.projectThumbs {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}
ul.projectThumbs li {
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	list-style: none;
}
ul.projectThumbs li img {
	border: 3px solid #ccc;
}
ul.projectThumbs li img:hover {
}
ul.projectThumbs li a {
	padding: 0 7px 0 0;
	display: inline;
	text-decoration: none;
	position: relative;
	z-index: 2;
}
ul.projectThumbs li a:hover {
}
ul.projectThumbs li div {
	display: none;
	position: absolute;
	bottom: 70px;
	left: 30px;
	width: 200px;
	background: #000;
	color: #fff;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	z-index: 100;
}
ul.projectThumbs li div p {
	margin: 0;
	padding: 8px;
	z-index: 100;
	font-size: 14px;
}
body.bpi ul.projectThumbs li#bpi img,
body.cwd ul.projectThumbs li#cwd img,
body.simplywine ul.projectThumbs li#simplywine img,
body.cci ul.projectThumbs li#cci img,
body.patrickmarold ul.projectThumbs li#patrickmarold img,
body.preferredbrands ul.projectThumbs li#preferredbrands img,
body.fesgroup ul.projectThumbs li#fesgroup img,
body.vmc ul.projectThumbs li#vmc img,
body.liquidcut ul.projectThumbs li#liquidcut img,
body.artistlisting ul.projectThumbs li#artistlisting img,
body.triumph ul.projectThumbs li#triumph img,
body.superabrasives ul.projectThumbs li#superabrasives img,
body.crossofchrist ul.projectThumbs li#crossofchrist img,
body.envision ul.projectThumbs li#envision img {
	border: 3px solid #000;
}


#sidebarWide {
	margin-top: 0;
	float: right;
	width: 310px;
}
#sidebarWide .sidebarInner {
	margin: 0;
	padding: 0;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	border-top: none;
}
#contentwrap #content #sidebarWide h3.SidebarTitle {
	margin: 0;
	padding: 9px 0 7px 20px;
	color: #fff;
	font-size: 16px;
	background-color: transparent;
	background: url(../images/box1top.png) no-repeat;
}
#sidebarWide .sidebarInner .sidebarInnerContent {
	padding: 15px 20px 20px 20px;
}
#sidebarWide .sidebarInner .sidebarInnerContent h4 {
	font-weight: bold;
	font-size: 15px;
}
div.emailcampaignitem {
}
div.emailcampaignitem div {
	margin: 20px 0 0 0;
}

div.clientlist, div.testimonialslist {
	margin-top: 20px;
	padding: 0;
	float: left;
	width: 240px
}
div.clientlist p, div.testimonialslist p {
	font-size: 1.2em;
}
div.clientlist p a, div.testimonialslist p a {
	color: #369;
}

#contentwrap #content #contentSideA #sitemap {
	font-style: normal;
}
#contentwrap #content #contentSideA #sitemap h3 {
	margin-left: 2em;
	font-style: normal;
	font-family: Helvetica, sans-serif;
}
	

#footer-wrapper {
	background: #000;
	clear: both;
}
#footer {
	padding: 25px 0 25px 0;
	margin: 0 auto;
	text-align: center;
	width: 960px;
}
#footer span {
	padding: 0 28px 0 0;
	margin-bottom: 15px;
	float: right;
	line-height: normal;
	color: #ddd;
	font-size: 11px;
}


/* ---------------------------------------------------------------- headers */


#content-top h1 {
	margin: 24px 0 26px 74px;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: normal;
	color: #fff;
	font-family: Helvetica, sans-serif;
}
#content-top  h1.pageTitle {
	margin: 20px 0 4px 74px;
	display: block;
}
#content-top  h1.pageTitle3 {
	margin-left: 0;
	margin-bottom: 0;
}
h2 {
	margin: 0 0 10px 0;
	color: #3b342d;
	font-size: 20px;
	line-height: 1.5em;
}
#content-main h2 {
	margin: 0 0 10px 0;
	color: #3b342d;
	font-size: 22px;
	line-height: 1.5em;
}
#contentwrap #content #contentSideAwide .servicesItem h2 {
	margin: 10px 0 30px 0;
	color: #666;
	border-bottom: 1px solid #666;
	font-size: 26px;
	font-weight: normal;
	text-transform: normal;
	font-family: Helvetica, sans-serif;
}
#content h3 {
	margin: 0;
	text-align: left;
	font-size: 1.5em;
	font-size: 22px;
	font-weight: normal;
	font-family: Helvetica, sans-serif;
}
#content h3.titleheading {
	color: #666;
	font-family: Helvetica, sans-serif;
	font-style: normal;
}
#content div.portfolioSection h3.portfolio {
	margin: 30px 0 0 0;
	font-size: 28px;
	text-transform: normal;
}
#contentSideAwide .servicesItem .serviceContent h3 {
	padding: 0;
	margin: 0 0 14px 0;	
	color: #369;
	font-size: 18px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	font-weight: normal;
	line-height: 1.4em;
}
.servicesItem  h3 {
	padding: 0;
	margin: 0 70px 14px 70px;	
	color: #369;
	font-size: 18px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	font-weight: normal;
	line-height: 1.4em;
}
#contentwrap #content #contentSideA h3 {
	padding: 0;
	margin: 0 0 14px 0;
	color: #369;
	font-size: 18px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	font-weight: normal;
	line-height: 1.4em;
}
#content-main h3 span {
	font-size: .85em;
}
#contentwrap #content #contentSideAwide2 h3 {
	padding: 0;
	margin: 0 0 14px 0;	
	color: #369;
	font-size: 18px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	font-weight: normal;
	line-height: 1.4em;
}
#contentwrap #content #contentSideAwide2 h3 span {
	font-size: .85em;
}
#sidebarWide .sidebarInner .sidebarInnerContent h3 {
	color: #369;
	font-size: 18px;
	font-family: Georgia, Times, 'Times New Roman', serif;
}	
#contentwrap #content #contentSideAwide2 h4 {
	margin: 20px 0 5px 0;
	text-transform: uppercase;
	text-align: center;
}
#contentwrap #content #contentSideAwide2 h4 span {
	text-transform: none;
	display: block;
	font-size: 12px;
}
#content h4 {
	margin: .75em 0 0 0;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	color: #000;
}
#content h4 span {
	font-size: 13px;
	font-weight: normal;
}


/* ------------------------------------------------------------------------ =paragraphs */

p {
	line-height: 1.5em;
	font: normal 13px/20px arial;
}
#content p {
	margin: 0 0 1em 0;
}
.servicesItem p {
	margin-left: 70px;
	margin-right: 70px;
}
#sideBarLower p {
	padding: 6px 0 0 0;
	font-size: 18px;
}
#featuredWork p {
	padding: 4px 0 16px 0;
	font-size: 12px;
}
#footer p {
	color: #777;
	font-size: 12px;
}
#footer p a:hover {
	color: #fff;
}


/* ---------------------------------------------------------------------- =links */


a { 
	color: #369;
	text-decoration: underline;
}
a:visited {
	color: #666;
	color: #369;
}
a:hover {
	color: #000;
}
#footer p span a:hover {
	color: #fff;
}


/* ---------------------------------------------------------------------- =lists */

dl {
	margin-bottom: 25px;
}
dt {
	margin-bottom: 2px;
	font-size: 110%;
	font-weight: bold;
	color: #000;
}
dd {
	margin-bottom: 15px;
}
ul, ol {
	margin: 15px 0 20px 30px;
	font-family: Arial, Helvetica, sans-serif;
}
li {
	margin-bottom: 4px;
	list-style-type: disc;
}
ul.bullets {
	margin-left: 0px;
}
ul.bullets li {
	margin: 0 0 .2em 0;
}
ul.checked {
	margin-left: 11px;
}
ul.checked li {
	padding: 2px 0 4px 25px;
	list-style: none;
	background: url(../images/red-check-sm.png) no-repeat;
	line-height: 1em;
	background-position: top 0;
}
.servicesItem ul {
}
ul.prices {
	margin-left: 0;
}
ul.prices li {
	line-height: 1.25em;
}


/* --------------------------------------------------------------------------- =testimonials page */

div#testimonials {
}
div#testimonials p {
	margin: 0;
	padding: 0 0 35px 35px;
	background: url(../images/quote-open.png) 0 0 no-repeat;
}
div#testimonials p span {
	font-style: italic;
}
div#testimonialsbold {
}
div#testimonialsbold p {
	margin: 15px 0 0 0;
	padding: 0 0 10px 0;
	background: url(../images/quote.gif) 0 0 no-repeat;
	text-indent: 35px;
}
div#testimonialsbold p span {
	font-style: italic;
}
div#testimonialsbold p.noquote {
	margin: 0;
	padding: 0;	
	background: none;
	text-indent: 0;
}


/* --------------------------------------------------------------------------- =services */

.servicesItem {
	padding: 0 50px 20px 0;
	float: left;
}
.servicesItem .icon-left {
	width: 100px;
	text-align: center;
	float: left;
}
.servicesItem .serviceContent {
	width: 440px;
	float: left;
}


/* ---------------------------------------------------------------------------- =clients */

#clientlist {
}
#clientlist ul {
	margin-left: 0;
}
#clientlist ul li {
	list-style: none;
}


/* ---------------------------------------------------------------- =forms */

.errorfont {
	font-weight: bold;
}
fieldset {
	margin: 0;
	padding: 10px 0;
	border: none;
}
legend {
	border: none;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #333;
	padding: 3px 8px;
}
.checkboxes label {
	margin: 0 6px;
}
.contact #content fieldset p, .quote #content fieldset p {
	margin: 10px 0;
	font-size: 13px;
}


/* ----------------------------------------------------------------------------- =misc */

img {border: none;}
img.bioImage {
	border: none;
}
div.clear {
	margin: 0;
	padding: 0;
	clear: both;
}


/* ----------------------------------------------------------------------------- =tables */

table#seoresults {
	margin: 0 0 20px 0;
	width: 100%;
	font-size: 11px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #f9f9f9;
}
table#seoresults th {
	padding: 4px;
	background: #000;
	color: #fff;
}
table#seoresults td {
	padding: 3px 5px;
	margin: 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* ---------------------------------------------------------------------------- =navigation */

#mainNav {
	padding-top: 0;
	margin-left: 318px;
	text-align: left;
}
#nav {
  float: left;
  height: 32px;
  margin: 28px 0 0 0;
  overflow: hidden;
}
#nav li {
  float: left;
  margin: 0 0 0 0;
  list-style: none;
}
#nav li a {
  float: left;
  height: 32px;
  text-indent: -9999px;
  background: url(../images/nav2.gif) no-repeat top left;
}
#nav li#t-home a {
  width: 80px;
  background-position: 0 0;
}
#nav li#t-home a:hover,body#home #nav li#t-home a {
  background-position: 0 -28px;
  text-decoration: none;
}
#nav li#t-about a {
  width: 80px;
  background-position: -80px 0;
}
#nav li#t-about a:hover,body#about #nav li#t-about a {
  background-position: -80px -28px;
}
#nav li#t-services a {
  width: 98px;
  background-position: -161px 0;
}
#nav li#t-services a:hover,body#services #nav li#t-services a {
  background-position: -161px -28px;
}
#nav li#t-portfolio a {
  width: 101px;
  background-position: -260px 0;
}
#nav li#t-portfolio a:hover,body#portfolio #nav li#t-portfolio a {
  background-position: -260px -28px;
}
#nav li#t-quote a {
  width: 139px;
  background-position: -362px 0;
}
#nav li#t-quote a:hover,body#quote #nav li#t-quote a {
  background-position: -362px -28px;
}
#nav li#t-contact a {
  width: 91px;
  background-position: -502px 0;
}
#nav li#t-contact a:hover,body#contact #nav li#t-contact a {
  background-position: -502px -28px;
}

/*
#nav {
  float: left;
  height: 25px;
  margin: 40px 0 0 0;
  overflow: hidden;
}
#nav li {
  float: left;
  margin: 0 0 0 0;
}
#nav li a {
  float: left;
  height: 25px;
  text-indent: -9999px;
  background: url(../images/nav.gif) no-repeat top left;
}
#nav li#t-home a {
  width: 64px;
  background-position: 0 0;
}
#nav li#t-home a:hover,body#home #nav li#t-home a {
  background-position: 0 -28px;
}
#nav li#t-about a {
  width: 80px;
  background-position: -64px 0;
}
#nav li#t-about a:hover,body#about #nav li#t-about a {
  background-position: -64px -28px;
}
#nav li#t-services a {
  width: 100px;
  background-position: -144px 0;
}
#nav li#t-services a:hover,body#services #nav li#t-services a {
  background-position: -144px -28px;
}
#nav li#t-portfolio a {
  width: 102px;
  background-position: -244px 0;
}
#nav li#t-portfolio a:hover,body#portfolio #nav li#t-portfolio a {
  background-position: -244px -28px;
}
#nav li#t-quote a {
  width: 139px;
  background-position: -346px 0;
}
#nav li#t-quote a:hover,body#quote #nav li#t-quote a {
  background-position: -346px -28px;
}
#nav li#t-contact a {
  width: 82px;
  background-position: -485px 0;
}
#nav li#t-contact a:hover,body#contact #nav li#t-contact a {
  background-position: -485px -28px;
}*/