@charset "utf-8";
/* CSS Document */



/* 
  --  Colors  --
green links: #669900
orange:  #FF9900
tagline:  #8EB71D
*/


/* reset ALL styles ---- */

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}



h3 {
	margin: 1em 0 .02em 2.33em;
	font-size:1.45em;
	
	}

p {
	margin-bottom: 1em; 
	font-size:.9em;
	line-height:1.6em
	}






html, body {
    font-family:Georgia, "Times New Roman", Times, serif;
	background: #fff url(images/temp-blue/bkg.gif) repeat-x;
	font-size: 100.01%;
    }

.both { clear:both; }  /*used with br tag to clear footer*/

/* =container */
div#container {
	margin:0 auto;
	padding: 0;
	width: 56em; /*width: 920px;*/
	}
	
div#contact {background:url(images/temp-blue/expander-cap-up.gif) top left no-repeat; height:4em;	}
			
			
ul#contact-icons { margin: 0; padding-top:10px; float:right; height: 3em;}

#contact-icons li {
	display: inline;
	padding: 0 0 14px 15px;
	background-repeat: no-repeat;
	line-height: 40px;
	}

#contact-icons a {
	padding: 0 0 14px 20px; /*font-weight: bold;*/ 
	text-decoration: none; 
	font-size: .7em;
	
	}

#contact-icons a:link, #contact-icons a:visited {
	padding-left: 41px;
	color:#666;
	}
	a:link#icon-phone, a:visited#icon-phone {background:url(images/temp-blue/icon-phone.gif) no-repeat top left; cursor: default}
	a:link#icon-envelope, a:visited#icon-envelope {background:url(images/temp-blue/icon-envelope.gif) no-repeat top left;}
	a:link#icon-hcard, a:visited#icon-hcard {background:url(images/temp-blue/icon-hcard.gif) no-repeat top left;}
	
	/*text link changes to #contact*/
	a:link#icon-envelope, a:visited#icon-envelope {background:url(images/temp-blue/icon-envelope.gif) no-repeat top left;}
	a:link#icon-hcard, a:visited#icon-hcard {background:url(images/temp-blue/icon-hcard.gif) no-repeat top left;}
	


#contact-icons a:hover {
	color: black;
	padding-left: 41px;
	}
	a:hover#icon-phone {background:url(images/temp-blue/icon-phone.gif) no-repeat top left; cursor: default}
	a:hover#icon-envelope {background:url(images/temp-blue/icon-envelope.gif) no-repeat top left;}
	a:hover#icon-hcard {background:url(images/temp-blue/icon-hcard.gif) no-repeat top left;}

	/*text link changes to #contact*/
	a:hover#icon-envelope {background:url(images/temp-blue/icon-envelope.gif) no-repeat top left;}
	a:hover#icon-hcard {background:url(images/temp-blue/icon-hcard.gif) no-repeat top left;}

	

/* =copntent */
div#content {
	display:inline;
	float: left;
	width: 28em; /*width: 400px;*/ 
	background:url(images/temp-blue/expander-bkg.gif) top left repeat-y;
	margin: 34px 0 0 28em;/*490px;*/
	}
	
		.about {margin-left: 4em;}
	
div#content-footer {background:url(images/temp-blue/expander-cap-down.gif) top left no-repeat; height:44px;}	
	

	
/* =footer */
div#footer {
    background-color: #FFCCFF;
	padding:0;
	margin:0;	 
    }




/* =form main heading */
h3#form-main-heading {
	margin: 1em 0 .02em 2.33em;
	font-size:1.45em;
	height:2em;
	padding-top: 0;
	background:url(images/temp-blue/fade-center-hrule.gif) no-repeat;
	background-position: bottom;
	}





/* =header */
div#header {
    color:#fff;
	height:86px;
	padding:0;
	margin: 0;	 
    }

p#hello {margin-top: 0em;}

#hr-rule-site-hdr,
.hr-rule  { 
	height: 1px; 
	background: url(images/blue/h-rule.gif) ; 
	clear:both;
	display:block;
	margin: 1em 0 1em 0;
	}
	
.hr-rule hr { display: none; }



p#intro {
	
	font-size:1.5em;
	line-height:1.3em;
	margin: .75em 0 0 2.4em; /*had to set the left margin manually/by sight.. aligns funny... */
	
	}
	

h1#logo {
	display: block;
	width: 153px;
	height: 58px;
	background: url(images/temp-blue/logo.gif) top left no-repeat;
	text-indent: -10000px;
	float:left;clear:both;
	margin:15px 0 0 0;
	}






/*recent-work*/
h2#recent-work  {
	margin: .5em 0 .5em 0;
	font-size:1.5em;
	}

	p.recent-project-name { 	/*note - "p.work-desc" has affecting bottom margin */
								/*note - "h2#recent-work" has affecting bottom margin as well */
	
	margin: .5em 0 0 0; padding-top: .5em;
	width: 100%; height: 1.4em;
	background: url(images/temp-blue/grey-pixel.gif) repeat-x;
	background-position: top;
	
	} 
	


ul#services {
	font-size:0.75em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:2em 0 5em 5em;
	padding:0;
	}

ul#services li {
	background-position:0 50%;
	background-repeat:no-repeat;
	line-height:1.5em;
	margin:4px 0 4px 0;
	padding:0 0 3px 25px;
	}
	
	.check {background-image: url(images/temp-blue/check.gif);}





.sidebar-image {
	border:none; 
	width:400px;
	margin:.4em 0 0 0;
	}
	
h2#skills {
	float:right; 
	/*clear:both;*/
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: .725em;
	margin:35px 0 0 0;
	}



#skip-link { font-size: .8em; float:left; margin:35px 0 0 255px;}
#skip-link a:link {color:#141E26;  text-decoration:none;}  /* unvisited link */
#skip-link a:visited {color:#141E26;  text-decoration:none;}  /* visited link */
#skip-link a:hover {color:#ffffff; text-decoration:underline;}   /* mouse over link */
#skip-link a:active {color:#141E26;  text-decoration:underline;}    /* selected link */
 
h4#success { color:#FF9900; margin-left:2.9em; padding-top: 1em; font-size: 1.2em; font-weight:bold;}

	
/* =container */
div#top-rule {
	margin:12px 0 0 0; padding: 0;
	width: 56em; height:14px;
	background:url(images/temp-blue/fade-bkg.gif) top left repeat-x;
	}


h3#tagline {
	margin: 2em 2em 1em 3em;
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;  text-align:center;  color:#8EB71D;
	width: 21em; height:3em;	padding-top: .75em;
	background:url(images/temp-blue/fade-center-hrule.gif) top no-repeat; 
	}

div#work { 
	display:inline;
	float: left;
	width: 25em;
	margin:0;
	margin: 34px 0 0 -56em;
	}
	
	div#work a:link {text-decoration: none; color:#669900;}
	div#work a:visited {text-decoration: none; color:#669900;} 
	div#work a:active {text-decoration: none; color:#669900;}
	div#work a:hover {text-decoration: underline; color:#669900;}

div#work p {font-size:.75em;}

p.work-desc {  /* bottom margin! */
	margin: 1.4em 0 6em 0;
	width: 21em; height:3em;	padding-top: 1em;
	background:url(images/temp-blue/fade-center-hrule.gif) top no-repeat; 
	width:100%;
	}