/* CSS Document */


body {
	background:#fefef8;
	color: #000;
	font-family: georgia, "times new roman", times, serif;
	padding: 0;
	margin:0;
	font-size:76%;
}

.width {
	width: 70%;
	min-width: 500px;
	margin:10px auto;
	height:100%;  
	border:0px solid #000;
}

p {padding:2em; margin:0;}
h1 {
	padding-top: .2em;
	padding-right: 2em;
	padding-bottom: 0em;
	padding-left: 2em;
	text-align: center;
}


#header {
	height: 170px;
	background:#f0f0f0; 
	text-align:center;
	margin-top:40px;  
	
	}

#content_area_home {
	height: 180px;
}

#content_area {
	height: 360px;
}

#about_content_area {
	height: 480px;	
}

#portfolio_content_area {
	height: 950px;
}

#footer {height:20px; background:#fd8; text-align:right; padding:10px;}  

a {color:#000;}
a:visited {color:#000;}



.copy {
	font-size:16px;
	padding-top:2px;
	padding-bottom:2px;
	color:#330000;
	font-family: Tahoma;
}

.company_name {
	display: block;  
	font-size:15px;
	padding-top:2px;
	padding-bottom:0px;
	padding-left:2px;
	color:#330000;
	font-family: Tahoma;
	margin-left:10px; 
}	 	 

	 
.company_type {
	font-size:15px;
	padding-top:2px;
	padding-bottom:2px;
	color:#000000;
	font-family: Arial;
	margin-left:10px; 
}	 	 


a:link.copy,a:visited.copy {text-decoration:none;color:#330000; }
a:active.copy,a:hover.copy {text-decoration:underline;color:#330000;}

.list_copy {
	font-size:15px;
	padding-top:2px;
	padding-bottom:2px;
	color:#330000;
	font-family: Tahoma;
	margin-left:20px; 
}	 
.contact_title {
	font-size:15px;
	padding-top:2px;
	padding-bottom:2px;
	color:#330000;
	font-family: Tahoma;
	margin-left:20px; 
	line-height:0.9em;
}	 


.list_copy_small {
	font-size:12px;
	padding-top:2px;
	padding-bottom:2px;
	color:#000000;
	font-family: Tahoma;
	margin-left:20px; 
}	 


	 
.yapa_title {
	font-family: "Bradley Hand ITC";
	font-size: 38px;
	font-weight: bold;
	color: #000000;
}

.yapa_title_cap {
	font-family: "Bradley Hand ITC";
	font-size: 50px;
	font-weight: bold;
	color: #000000;
}

img.figure {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 0px solid #666;
	padding: 10px;
}

img.figure-noborder {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 10px;
}


/* raised */

.raised {  background:transparent;   width:100%;  }
.raised h1, .raised p {  margin:0 10px;  }
.raised h1 {  font-size:2em;   color:#fff;  }
.raised p {  padding-bottom:0.5em;  }
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
  display:block;   overflow:hidden;  font-size:1px;  }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {  height:1px;  }
.raised .b2 {  background:#ccc;   border-left:1px solid #fff;   border-right:1px solid #eee;  }
.raised .b3 {  background:#ccc;   border-left:1px solid #fff;   border-right:1px solid #ddd;  }
.raised .b4 {  background:#ccc;   border-left:1px solid #fff;   border-right:1px solid #aaa;  }
.raised .b4b {  background:#ccc;   border-left:1px solid #eee;   border-right:1px solid #999;  }
.raised .b3b {  background:#ccc;   border-left:1px solid #ddd;   border-right:1px solid #999;  }
.raised .b2b {  background:#ccc;   border-left:1px solid #aaa;   border-right:1px solid #999;  }
.raised .b1 {  margin:0 5px;   background:#fff;  }
.raised .b2, .raised .b2b {  margin:0 3px;   border-width:0 2px;  }
.raised .b3, .raised .b3b {  margin:0 2px;  }
.raised .b4, .raised .b4b {  height:2px; margin:0 1px;  }
.raised .b1b {  margin:0 5px; background:#999;  }
.raised .boxcontent {  display:block;    background:#ccc;   border-left:1px solid #fff;   border-right:1px solid #999;  }


/* xsnazzy */

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:0px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #882229; border-right:1px solid #882229;}
.xb1 {margin:0 5px; background:#882229;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ccc; border:0 solid #882229; border-width:0 1px;}


#logoTable {
	border: 0px solid #000000;
	/*/*/line-height: 1.5em; /* */
 }
 
#logoTable td {
 	padding: 4px;  /*Pads each table cell in modern browsers*/
/*	border: inset 5pt ;*/
 }

 
 
 
 
 
 
/* Navigation
----------------------------------------------- */

#menuContainer { height: 30px; background-color: #fd8; }

#nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#330000;
	margin-bottom: 2px;
	padding-top: 7px;
	padding-bottom: 7px;
}

#nav li {margin: 0 16px 0 0; display: inline; }

#nav a {color: #330000;text-decoration: none;font-weight: bold;font-size: 1.1em; 
padding-top: 7px;padding-bottom: 7px; }

#nav a:hover { color: #FFF; background-color: #000; }

/* Form styles */
div.form-container {
	padding: 0px;
	background-color: #f0f0f0;
	border: 1px solid #330000;
	width: 600px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 70px;
}
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.buttonrow { margin-left: 180px; }

#dhtmltooltip{
	position: absolute;
	width: 250px;
	border: 1px solid #882229;
	padding: 5px;
	background-color: #FFFFCC;
	visibility: hidden;
	z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}