/* Colors:
	Red: #88002b
	Orange: #d68d00
	Dark: #3e0901
*/

* {margin: 0; padding: 0;}


/*-------------------------------------------------------TEXT----------------------------------------------------------*/
body {
		font-size: 80%;
		font-family:Georgia, "Times New Roman", Times, serif;
}

.instr{ font-size:.85em; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;}
.bd{	font-weight:bold;}

.underline{
/*text-decoration:underline;*/
font-weight:bold;}
		
.message{
	color:#FFFFFF;
	font-size:1.1em;
	line-height:1.44em;
}

.testi{
	color:#FFFFFF;
	font-size:1em;
	line-height:1.34em;
	font-style:italic;
}

.testr{
	color:#FFFFFF;
	font-size:1em;
	line-height:1.34em;
	text-align:right
}

.ad{
	text-decoration:none;
	Color:#FFFFFF;
	font-size:4em;
	padding-top:5px;
	float:left;
	}
	
.port{
	Color:#d68d00;
	font-size:3em;
	padding: 0px 370px 0px 5px;
	float:left;
	}

h1{
	display:block;
	border-bottom: 1px #3e0901 solid;
	Color:#d68d00;
	font-size:3em;
	padding:.25em 0 .25em 0;
	/*margin-bottom:.25em;*/	}

p{
	font:Georgia, "Times New Roman", Times, serif;
	line-height:1.65em;
	padding: 10px  5px  10px  10px;
	color: #3e0901;}

h4{
	display:block;
	margin: 5px 0 0 0;
	color: red;

}

/*---Layout--*/
	
#wrapper {
		margin: 0 auto;
		width:960px;
		background:url(images/bk.jpg) 40px -72px no-repeat;
		height: 400px;
		}
		
		
#header{
		background:url(images/logo.png)  no-repeat;
		height:155px;
		width: 250px;
		margin: 0 auto;
}

#navbar{
	width:100px;
	float:right;
	height:155px;
}

		ul#nav {
			height:236px;
			list-style:none;
		/*	margin-left:300px;	
		*/	}
			
		ul#nav  li  {
	/*		display: inline; /* Prevents "stepdown" */
		}
			
		ul#nav  li  a {
			display: block;
		/*	margin-right:10px;
		*/	color:#444444;
			font-weight:bold;
			text-decoration:none;
			padding: 5px 5px 5px 5px;
			}	
		
		ul#nav  li  a:hover{
			text-decoration:underline;
			color:#88002b;
			}	
	

#content{
	margin:27px 10px 40px 0px;
	width:621px;
	float:left;
	background-color:#FFFFFF;
	height:auto;
	text-decoration:none;
	}

					#design{
						width:203px;
						height:240px;
						float:left;
						background:url(images/sprites_.jpg) ;
						border-right: 5px #EEEEEE solid;
					}
					
					#print{
						width:203px;
						height:240px;
						float:left;
						background:url(images/sprites_.jpg) 408px 0px;
						border-right: 5px #EEEEEE solid;
					}
					
					#mail{
						width:204px;
						height:240px;
						float:left;
						background:url(images/sprites_.jpg) 204px 0px;
					}
	
							#design:hover{
								background:url(images/sprites_.jpg) 0px -240px;
								cursor:pointer;
							}
							
							#print:hover{
								background:url(images/sprites_.jpg) 408px -240px;
								cursor:pointer;
							}
							
							#mail:hover{
								background:url(images/sprites_.jpg) 204px -240px;
								cursor:pointer;
							}

#contentins{
	margin:27px 10px 40px 0px;
	width:621px;
	float:left;
	background-color:#FFFFFF;
	min-height:240px;
	border-top: 2px #3e0901 solid;
	border-bottom: 2px #3e0901 solid;
}		

#services{
	margin: 27px 0px 40px 10px;
	width:300px;
	float:right;
	background-color:#88002b;
	height:240px;
	}
						
				ul.services {
					font-size:1.25em;
					list-style:none;
					line-height:1.5;
					}
						
				ul.services  li  a {
					display: block;
					color:#444444;
					font-weight:bold;
					padding:0px 10px;	
					text-decoration:none;
					display:inline;
					color:#EEEEEE;
					}	
						
				ul.services li a:hover, ul#nav li a:active {
					background-color: #3e0901;	
					}

#box{background-color:#3e0901; float:right; width:80px; height:240px; border-left: 3px #EEEEEE solid;}

#portfolio{
	margin: 0px 10px 50px 0px;; 
	width:601px; 	height:230px;
	padding: 0px 5px 10px 10px ;
	float:left; 
	overflow:visible;
	border: #88002b thin solid;
	}

#webport{
	margin: 0px 10px 10px 0px;; 
	width:601px; 	height:230px;
	padding: 0px 5px 10px 10px ;
	float:left; 
	overflow:visible;
	}

#message{
	margin: 0px 0px 50px 0px; 
	width:280px; 
	padding:10px 10px ;
	float:right; 
	background-color: #3e0901; 
	min-height:220px;
}
			
			#quote{
				height:123px;
				width:123px;
				background:url(images/get-a-quote.png)  0px -123px;
				position:absolute;
				margin-left:184px;
				margin-top:-40px;
				cursor:pointer;
				}
				
				#quote:hover {
				background:url(images/get-a-quote.png);
				}
	
#footer{
	margin: 0px 10px 5px 0;
	width:100%;
	float:left;
	padding: 5px 0 0 0;
	min-height:100px;
	border-top:1px #000000 solid;
	text-align:center;
	color:#555555;
	font-size:0.75em;
	line-height::0.8em;
	/*background:url(images/sprites_.jpg) 0px -481px no-repeat;*/
	}
	
#ftcopy{
	font-size:inherit;
	line-height:inherit;
	text-align:center;
	float:left;
	margin:-10px 0 0 0;
	width:580px;}

#AIEC{
	margin: 5px 0 0 0 ;
	height: 98px;
	width: 190px;
	float:left;
	cursor:pointer;
	background:url(images/sprites_.jpg) 0px -481px no-repeat;
}


ul.mail{
	list-style:none;
	line-height:.75;
	color:#3e0901;
}

/*------------------------------------------------------------------- Form CSS ------------------------------------------------------------------------*/

.left{
	float:left;
	width:610px;
	border-bottom: 1px  #DDDDDD  dotted;
	margin-bottom:5px;
	padding: 3px 0 2px 0;
	line-height:1.45em;
}
/*
.right{
	float:right;
}*/
#reqthx{
	width:601px;
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 3em;
	text-align: center;
	margin: 20px 0px 430px 0;
	padding: 10px 0 10px 0;
	/*background: #FF9966;*/
}	

/*

.radio{ 
		width: auto;
		float:left;
		margin-right:1em;}
*/

.wh{
		width:180px;
		border:1px solid #DDDDDD;
		}	

.inmain{
		width: 475px;					/*475px;*/
		border:1px solid #DDDDDD;
		background-color:#FFFFFF;
		float:right;
		/*border-left: #BBBBBB 2px dotted;*/	
}

textarea{
		width:475px;
		height: 100px;
		float:right;
		border:1px solid #DDDDDD;
		/*background-color:#FFFFFF;
		*/margin: 5px 0 5px 0;
}
/*
td{
		border-top: #FFFFFF 5px solid;
		background-color: #DDDDDD;
		padding:2px 2px 2px 5px;
}*/

/*---------------------------------------------- contact --------------------------------------------*/

#angie{
float:left;
width:207px;
height:435px;
margin: 5px 0 5px 0;
padding-top:10px;}

#connie{
width:205px;
height:100px;
float:left;
margin: 5px 0 5px 0;
border-right:#3e0901 solid 1px;
border-left:#3e0901 solid 1px;padding-top:10px;}

#lisa{
float:right;
width:207px;
height:150px;
margin: 5px 0 5px 0;padding-top:10px;}

.contact{
text-align:center;
color:#444444;
/*text-decoration:none;*/
line-height: 2em;
}

A:link {text-decoration: underline;
			color:#000044;}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none; color:#550000;}