/* CSS Document */
/* Copyright 2010 Sproutreach. All rights reserved. */

html {
	height:100%;
	margin:0;
	padding:0;
	}

body {
	height:auto;
	margin:0;
	padding:0;
	background:#AFA675;
	text-align:center;
	min-width:960px;
	height:725px;
	}

#wrapper {
	background:#ffffff url(http://sproutreach.com/images/interiorbodybg.gif) repeat-x 50% 0;
	width:100%;
	}

#container {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height:700px;
	background:#ffffff url(http://sproutreach.com/images/interiorcontainerbg.gif) no-repeat 50% 100%;
	text-align:left;
	clear:both;
	}


h1 {
	font-family:Arial, Helvetica, sans-serif;
	color: #419638;
	font-size: 1em;
	line-height: 1.7em;
	font-weight: bold;
	font-size: 1.1em;
	margin:0;
	padding:10px 0 0 0;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #5a471b;
	font-size: 0.95em;
	border: 0px;
	margin:0;
	padding-top: 10px;
	}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #afa675;
	font-size: .95em;
	border: 0px;
	margin:0;
	padding:10px 0 0 0;
	}

p {
	color:#3D3D3D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	}

a {
	color: #0072bc;
	text-decoration: none;
	border:none;
	outline:none;
	}

a:hover, a:active {
	color: #0072bc;
	text-decoration: underline;
	border:none;
	}

img {
	border:none;
	}

.box_spacer {
	width:auto;
	height:30px;
	background-color: #FFFFFF;
	}

.box_spacer1 {
	width:auto;
	height:1px;
	background-color: #FFFFFF;
	}

.subtext {
	color: #999999;
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	}

hr {
	width:100%;
	color:#DDDDDD;
	height:1px;
	}

#header {
	width: 960px;
	margin: 0 auto;
	padding-top:15px;
	}

/* -------- Begin MAIN NAVIGATION SECTION -------- */

#headerlogo {
 	padding-left:15px;
	padding-top:15px;
	width:380px;
	vertical-align:middle;
	}
	
#headerlogo img.logotext {
 	padding:0 0 25px 15px;
	}

#navbar {
	float:right;
	width: 550px;
	padding-top:0;
	margin-top:0;
	height:50px;
	}

#navbar a {
	font-family: Arial, Helvetica, sans-serif;
	color: #7A7A7A;
	font-weight:normal;
	text-decoration:none;
	font-size:13px;
	}

#navbar a:hover, #navbar a:active {
	color: #3D3D3D;
	text-decoration: none;
	}

#navbar ul {
	font-size: 13px;
	float: right;
	padding: 0 20px 0 0;
	list-style: none;
	}
 
#navbar ul li {
	display:inline;
	margin: 0 0 0 10px;
	padding: 10px 0 10px 0;
	color: #666666;
	line-height: 26px; /* height of icon + whitespace */
	background-repeat: no-repeat;
	background-position: 0 45%;
	}

#navbar ul li a {
	padding-left: 26px; /* width of icon + whitespace */
	}

#navbar-services { background-image: url(http://sproutreach.com/images/icons/services.png); }
#navbar-portfolio { background-image: url(http://sproutreach.com/images/icons/portfolio.png); }
#navbar-about { background-image: url(http://sproutreach.com/images/icons/about.png); }
#navbar-contact { background-image: url(http://sproutreach.com/images/icons/contact.png); }
#navbar-blog { background-image: url(http://sproutreach.com/images/icons/blog.png); }

/* --------End MAIN NAVIGATION SECTION -------- */

#mainbody {
	clear:both;
	width:960px;
	margin: 0 auto;
	height:510px;
	padding-top:30px;
	}

#mainbody ol {
	color:#3D3D3D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	margin-left:5px;
	padding-left:1em;
	list-style-position: outside;
	}

#mainbody ol li {
	padding-bottom:8px;
	}

#mainbody ol li.last {
	padding-bottom:0;
	}

#leftcol {
	float:left;
	width:450px;
	height:auto;
	display: inline;
	padding-left: 15px;
	}

#leftcol-narrow {
	float:left;
	width:350px;
	height:auto;
	display: inline;
	padding-left: 15px;
	}

#leftcol-wide {
	float:left;
	width:550px;
	height:auto;
	display: inline;
	padding-left: 15px;
	}

#leftcol-mission {
	float:left;
	width:450px;
	height:310px;
	display: inline;
	padding-left: 15px;
	}

#leftcol-sitemap {
	float:left;
	width:350px;
	height:auto;
	display: inline;
	padding-left: 15px;
	}

#leftcol-sitemap ul {
	color:#3D3D3D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	padding: 0;
	list-style:none;
	}

#leftcol-sitemap ul li {
	padding:0 0 10px 0;
	}

#leftcol-sitemap a {
	color: #0072bc;
	text-decoration: none;
	border:none;
	}

#leftcol-sitemap a:hover, #leftcol-sitemap a:active {
	color: #0072bc;
	text-decoration: underline;
	border:none;
	}

.indent {
	padding-left:20px;
	}

.portfolio-intro {
	color:#ABABAB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	padding:15px 0 0 0;
	border-top: solid #ABABAB 1px;
	}

#rightcol {
	width:450px;
	height:auto;
	clear: none;
	float: right;
	display: inline;
	padding-right: 15px;
	}

#rightcol-narrow {
	margin:0 0 0 610px;
	width:350px;
	height:auto;
	}

#rightcol-narrow img {
	float: right;
	padding-right: 15px;
	}

#rightcol-wide {
	margin:0 0 0 410px;
	width:550px;
	height:auto;
	}

#rightcol-scroll {
margin-top:30px;
padding-right:10px;
width:450px;
height:300px;
overflow:auto;
}

#rightcol-contact {
width:400px;
height:300px;
clear: none;
float: right;
display: inline;
padding-right: 15px;
padding-top:28px;
}

#rightcol-services {
width:400px;
height:auto;
clear: none;
float: right;
display: inline;
padding-right: 15px;
padding-top: 27px;
}

#rightcol-estimate {
width:400px;
height:1050px;
clear: none;
float: right;
display: inline;
padding-right: 15px;
padding-top: 27px;
}

#rightcol-port {
width:550px;
height:320px;
clear: none;
display: inline;
float: right;
padding-right: 15px;
}

#rightcol-sitemap {
margin:0 0 0 410px;
width:550px;
height:auto;
padding-top:28px;
}

#rightcol-sitemap img {
border:none;
}

#rightcol-sitemap ul {
color:#3D3D3D;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.3em;
padding: 0;
list-style:none;
}

#rightcol-sitemap ul li {
padding:0 0 10px 0;
}

#rightcol-sitemap ul li a {
color: #0072bc;
text-decoration: none;
border:none;
}

#rightcol-sitemap ul li a:hover, #rightcol-sitemap ul li a:active {
color: #0072bc;
text-decoration: underline;
border:none;
}

/* --------Begin PORTFOLIO IMAGE-SWAPPING-------- */

/* The containing box for the LOGOS gallery. */
#gcontainerlogo {
position:relative; 
width:550px; 
height:350px; 
margin:0 auto 0 auto;  
background:#fff url(portfolio/logos/logosamp1.gif) 5px 5px no-repeat;
}
	
/* Removing the list bullets and indentation */
#gcontainerlogo ul {
padding:0; 
margin:0; 
list-style-type:none; 
}
	
/* Remove the images and text from sight */
#gcontainerlogo a.gallery span {
position:absolute; 
width:1px; 
height:1px; 
top:5px; 
left:5px; 
overflow:hidden; 
background:#fff;
}
	
/* Adding the thumbnail images */
#gcontainerlogo a.gallery, #container a.gallery:visited {
display:block; 
color:#000; 
text-decoration:none; 
border:1px solid #fff; 
margin:2px 2px 2px 2px; 
text-align:left; 
cursor:default;
}

#gcontainerlogo a.slidea {
background:url(portfolio/logos/logosamp1_t.gif); 
height:40px; 
width:40px;
}

#gcontainerlogo a.slideb {
background:url(portfolio/logos/logosamp2_t.gif); 
height:40px; 
width:40px;
}

#gcontainerlogo a.slidec {
background:url(portfolio/logos/logosamp3_t.gif); 
height:40px; 
width:40px;
}

#gcontainerlogo a.slided {
background:url(portfolio/logos/logosamp4_t.gif); 
height:40px; 
width:40px;
}

#gcontainerlogo a.slidee {
background:url(portfolio/logos/logosamp5_t.gif); 
height:40px; 
width:40px;
}	

#gcontainerlogo a.slidef {
background:url(portfolio/logos/logosamp6_t.gif); 
height:40px; 
width:40px;
}	
	
#gcontainerlogo a.slideg {
background:url(portfolio/logos/logosamp7_t.gif); 
height:40px; 
width:40px;
}		

#gcontainerlogo a.slideh {
background:url(portfolio/logos/logosamp8_t.gif); 
height:40px; 
width:40px;
}
	
#gcontainerlogo a.slidei {
background:url(portfolio/logos/logosamp9_t.gif); 
height:40px; 
width:40px;
}

#gcontainerlogo a.slidej {
background:url(portfolio/logos/logosamp10_t.gif); 
height:40px; 
width:40px;
}
	
#gcontainerlogo a.slidek {
background:url(portfolio/logos/logosamp11_t.gif); 
height:40px; 
width:40px;
}

#gcontainerlogo a.slidel {
background:url(portfolio/logos/logosamp12_t.gif); 
height:40px; 
width:40px;
}
	
#gcontainerlogo a.slidem {
background:url(portfolio/logos/logosamp13_t.gif); 
height:40px; 
width:40px;
}

#gcontainerlogo a.sliden {
background:url(portfolio/logos/logosamp14_t.gif); 
height:40px; 
width:40px;
}
	
#gcontainerlogo a.slideo {
background:url(portfolio/logos/logosamp15_t.gif); 
height:40px; 
width:40px;
}

#gcontainerlogo a.slidep {
background:url(portfolio/logos/logosamp16_t.gif); 
height:40px; 
width:40px;
}
	
#gcontainerlogo a.slideq {
background:url(portfolio/logos/logosamp17_t.gif); 
height:40px; 
width:40px;
}
	
#gcontainerlogo a.slider {
background:url(portfolio/logos/logosamp18_t.gif); 
height:40px; 
width:40px;
}

#gcontainerlogo a.slides {
background:url(portfolio/logos/logosamp19_t.gif); 
height:40px; 
width:40px;
}

* html #gcontainerlogo a.slides {
width:40px; 
w\idth:40px;
}
	
/* set the size of the unordered list to house the thumbnails */
#gcontainerlogo ul {
width:138px; 
height:350px;
}

#gcontainerlogo li {
float:left;
}

/* move the thumbnails into the correct position */
#gcontainerlogo ul {
margin:0 5px 5px 5px; 
float:right;
}
	
/* change the thumbnail border color */
#gcontainerlogo a.gallery:hover {
border:1px solid #aaa; 
}
	
/* styling the :hover span */
#gcontainerlogo a.gallery:hover span {
position:absolute; 
width:300px;
height:350px; 
color:#FFFFFF; 
background:#FFFFFF;
}

/* styling the captions text */
#gcontainerlogo p {
color:#999;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
}

/* The containing box for the MARKETING AND PROMOTION gallery. */
#gcontainer {
position:relative;  
width:550px; 
height:350px; 
margin:0 auto 0 auto;
background:#fff url(portfolio/marketingandpromo/mp1.jpg) 5px 5px no-repeat;
}
	
/* Removing the list bullets and indentation */
#gcontainer ul {
padding:0; 
margin:0; 
list-style-type:none; 
}
	
/* Remove the images and text from sight */
#gcontainer a.gallery span {
position:absolute; 
width:1px; 
height:1px; 
top:5px; 
left:5px; 
overflow:hidden; 
background:#fff;
}
	
/* Adding the thumbnail images */
#gcontainer a.gallery, #container a.gallery:visited {
display:block; 
color:#000; 
text-decoration:none; 
border:1px solid #fff; 
margin:2px 2px 2px 2px; 
text-align:left; 
cursor:default;
}

#gcontainer a.slidea {
background:url(portfolio/marketingandpromo/mp1_t.jpg); 
height:40px; 
width:40px;
}

#gcontainer a.slideb {
background:url(portfolio/marketingandpromo/mp2_t.jpg); 
height:40px; 
width:40px;
}

#gcontainer a.slidec {
background: url(portfolio/marketingandpromo/mp3_t.jpg); 
height: 40px; 
width: 40px;
}

#gcontainer a.slided {
background:url(portfolio/marketingandpromo/mp4_t.jpg);  
height:40px; 
width:40px;
}

#gcontainer a.slidee {
background:url(portfolio/marketingandpromo/mp5_t.gif);  
height:40px; 
width:40px;
}

#gcontainer a.slidef {
background:url(portfolio/marketingandpromo/mp6_t.jpg); 
height:40px; 
width:40px;
}

#gcontainer a.slideg {
background:url(portfolio/marketingandpromo/mp7_t.jpg); 
height:40px; 
width:40px;
}

#gcontainer a.slideh {
background: url(portfolio/marketingandpromo/mp8_t.jpg); 
height: 40px; 
width: 40px;
}

#gcontainer a.slidei {
background:url(portfolio/marketingandpromo/mp9_t.jpg);  
height:40px; 
width:40px;
}

#gcontainer a.slidej {
background:url(portfolio/marketingandpromo/mp10_t.jpg);  
height:40px; 
width:40px;
}

#gcontainer a.slidek {
background:url(portfolio/marketingandpromo/mp11_t.jpg);  
height:40px; 
width:40px;
}

#gcontainer a.slidel {
background:url(portfolio/marketingandpromo/mp12_t.jpg);  
height:40px; 
width:40px;
}

#gcontainer a.slidem {
background:url(portfolio/marketingandpromo/mp13_t.jpg);  
height:40px; 
width:40px;
}

#gcontainer a.sliden {
background:url(portfolio/marketingandpromo/mp14_t.jpg);  
height:40px; 
width:40px;
}

* html #gcontainer a.sliden {
width:40px; 
w\idth:40px;
}
	
/* set the size of the unordered list to house the thumbnails */
#gcontainer ul {
width:92px; 
height:350px;
}

#gcontainer li {
float:left;
}

/* move the thumbnails into the correct position */
#gcontainer ul {
margin:0 5px 5px 5px; 
float:right;
}
	
/* change the thumbnail border color */
#gcontainer a.gallery:hover {
border:solid #ABABAB 1px; 
}
	
/* styling the :hover span */
#gcontainer a.gallery:hover span {
position:absolute;
width:350px;
height:350px;
color:#FFFFFF;
background:#FFFFFF;
}

/* styling the captions text */
#gcontainer p {
color:#999;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 3px 0 0 0;
text-align: center;
}
	
/* The containing box for the EDUCATION AND ADVOCACY gallery. */
#gcontainered {
position:relative; 
width:550px; 
height:350px; 
margin:0 auto 0 auto;  
background:#fff url(portfolio/eduandadvo/ed1.jpg) 5px 5px no-repeat;
}
	
/* Removing the list bullets and indentation */
#gcontainered ul {
padding:0; 
margin:0; 
list-style-type:none; 
}
	
/* Remove the images and text from sight */
#gcontainered a.gallery span {
position:absolute; 
width:1px; 
height:1px; 
top:5px; 
left:5px; 
overflow:hidden; 
background:#fff;
}
	
/* Adding the thumbnail images */
#gcontainered a.gallery, #container a.gallery:visited {
display:block; 
color:#000; 
text-decoration:none; 
border:1px solid #fff; 
margin:2px 2px 2px 2px; 
text-align:left; 
cursor:default;
}
	
#gcontainered a.slidea {
background:url(portfolio/eduandadvo/ed1_t.jpg); 
height:40px; 
width:40px;
}
	
#gcontainered a.slideb {
background:url(portfolio/eduandadvo/ed2_t.jpg); 
height:40px; 
width:40px;
}
	
#gcontainered a.slidec {
background:url(portfolio/eduandadvo/ed3_t.jpg); 
height:40px; 
width:40px;
}
	
#gcontainered a.slided {
background:url(portfolio/eduandadvo/ed4_t.jpg); 
height:40px; 
width:40px;
}
	
#gcontainered a.slidee {
background:url(portfolio/eduandadvo/ed5_t.jpg); 
height:40px; 
width:40px;
}
		
#gcontainered a.slidef {
background:url(portfolio/eduandadvo/ed6_t.jpg); 
height:40px; 
width:40px;
}	
	
#gcontainered a.slideg {
background:url(portfolio/eduandadvo/ed7_t.jpg); 
height:40px; 
width:40px;
}	
	
#gcontainered a.slideh {
background:url(portfolio/eduandadvo/ed8_t.gif); 
height:40px; 
width:40px;
}		
	
#gcontainered a.slidei {
background:url(portfolio/eduandadvo/ed9_t.jpg); 
height:40px; 
width:40px;
}
	
#gcontainered a.slidej {
background:url(portfolio/eduandadvo/ed10_t.gif); 
height:40px; 
width:40px;
}
	
* html #gcontainered a.slidej {
width:40px; 
w\idth:40px;
}
	
/* set the size of the unordered list to house the thumbnails */
#gcontainered ul {
width:92px; 
height:350px;
}
	
#gcontainered li {
float:left;
}

/* move the thumbnails into the correct position */
#gcontainered ul {
margin:0 5px 5px 5px; 
float:right;
}
	
/* change the thumbnail border color */
#gcontainered a.gallery:hover {
border:1px solid #aaa; 
}
	
/* styling the :hover span */
#gcontainered a.gallery:hover span {
position:absolute; 
width:350px; 
height:350px; 
color:#FFFFFF; 
background:#FFFFFF;
}

/* styling the captions text */
#gcontainered p {
color:#999;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 3px 0 0 0;
text-align: center;
}

/* The containing box for the ILLUSTRATION gallery. */
#gcontainerill {
position:relative; 
width:550px; 
height:350px; 
margin:0 auto 0 auto;
background:#fff url(portfolio/illustration/ill1.jpg) 5px 5px no-repeat;
}
	
/* Removing the list bullets and indentation */
#gcontainerill ul {
padding:0; 
margin:0; 
list-style-type:none; 
}
	
/* Remove the images and text from sight */
#gcontainerill a.gallery span {
position:absolute; 
width:1px; 
height:1px; 
top:5px; 
left:5px; 
overflow:hidden; 
background:#fff;
}
	
/* Adding the thumbnail images */
#gcontainerill a.gallery, #container a.gallery:visited {
display:block; 
color:#000; 
text-decoration:none; 
border:1px solid #fff; 
margin:2px 2px 2px 2px; 
text-align:left; 
cursor:default;
}

#gcontainerill a.slidea {
background:url(portfolio/illustration/ill1_t.jpg); 
height:40px; 
width:40px;
}

#gcontainerill a.slideb {
background:url(portfolio/illustration/ill2_t.jpg); 
height:40px; 
width:40px;
}

#gcontainerill a.slidec {
background:url(portfolio/illustration/ill3_t.jpg); 
height:40px; 
width:40px;
}

#gcontainerill a.slided {
background:url(portfolio/illustration/ill4_t.jpg); 
height:40px; 
width:40px;
}
	
#gcontainerill a.slidee {
background:url(portfolio/illustration/ill5_t.jpg); 
height:40px; 
width:40px;
}	

#gcontainerill a.slidef {
background:url(portfolio/illustration/ill6_t.jpg); 
height:40px; 
width:40px;
}	
	
#gcontainerill a.slideg {
background:url(portfolio/illustration/ill7_t.jpg); 
height:40px; 
width:40px;
}		

#gcontainerill a.slideh {
background:url(portfolio/illustration/ill8_t.jpg); 
height:40px; 
width:40px;
}
	
#gcontainerill a.slidei {
background:url(portfolio/illustration/ill9_t.jpg); 
height:40px; 
width:40px;
}

#gcontainerill a.slidej {
background:url(portfolio/illustration/ill10_t.jpg); 
height:40px; 
width:40px;
}
	
#gcontainerill a.slidek {
background:url(portfolio/illustration/ill11_t.jpg); 
height:40px; 
width:40px;
}

#gcontainerill a.slidel {
background:url(portfolio/illustration/ill12_t.jpg); 
height:40px; 
width:40px;
}
	
#gcontainerill a.slidem {
background:url(portfolio/illustration/ill13_t.jpg); 
height:40px; 
width:40px;
}

#gcontainerill a.sliden {
background:url(portfolio/illustration/ill14_t.jpg); 
height:40px; 
width:40px;
}
	
#gcontainerill a.slideo {
background:url(portfolio/illustration/ill15_t.jpg); 
height:40px; 
width:40px;
}

#gcontainerill a.slidep {
background:url(portfolio/illustration/ill16_t.jpg); 
height:40px; 
width:40px;
}
	
#gcontainerill a.slideq {
background:url(portfolio/illustration/ill17_t.jpg); 
height:40px; 
width:40px;
}
	
#gcontainerill a.slider {
background:url(portfolio/illustration/ill18_t.jpg); 
height:40px; 
width:40px;
}

#gcontainerill a.slides {
background:url(portfolio/illustration/ill19_t.jpg); 
height:40px; 
width:40px;
}

#gcontainerill a.slidet {
background:url(portfolio/illustration/ill20_t.jpg); 
height:40px; 
width:40px;
}

#gcontainerill a.slideu {
background:url(portfolio/illustration/ill21_t.jpg); 
height:40px; 
width:40px;
}
		
* html #gcontainerill a.slideu {
width:40px; 
w\idth:40px;
}
	
/* set the size of the unordered list to house the thumbnails */
#gcontainerill ul {
width:138px; 
height:350px;
}

#gcontainerill li {
float:left;
}

/* move the thumbnails into the correct position */
#gcontainerill ul {
margin:0 5px 5px 5px; 
float:right;
}
	
/* change the thumbnail border color */
#gcontainerill a.gallery:hover {
border:1px solid #aaa; 
}
	
/* styling the :hover span */
#gcontainerill a.gallery:hover span {
position:absolute; 
width:350px; 
height:350px; 
color:#FFFFFF; 
background:#FFFFFF;
}

/* styling the captions text */
#gcontainerill p {
color:#999;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 3px 0 0 0;
text-align: center;
}

/* The containing box for the WEB DESIGN gallery. */
#gcontainerwd {
position:relative; 
width:550px; 
height:350px; 
margin:0 auto 0 auto;  
background:#fff url(portfolio/webdesign/wd1.png) 5px 5px no-repeat;
}
	
/* Removing the list bullets and indentation */
#gcontainerwd ul {
padding:0; 
margin:0; 
list-style-type:none; 
}
	
/* Remove the images and text from sight */
#gcontainerwd a.gallery span {
position:absolute; 
width:1px; 
height:1px; 
top:5px; 
left:5px; 
overflow:hidden; 
background:#fff;
}
	
/* Adding the thumbnail images */
#gcontainerwd a.gallery, #gcontainerwd a.gallery:visited {
display:block; 
color:#000; 
text-decoration:none; 
border:1px solid #fff; 
margin:2px 2px 2px 2px; 
text-align:left; 
cursor:default;
}
	
#gcontainerwd a.slidea {
background:url(portfolio/webdesign/wd1_t.png); 
height:40px; 
width:40px;
}
	
#gcontainerwd a.slideb {
background:url(portfolio/webdesign/wd2_t.png); 
height:40px; 
width:40px;
}
	
#gcontainerwd a.slidec {
background:url(portfolio/webdesign/wd3_t.png); 
height:40px; 
width:40px;
}
	
#gcontainerwd a.slided {
background:url(portfolio/webdesign/wd4_t.png); 
height:40px; 
width:40px;
}
	
#gcontainerwd a.slidee {
background:url(portfolio/webdesign/wd5_t.png); 
height:40px; 
width:40px;
}
		
#gcontainerwd a.slidef {
background:url(portfolio/webdesign/wd6_t.png); 
height:40px; 
width:40px;
}	
	
#gcontainerwd a.slideg {
background:url(portfolio/webdesign/wd7_t.png); 
height:40px; 
width:40px;
}	
	
#gcontainerwd a.slideh {
background:url(portfolio/webdesign/wd8_t.png); 
height:40px; 
width:40px;
}		
	
#gcontainerwd a.slidei {
background:url(portfolio/webdesign/wd9_t.png); 
height:40px; 
width:40px;
}
	
* html #gcontainerwd a.slidei {
width:40px; 
w\idth:40px;
}
	
/* set the size of the unordered list to house the thumbnails */
#gcontainerwd ul {
width:92px; 
height:350px;
}
	
#gcontainerwd li {
float:left;
}

/* move the thumbnails into the correct position */
#gcontainerwd ul {
margin:0 5px 5px 5px; 
float:right;
}
	
/* change the thumbnail border color */
#gcontainerwd a.gallery:hover {
border:1px solid #aaa; 
}
	
/* styling the :hover span */
#gcontainerwd a.gallery:hover span {
position:absolute; 
width:350px; 
height:350px; 
color:#FFFFFF; 
background:#FFFFFF;
}

/* styling the captions text */
#gcontainerwd p {
color:#999;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 3px 0 0 0;
text-align: center;
}

/* --------End PORTFOLIO IMAGE-SWAPPING-------- */

#footercontainer {
	width:960px;
	height:100px;
	}

#footer {
width:960px;
height:100%;
}

#footercontent {
width: 960px;
height: 100%;
text-align: right;
}

#footercontent p {
	text-align:right;
	color:#5A471B;
	font-size:11.5px;
	line-height:22px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 15px;
	padding-top:45px;
}

#footercontent span {
margin: 0 7px 0 7px;
}

#footercontent a { 
	color:#5A471B;
	text-decoration: none;
}

#footercontent a:hover, #footercontent a:active { 
text-decoration: underline;
}

#footercontent img { 
border:none;
}

#footercontent-services {
float:right;
width: 600px;
padding: 85px 15px 0 0;
margin:0;	
}

#footercontent-services p {
text-align:right;
color:#AFA675;
font-size:11.5px;
line-height:22px;
font-family: Arial, Helvetica, sans-serif;
}

#footercontent-services span {
margin: 0 7px 0 7px;
}

#footercontent-services a { 
color: #AFA675;
text-decoration: none;
}

#footercontent-services a:hover, #footercontent-services a:active { 
text-decoration: underline;
}

#footercontent-services img { 
border:none;
}

/* --------Begin INQUIRY AND ESTIMATE FORM-------- */

/* === form div and elements === */

#form-div { 
font-family : Arial, Helvetica, sans-serif;
width:80%;
color:#555;
line-height:1.5em;
}

/* === form div link styles ======================================== */

#form-div a { 
color:#AA753F; 
}
  
#form-div a:hover, #form-div a:focus, #form-div a:active { 
color:#000; 
text-decoration:none; 
}

#form-div a:focus, #form-div a:active { 
background-color:#eee; 
}

/* === success and error message/results box ======================= */

#form-div p.success, #form-div p.error, #form-div p.center { 
color:#fff;
padding:1px 4px; 
border:1px solid #000; 
background-color:#AA753F;
margin:10px 3px;
text-align:center;
}

#form-div p.error { 
background-color:#bb0000; 
}

#form-div p.error a, #form-div p.success a {
color:#ffff7f;
}

#form-div p.center {
text-align:center;
background-color:#edbaba;
color:#000;
margin-top:-3px;
padding:0px 4px; 
}

#form-div p.error a:hover, #form-div p.error a:focus, #form-div p.error a:active, 
#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {
color:#eee;
background-color:#bb0000; 
}

#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {
background-color:#AA753F; 
}

/* === structural form elements ==================================== */

form#gbcf-form { }

fieldset.main-set { 
border:1px solid #347235;
padding:5px;
background-color:#faf8cc;
}

fieldset.req-set { 
border:1px solid #347235;
padding:5px 10px;
background-color:#faf8cc;
margin:5px 0;
}

fieldset.opt-set { 
border:1px solid #347235;
padding:5px 10px;
margin:5px 0;
}

/* === textural form elements ====================================== */

#form-div legend { 
font-weight:normal;
}

#form-div legend span { }

legend.req-legend,
legend.opt-legend {
color:#347235;
font-size:13px;
}

legend.req-legend span { }
legend.req-legend {
margin-left:-2px;
}

legend.opt-legend span { }
legend.opt-legend { 
margin-left:-2px;
}

label.req-label, label.opt-label {
color:#AA753F;
font-size:13px;
line-height:18px;
}

label.opt-label.check {
float:right;
padding:0;
margin:5px 0 5px 120px;
cursor:pointer;
}

label.opt-label.main-label {
margin-top:5px;
font-size:13px;
color:#3d3d3d;
line-height:17px;
}

label.opt-label.main-label span {
font-weight:bold;
color:#3d3d3d;
font-size:1em;
}

label.req-label.explain {
color:#666;
font-size:11px;
}

label.req-label.explain:hover {
color:#000;
}

/* === control and interface form elements ========================= */

input.text-long.address, input.text-long.address:hover, input.text-long.address:focus,
input.text-long.address.hover, input.text-long.address.focus {
border-bottom:0;
margin-bottom:0;
padding-bottom:2px;
border-bottom:1px dotted #bbb;
}

input.text-long.address2, input.text-long.address2:hover, input.text-long.address2:focus,
input.text-long.address2.hover, input.text-long.address2.focus {
border-top:0;
margin-top:0;
padding-top:2px;
border-top:1px dotted #bbb;
}

input.checkbox {
border:1px solid #999;
width:1em;
height:1em;
padding:0;
margin:0;
cursor:pointer;
}

input.checkbox:hover, input.checkbox.hover,
input.checkbox:focus, input.checkbox.focus {
border:1px solid #666;
}

input.text-short, 
input.text-med, 
input.text-long,
select.select,
textarea.textarea {
font:.85em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
border:1px solid #999;
background-color:#fffffe;
cursor:text;
padding:1px 2px;
}

select.select {
padding:1px 0;
}

input.text-short {
width:100px;
}

input.text-med, select.select {
width:250px;
font:.85em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
}

input.text-long {
width:300px;
font:.85em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
}

textarea.textarea {
width:300px;
height:200px;
font:.85em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
}

select.select, select.select option {
cursor:pointer;
}

input.text-short:focus, input.text-short.focus, 
input.text-med:focus, input.text-med.focus,
input.text-long:focus, input.text-long.focus,
select.select:focus, input.select.focus,
textarea.textarea:focus, textarea.textarea.focus {
border:1px solid #666;
background-color:#ffe;
}

input.button { 
font:1em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
font-weight:bold;
margin-top:8px;
padding:1px 10px;
cursor:pointer;
float:right;
clear:both;
color:#aa753f;
border:1px solid #347235;
background-color:#faf8cc;
}

input.button:hover, input.button.hover,
input.button:focus, input.button.focus {
color:#347235;
background-color:#ecd872;
}

/* because IE6 sucks - if you have a conditionally served IE6 style sheet add this to it */
* html input.button {
border:1px solid #666;
}