/* CSS Document */

body {width:100%; height:100%; padding:5px; margin:0; background:url(images/header_bg.gif) top repeat-x;  color:#000000; font-family:Arial, Helvetica, sans-serif;  font-size:small; }
p{font-size:90%;  text-align:left; }
h3 {font-size:95%;}
#header, #body, #footer, #example, #title {margin:0 auto;}

/* PAGE BACKGROUNDS */
.hireme {background-color:#CCD5BC;}
.about {background-color:#ccccff;}
.contact {background-color:#C4D0D5;}
.process {background-color:#DCE2E2;}
.webwork {background-color:#E3E7CD;}
.resume {background-color:#C6D9CE;}
.examples {background-color:#C6D9CE;}
.thanks {background-color:#9AB399;}
.bree { background-color:#CECEC0;}
.error {background-color:#cccccc;}
.testimonials {background-color:#DADAFF;}
.hireme #body {background:#CCD5BC url(images/hireme_head.gif) top left no-repeat;}
.about  #body {background:#ccccff url(images/header_about.gif) top left no-repeat;}
.contact #body {background:#C4D0D5 url(images/contact_head.gif) top left no-repeat;}
.process #body {background:#DCE2E2 url(images/process_head.gif) top left no-repeat;}
.webwork #body {background:#E3E7CD url(images/web_head.gif) top left no-repeat;}
.resume #body {background: #C6D9CE url(images/resume_head.gif) top left no-repeat; }
.thanks #body {background: #9AB399 url(images/thanks_head.gif) top left no-repeat ;}
.bree #body {background:#CECEC0 url(images/header_bree.gif) top left no-repeat;}
.testimonials #body {background:#DADAFF url(images/header_testimonials.gif) top left no-repeat;}
.error #body {background: #cccccc url(images/404.gif) top left no-repeat; padding-top:140px;}
.error #body img, a  {border:none;}
.portfolio {background-color:#FFFFFF;}
.standards {background-color:#CCD5E3;}
.standards #body {background:#CCD5E3 url(images/header_standards.gif) top left no-repeat;}
.handcursor{cursor:hand; cursor:pointer; }

#body a, #example a{color:#000; font-weight:bold; text-decoration:underline;}
#body a:hover, #example a:hover {text-decoration:none; color:#520282; position:relative; }
.red {color: #FF0000;}


/* HEADER FOR ALL PAGES*/
#header { padding:0;  width:750px; clear:both; height:130px; border:none; margin:0 auto; position:relative;  }
/*#header form {margin:100px 0 5px 600px; padding:0 ; width:200px; height:130px; vertical-align:bottom;  text-align:left;}*/

#header #nav { 
	font-size:80%;  
	width:135px; height:2em; 	padding:0 ; 	
	margin:0; position:absolute; top:95px; right:5px;  }

#header #logo { display:inline; margin:0; padding:0; height:95px; width:143px; float:left;}



#body {	clear:both;	width:750px; text-align:left;	padding:70px 0px 0 0px; margin:0 auto;}

#body p {  margin: .5em 25px .5em 25px;  }

#body h1 {font-size:120%; width:100%; text-align:right; margin-bottom:10px; margin-right:0  }
#body h2 {font-size:110%; margin-bottom:3px; padding:0; 	text-align: left; color: #463058;
	}
#body h3 {padding: 0px;	margin:5px 0; text-align:left; font-size:100%;	margin-left: 25px; clear:both;
	color: #333333;}
#body ul { position:relative;  list-style:square; padding-left:40px; margin-left:40px;
}

#body hr {width:100%; text-align:center; padding:0; }
#body p.toplink {text-align:right; margin:0; padding:0; width:100%;}


.resume #body .table li {width:225px;}
.resume #body h5 {width:250px;}

#footer { clear:both;	width:750px; text-align:center;	padding:10px 0px 0 0px; font-size:90%; border-top:#663399 thin solid;  font-weight:bold;}
#footer .menu {text-align:center; display:block; width:750px; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:10px; padding:0; }
#footer .menu li { list-style:none; display:inline; padding:5px; margin:0; text-transform:lowercase;	font-size:90%;}
#footer p {padding:0; margin:5px;  text-align:center; }
#footer .menu a {font-size:110%; color:#663399;}
#footer .menu .current {font-size:100%; font-weight: bold;}
a:link, a:visited { color:#660099;}
a:hover {text-decoration:none; }

.float_right {float:right; text-align:left; padding:0; margin:0}

/* PORTFOLIO PAGES*/
#title {width:750px; padding:2px 0 2px 0; border: none; clear:both; }
#title h2 {padding:0; margin:2px 5px 5px 0; display:inline;  text-align:left; text-transform:lowercase; width:500px; float:left; clear:left; font-size:200%; }
#title p { text-align:right;  letter-spacing:1px; float:right; padding:4px; margin:5px; font-weight:bold; width:175px;  }
#title a {color: #663399;}
#title a:hover {color:#000000; text-decoration:none;}

#example { width:750px; padding:10px 0px 0px 0px ; background-color: #FFFFFF; border:none; text-align:left; }
#example p { width:320px; text-align:left; padding:0; margin:5px 7px 8px 0;}
#example h4 {padding:0 10px 10px 0; margin:0;   text-align:left; clear:both; font-size:160%; }
#example img { text-align:right; clear:right; border:none; margin:  0; padding:0;}
#example img.next { height:1px; width:1px; visibility:hidden;}



.webwork #body #thumbnails  img {margin:8px 10px; border:#000000 1px solid; padding:0; }
.webwork #body .centered {text-align:center;  padding:0; width:100%; margin:0; }
.webwork #body #thumbnails {margin:0px; padding:0x; width:750px; margin:0 auto;}

.normal {color:#000000; font-size:90%; font-style:normal; font-weight:normal; }
.hidden {visibility:hidden;}	
	
#title .hidden_text { visibility:hidden;}


.contact #body p {width: 545px;	margin: 0px; padding: 0px; }
.contact #body #comment * {margin: 0px;	padding: 0px;}
textarea {background-color:white;}


.portfolio #example h4 {text-transform: capitalize;}

.portfolio #example {width: 750px;	padding: 0px;}
.portfolio #example #footer p {width: 750px;	margin-right: 0px;	margin-left: 0px;	
		padding-right: 0px;	padding-left: 0px;	text-align: center;	font-size: 90%;}
#thumbs {float:right; margin-right:75px;}

#body li {
	padding: .05em;
	line-height:1.25em;
	list-style:square;
}
.bree blockquote   {
	margin-left: 0px;
	padding: 0px;
}

.spacer {clear:both; font-size:1px; height:2px;}
.square {	list-style-type: square;	list-style-image:url(examples/images/open.png);
	list-style-position:outside;	display: block;}
.testimonials #body *  blockquote {
	margin:1em 0 1em 15px;
}


#dhtmltooltip{
position: absolute;
width: 266px;
border:none;
padding: 2px;
background-color: transparent;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}#searchbox {
	width: 300px;
	float: right;
	text-align: right;
}
.webwork #body #left-column p a img , 
.webwork #body #middle-column p a img , .webwork #body #right-column p a img {
	border: 1px solid #A7A7A7;
	padding: 3px;
	margin: 3px 4px 3px 0;

}
.webwork #body #left-column { padding-left:10px; 
	width: 460px;
	float: left;		margin:0 30px;
	padding: 0px;
	text-align:left;}




.webwork #body #middle-column, .webwork #body #right-column {	width: 230px;
	float: left;	margin: 0px;
	padding: 0px;
	text-align:left;}
.webwork #body #left-column p, .webwork #body #middle-column p, .webwork #body #right-column p { padding:0; width:100%; margin:0; text-align:left; }



#title .breadcrumb {
	text-align: left;
	float: left;
	width: 500px;
	padding:4px 0;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom:5pxpx;
	margin-left: 0px;
	font-weight: normal;
}


.fill_out {
        background: #C4D0D5;
        color: #333;
        border:0;
        border-bottom: 1px #aaa dashed;
}
textarea {
	background: #C4D0D5;
    color: #333;
    border: 1px #aaa dashed;
    margin-bottom: 10px;
	}
#name, #email, #phone, #postal_code, #comments, #how_heard {
	width: 300px;
}

#slideshow {
    position:relative;
    height:250px;
		width: 362px;
			float:right;
			overflow:hidden;
}

#slideshow div {
	position:absolute;
	top:0;
	right:0;
	z-index:8;
	opacity:0.0;
	height: 248px;
	background-color:#ccccff;
	width: 352;

}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    height: 243px;
    display: block;
    border: 0;
	background-color:#ccccff;

}
.photo-left {
	clear: left;
	float: left;
margin:0px 10px 5px 0; border:#ccc 1px solid; padding:3px; 
}
blockquote   .photo-right {
	float: right;
	clear: right;
	padding: 2px;
	border: 1px solid #CCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 12px;
}
#cloud p {
	line-height: 150%;
}
#cloud a {
	padding: 3px;
}