@charset "utf-8";
/* CSS Document */
/*//////////////////////////////////
 -- Gustafson Group CSS Document 
 //////////////////////////////////*/


@media all {
/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */


/* =universals 


/* neutralize browser styles */
body, html {
	margin:0;
	padding:0;
}
/* neutralize browser spacing for vertical elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}
/* General Styles */
body {
	font: 100.1% Arial, Tahoma, Helvetica, Verdana, sans-serif;
	color : #595857;
	text-align : center;
	margin-top: 27px;
}
#outerContainer {
	width : 585px;
	margin : 0 auto;
	padding : 0;
	text-align : left;
}
#header {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 71px;
	border-bottom: solid #fff 7px;
}
#header h1 {
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 259px;
	background: url(../images/GustafsonGroup_logo.gif) no-repeat left top;
	text-indent: -9999em;
}
#innerContainer p, #innerContainer ul {
	margin : 10px 0px 0px;
	padding : 0px;
	font-size: 0.75em;
	line-height: 1.4em;
}
#innerContainer #box h3 {
	margin : 20px 0px -5px;
	padding : 0px;
	font-size:0.8em;
	line-height: 1.25em;
	font-weight:bold;
}
#innerContainer h4 {
	margin : 17px 0px 7px 0px;
	padding : 0px;
	font-size:0.9em;
	line-height: 1.4em;
	font-weight:normal;
}
#innerContainer h4 .sub {
	font-size: .82em;
	margin-top: -12px;
	line-height: .7em;
}
ul {
	padding:0;
	list-style-type:none;
}
 a.top:link, a.top:visited {
	color : #595857;
	border-bottom: solid 1px #595857;
	text-decoration:none;
	font-size:.95em;
	margin-left:12px;
}
a.top:hover, a.top:active {
border-bottom: solid 1px #fff;
}

/* Navigation Bar */
#navbar {
	z-index: 3;
	padding:0;
	margin: 0;
	margin-top: 6px;
	font-size: 11px;
}
#nav, #nav ul { /* all nav lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 3;
}
#nav a {
	display: block;
	color:#fff;
	font-weight: bold;
	text-decoration:none;
	padding: 0px;
	z-index: 3;
}
#nav li {
	float: left;
	background-color:#a8a8a8;
	border-right: solid 1px #fff;
	text-align:center;
	height: 21px;
	padding-top: 0px;
	margin:0;
}
#nav li:hover, #nav li#current {
	background-color:#595857;
}
#nav li.home a {
	width:71px;
	padding: 5px 0px 5px;
}
#nav li.who a {
	width:105px;
	padding:  5px 0px 5px;
}
#nav li.serve a {
	width:97px;
	padding: 5px 0px 5px;
}
#nav li.contact a {
	width:69px;
	padding: 5px 0px 5px;
}
#nav li ul { /* 2nd nav list */
	position: absolute;
	background: #a8a8a8;
	padding:0;
	width: 100px;
	margin: 0px 0 0 0;
	left: -999em;
}
#nav li ul li {
	font-size: 10px;
	border:#595857 1px solid;
	border-top:none;
	text-align:left;
	padding-left:5px;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li.who ul.whoSubMenu li, #nav li.who ul.whoSubMenu li a {
	width:98px;
}
#nav li ul.whoSubMenu li:hover {
	background-color:#737733;
	border-top:none;
}
/* Main Content Area */

#innerContainer {
	padding:0;
	margin:0;
	width : 100%;
	z-index: 1;
	overflow: auto;
}
#innerContainer.home { /*left column */
	background-color:#eee692;
	position: relative;
}
#innerContainer #services { /*left column */
	background-color:#737733;
	/*	*/position: relative;
	width:100%;
}
#innerContainer #aboutProfiles { /*left column */
	background-color:#737733;
		width:100%;
		/*clear: both;*/position: relative;
}
#innerContainer #contact { /*contact background */
	padding:0;
	margin:0;
	background:#eee692 url(../images/gg_contact.gif) center top no-repeat;
	width:585px;
	height:445px;
	
	overflow: hidden;/**/
}
#innerContainer #content_main {
	float : right;
	width : 355px;
	margin : 0;
	padding : 0;
	border-left: 7px solid #fff;
	overflow : auto;
	z-index: 1;
}
#innerContainer.home #content_main {
	background-color : #737733;
	color:#fff;
	padding-top:75px;
}

#box {
	padding:0px 18px 12px 17px;
	background-color: #fff;
}
#innerContainer.home #content_main #box {
	background-color:#737733;
}
#innerContainer #services #content_main #box {
	border: 1px solid #737733;
}
#innerContainer #aboutProfiles #content_main #box {
	border: 1px solid #737733;
}
#innerContainer #services ul.feature {
	margin-left: 15px;
	margin-top: 20px;
	font-weight:bold;
	font-size: .83em;	
	line-height:.87em;
}
#innerContainer #services ul.feature li {
	margin: 20px 0px 5px;
}
#innerContainer #services ul.feature li ul {
	margin-top:3px;
}
#innerContainer #services ul.feature li ul li {
	font-size: 1.3em;
	font-weight:normal;
	line-height:1.35em;
	margin:0;
	margin-left: 20px;
	text-indent:-20px;
}
#innerContainer #contact #contactGG, #innerContainer #contact #contactTY {
	font-size: 0.87em;
	/*margin: 130px auto 0;*/
	margin:0;
	padding-top:130px;
	text-align: center;
	line-height:1.25em;
}
#innerContainer #contact #contactGG p {
	text-align:left;
	width:360px;
	letter-spacing:0;
	font-size:1em;
	/**/	margin-left:100px;
	line-height:1.15em;
}
#innerContainer #contact #contactTY p {
	text-align:left;
	width:360px;
	letter-spacing:0;
	font-size:1em;
	padding:0;
	margin: 10px auto;
	line-height:1.15em;
}
#innerContainer #contact #contactGG h2 {
	font-size: 1.4em;
	font-weight:normal;
	letter-spacing:.1em;
	padding-bottom: 10px;
}
#innerContainer #contact #contactIndex {
	margin: 140px 0px 0px 20px;
	text-align:left;
}
#innerContainer #contact .contact {
	width:250px;
	line-height: 1.15em;
	margin: 5px auto;
	padding:0;
	text-align:center;
}
#innerContainer #contact .contact .contactDetails {
	margin-top: -8px;
	font-size: .75em;
	line-height:1.4em;
}
#innerContainer #contact #contactIndex .contact a:link, #innerContainer #contact #contactIndex .contact a:visited {
	color: #595857;
	text-decoration:none;
	border-bottom: solid 1px;
}
#innerContainer #contact #contactIndex .contact a:hover, #innerContainer #contact #contactIndex .contact a:active {
	text-decoration:none;
	border-bottom: solid 1px #eee692;
}
#content_sidebar {
	float : left;
	width : 221px;
	margin : 0;
	padding : 0;
}
#innerContainer.home #content_sidebar {
	position:absolute;
	bottom: 0px;
}
#innerContainer #content_sidebar img {/*headshots on profile pages*/
	margin:0;
	padding:0;
	border:none;
}
#innerContainer.home #content_sidebar h2 {
	width: 220px;
	height: 63px;
	background: url(../images/ggh_Success.gif) no-repeat right bottom;
	text-indent:-999em;
}
#content_sidebar p {
	font-size: .83em;
	line-height: 1.2em;
	font-weight:normal;
}
#innerContainer #content_sidebar .sbHighlight {
	color:#fff;
	padding: 15px 12px 10px 12px;
}

#innerContainer #content_sidebar .sbHighlight p{
	padding: 0px 5px;
}

#innerContainer #content_sidebar .sbHighlight h2 {
	padding:0;
	margin:0;
	margin-bottom:-5px;
	text-indent:-999em;
}
#innerContainer #content_sidebar .sbHighlight h2.who {
	width: 141px;
	height: 15px;
	background: url(../images/ggs_WhoServe.gif) no-repeat left top;
	margin: 9px 0;
	
}
#innerContainer #content_sidebar .sbHighlight h2.what {
	width: 141px;
	height: 15px;
	background: url(../images/ggs_What.gif) no-repeat left top;
	margin-bottom: 9px;
}
#innerContainer #content_sidebar .sbHighlight h2.dick {
	width: 143px;
	height: 29px;
	background: url(../images/ggw_DickGustafson.gif) no-repeat left top;
}
#innerContainer #content_sidebar .sbHighlight #emailAdd {
	padding:0;
	margin:15px 0px;
}
#innerContainer #content_sidebar .sbHighlight #emailAnne a:link, #innerContainer #content_sidebar .sbHighlight #emailAnne a:visited, #innerContainer #content_sidebar .sbHighlight #emailAnne a:hover, #innerContainer #content_sidebar .sbHighlight #emailAnne a:active {
	border:0;
	text-decoration:none;
}

#footer {
	width : 100%;
	border-top: solid #fff 5px;
	/*font-size:.7em;*/
	font-size:11px;
	line-height: 1.2em;
	height: auto;
	padding-top: 2px;
}
#footer #address {
	width: 230px;
	float: right;
	text-align:right;
}
#footer #copyright {
	float: left;
	width: 320px;
}
.clear{
	clear:both;	
}
#footer #credit, #footer #credit a {
	clear:both;
	margin: -18px auto 0;
	color:#a8a8a8;
	text-align:left;
}
#footer #credit a:hover {
	color:#595857;
}
/*page specific elements*/
#homebase {
	height: 186px;
	border-top: solid #fff 7px;
	background-color:#eee692;
	clear:both;
}
/* contact form */
#innerContainer #contact #contactFormIntro {
	margin: 0px 20px 2px 37px;
	letter-spacing: 0.03em;
	font-size: 0.82em;
	line-height: 1.5em;
	padding-top: 30px;
}
#innerContainer #contact #mailtoName {
	margin: 25px 35px 2px 37px;
	font-size: .82em;
	letter-spacing: .05em;
	width: 475px;
}
#innerContainer #contact #mailtoName .label {
	width:92px;
	color:#595857;
	text-align:left;
	float:left;
}
#innerContainer #contact #contactForm {
	font-size: .82em;
	margin: 0px auto 0;
	padding: 0;
	text-align:center;
	line-height:1.25em;
	letter-spacing:.05em;
}
#innerContainer #contact #contactForm p {
	text-align: left;
	margin: 35px 35px 0;
	letter-spacing: .04em;
}
#formWrap {
	margin: 0px 35px;
	width: 465px;
}
#formWrap #formButtons {
	margin: 15px 0px 0px 30px;
	clear:both;
	text-align:right;
	color:#fff;
}
fieldset input {
	float : left;
	width : 275px;
	background: #fff;
}
#formWrap #formButtons input.btn {
	color: #fff;
	text-align: center;
	background-color: #595857;
	border: 1px solid;
	border-color: #fff #eee #eee #fff;
	font: 11px;
	width: 85px;
}
#formWrap #formButtons input.btnhov {
	border-color: #595857;
	cursor: pointer;
}
fieldset select {
	float : left;
	width : 279px;
	background: #fff;
}
fieldset textarea {
	float : left;
	width : 370px;
	background: #fff;
	height: 175px;
	font: Arial, Tahoma, Verdana, sans-serif;
}

fieldset input:hover, fieldset select:hover, fieldset textarea:hover {
	background: #fff;
	border-color : #595857;
}
fieldset input:active, input:focus {
	border-color : #595857;
}
fieldset select:active, select:focus {
	border-color : #595857;
}
fieldset textarea:active, textarea:focus {
	border-color : #595857;
}
/* label and labelspan */
label, label span {
	display : block;
	padding-bottom : .25em;
	font-weight:normal;
}
label {
	margin-top: 4px;
	float : left;
	width : 100%;
}
label span {
	float : left;
	width : 90px;
	text-align : left; 
}
fieldset {
	width:475px;
	margin-top:7px;
	margin-bottom : 5px;
	padding : 0px 0px 10px 0px;
	overflow : hidden;
	font-style: normal;
	border:none;
	float: left;
}
} /* =end media hide */

