/* CSS Document */

body {width:100%; height:100%; padding:5px; margin:0; background-image:none;  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;}

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

/* PAGE BACKGROUNDS */
/*
.hireme  #body {background-color:#CCD5BC;}
.about  #body {background-color:#ccccff;}
.contact #body  {background-color:#C4D0D5;}
.process  #body {background-color:#DCE2E2;}
.webwork  #body {background-color:#E3E7CD;}
.resume  #body {background-color:#C6D9CE;}
.examples #body  {background-color:#C6D9CE;}
.thanks #body  {background-color:#9AB399;}
.bree  #body { background-color:#CECEC0;}
.error  #body {background-color:#cccccc;}
.testimonials {background-color:#DADAFF;}
.hireme #body {background-color:#CCD5BC; background-image:none;  }
.about  #body {background-color:#ccccff; background-image:none;  }
.contact #body {background-color:#C4D0D5; background-image:none;  }
.process #body {background-color:#DCE2E2; background-image:none;  }
.webwork #body {background-color:#E3E7CD; background-image:none;  }
.resume #body {background-color: #C6D9CE; background-image:none;  }
.thanks #body {background-color: #9AB399; background-image:none;  }
.bree #body {background-color:#CECEC0; background-image:none;  }
.testimonials #body {background-color:#DADAFF; background-image:none;  }
.error #body {background-color:#cccccc; padding-top:10px;}
.error #body img, a  {border:none;}
.portfolio #body  {background-color:#FFFFFF;}
.standards  #body {background-color:#CCD5E3;}
.standards #body {background-color:#CCD5E3; }
*/
.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; }
.red {color: #FF0000;}


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

#header #nav { 
	display:inline; float:right; font-size:80%;  
	width:135px; height:2em; 	padding:0 ;  clear:right;	
	margin:100px 0 0 0;  }

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





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

#body h1 {font-size:120%; width:100%; text-align:left; margin:2em 0 10px 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;
	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:visited { color:#660099;}

.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.05em;
	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; }

.webwork #body #left-column, .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; }

.webwork #body #middle-column {
	margin:0 30px;
}

#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;
}
#header {
	background-color: #FFF;

}