html	{font-size:100%; width:100%; }
body 	{font-size:1em; width:100%; background:#FFFFFF; color:#000000; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }

#halloween		{position:fixed; left:0; top:0; }
#halloween img	{border:0; }

h1, h2, h3, h4	{font-weight:normal; color:#009EC6; font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0; }
h1				{font-size:1.5em; }
h2				{font-size:1.4em; }
h3				{font-size:1.4em; }
h4				{font-size:1.2em; }
p				{margin:0; padding:0 0 1em 0; }
a				{color:#009EC6; text-decoration:underline; }
a:hover			{text-decoration:none; }

#home #header h2	{display:block; color:#FFFFFF; background:#009EC6 url('../images/arrow.jpg') no-repeat left center; padding:20px 20px 20px 40px; margin:-20px 20px 0 260px; }
#home #header a		{color:#FFFFFF; }
#about #header h2	{display:block; color:#FFFFFF; background:#009EC6 url('../images/arrow.jpg') no-repeat left center; padding:20px 20px 20px 40px; margin:-20px 20px 0 260px; }
#offer #header h2	{display:block; color:#FFFFFF; background:#009EC6 url('../images/arrow.jpg') no-repeat left center; padding:20px 20px 20px 40px; margin:-20px 20px 0 260px; }
#full #header h2	{display:block; color:#FFFFFF; background:#009EC6 url('../images/arrow.jpg') no-repeat left center; padding:20px 20px 20px 40px; margin:-20px 20px 0 260px; }
#web #header h2		{display:block; color:#FFFFFF; background:#009EC6 url('../images/arrow.jpg') no-repeat left center; padding:20px 20px 20px 40px; margin:-20px 20px 0 260px; }
#ecom #header h2	{display:block; color:#FFFFFF; background:#009EC6 url('../images/arrow.jpg') no-repeat left center; padding:20px 20px 20px 40px; margin:-20px 20px 0 260px; }

#big	{display:block; color:#FFFFFF; background:#009EC6 url('../images/arrow.jpg') no-repeat left center; padding:20px 20px 00px 40px; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:140%; }
#big a	{color:#FFFFFF; }

#all 		{padding:0; text-align:center; width:100%; }
#container 	{margin:0 auto; padding:0; text-align:left; width:52.5em; }

#header		{height:9.25em; padding:3.5em 0 0 0; }
#header img	{float:left; width:8.125em; border:0; padding:0; margin:-2.5em 9em 0 1em; }

/*#header		{background:url('../images/logo.jpg') no-repeat left center; padding:3.7em 0 3.7em 15.625em; line-height:2em; min-height:3.5em }*/

ul#nav			{background:#F9F9F9; border:1px solid #E5E5E5; padding:0.625em 0; margin:0 0 1.250em 0; text-align:center; }
#nav li			{list-style:none; display:inline; padding:0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.32em; }
#nav a			{text-decoration:none; color:#000000; padding:0 0.5em; }
#nav a:hover	{color:#009EC6; }

.content		{padding:1em 0 0 1em; margin:0 0 0.5em 0; clear:both; }
#portfolio .content		{padding:1em 0 0 0; margin:0 0 0.5em 0; clear:both; }
img.floatRight	{float:right; padding:0; margin:0 0 1em 1em; border:0; }
.centerIt		{text-align:center; }
.content label, .content p	{font-size:0.875em; line-height:1.35em; }
.content h1		{margin:0 0 0.625em -0.625em; }
.content img	{width:24.937em; }

.content img.normal	{width:810px; border:5px solid #009EC6; margin:0 0 20px 0; }

.content ul		{margin:0 0 1.5em 0; font-size:0.875em;  }

#home #homeLink a,
#about #aboutLink a,
#web #webLink a,
#seo #seoLink a,
#ecom #ecomLink a,
#blog #blogLink a,
#portfolio #portfolioLink a,
#contact #contactLink a
{color:#009EC6; }

/*form controls*/
.content form			{margin:0 0 1em 1em; padding:0.5em; float:right; width:35em; background:#F9F9F9; border:1px solid #E5E5E5; font-size:0.875em; }
.content form dl 		{margin:0; padding:0; }
.content form dt 		{width:6.5em; float:left; font-size:1.4em; margin:0; padding:0 0 0.9em 0; font-family: Georgia, "Times New Roman", Times, serif; text-align:right; }
.content form dd 		{margin:0 0 0 10em; padding:0 0 0.9em 0; }
.content form input		{width:95%; font-size:1.4em; font-family:Arial, Helvetica, sans-serif; }
.content form textarea	{width:95%; height:150px; font-size:1.4em; font-family:Arial, Helvetica, sans-serif; }
.content form .buttons 	{text-align:center; }
.content form .buttons input	{width:8em; font-size:1em; }
.content form h2		{margin:0 0 0.875em 0; }
.content form dt p		{margin:0; padding:0; }

#footer			{padding:1em 0 1em 1em; margin:1.250em 0; clear:both; font-size:0.875em; }
#footer span 	{float:right; }


/*quick links on home page*/
.quickLink			{width:260px; float:left; margin:0 20px 20px 0; text-align:right; font-size:150%; font-family:Georgia, "Times New Roman", Times, serif; }
.quickLink p		{margin:0; padding:0; line-height:100%; }
.quickLink a		{display:block; background:#F9F9F9; border:1px solid #E5E5E5; text-decoration:none; padding:60px 10px 10px 10px; }
.quickLink a:hover	{background:#009EC6; color:#FFFFFF; }
.quickLinkRightBox	{margin:0; }


/*portfolio show*/

ul#portfolioShow				{margin:40px 0 0 0; padding:0; width:817px; }
#portfolioShow li				{display:block; float:left; margin:0 20px 20px 0; padding:0; list-style:none; width:257px; }

#portfolioShow span.title		{font-family:Georgia, "Times New Roman", Times, serif; margin:0; font-size:150%; padding:0 20px 0 0; }
#portfolioShow .noMargin		{margin:0; }
#portfolioShow .siteLink		{text-decoration:underline; color: #33B0D0; }

#portfolioShow li a				{display:block; text-indent:-9999px; height:164px; padding:10px 18px; border:1px solid #CCCCCC; text-decoration:none; color:#000000; }
#portfolioShow li a:hover		{text-indent:0px; border:1px solid #000000; }

#portfolioShow li.one a			{background:url('/images/portfolio/hmbm.jpg') no-repeat 0 0; }
#portfolioShow li.two a			{background:url('/images/portfolio/ribs.jpg') no-repeat 0 0; }
#portfolioShow li.three a		{background:url('/images/portfolio/cotswold.jpg') no-repeat 0 0; }
#portfolioShow li.four a		{background:url('/images/portfolio/avalon.jpg') no-repeat 0 0; }
#portfolioShow li.five a		{background:url('/images/portfolio/tgbct.jpg') no-repeat 0 0; }
#portfolioShow li.six a			{background:url('/images/portfolio/normandy.jpg') no-repeat 0 0; }
#portfolioShow li.seven a		{background:url('/images/portfolio/rogershapley.jpg') no-repeat 0 0; }
#portfolioShow li.eight a		{background:url('/images/portfolio/george.jpg') no-repeat 0 0; }
#portfolioShow li.nine a		{background:url('/images/portfolio/wtp.jpg') no-repeat 0 0; }
#portfolioShow li.ten a			{background:url('/images/portfolio/roastapig.jpg') no-repeat 0 0; }

#portfolioShow li.one a:hover		{background:url('/images/portfolio/hmbm.jpg') no-repeat left bottom; }
#portfolioShow li.two a:hover		{background:url('/images/portfolio/ribs.jpg') no-repeat left bottom; }
#portfolioShow li.three a:hover		{background:url('/images/portfolio/cotswold.jpg') no-repeat left bottom; }
#portfolioShow li.four a:hover		{background:url('/images/portfolio/avalon.jpg') no-repeat left bottom; }
#portfolioShow li.five a:hover		{background:url('/images/portfolio/tgbct.jpg') no-repeat left bottom; }
#portfolioShow li.six a:hover		{background:url('/images/portfolio/normandy.jpg') no-repeat left bottom; }
#portfolioShow li.seven a:hover		{background:url('/images/portfolio/rogershapley.jpg') no-repeat left bottom; }
#portfolioShow li.eight a:hover		{background:url('/images/portfolio/george.jpg') no-repeat left bottom; }
#portfolioShow li.nine a:hover		{background:url('/images/portfolio/wtp.jpg') no-repeat left bottom; }
#portfolioShow li.ten a:hover		{background:url('/images/portfolio/roastapig.jpg') no-repeat left bottom; }


/*slider*/

#slider {
  width: 620px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

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

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

/*col2*/

#col2	{float:right; width:400px; text-align:left; margin:0 0 1em 3em; }