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


body  {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
/*	background: #D6D6D6 url(/images/webtopia_bg.jpg) repeat-x;	*/
    background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#frame {
		width:766px;
	/*	position: relative;  */
		margin-left:auto;
		margin-right:auto;
		margin-top: 0;
		margin-bottom: 0;		
		text-align:center;	
    	padding: 10px 0 10px 0;	
		}

#header {
    background: url(/images/header.jpg) no-repeat center;	
	width: 766px;
	height: 135px;
	margin-left:auto;	
	margin-right:auto;
	margin-top: 0; 
	margin-bottom: 0; 	
	padding: 0;
}

#address {
	margin-left: 536px;
	margin-right: 38px;
	padding: 30px 0 0 0;
	color: #333333;
	text-align: center;
	}

#nav {margin: 0; padding: 0; width:766px; height: 40px;}
		
#heading {
  background: url(/images/heading.jpg) no-repeat center;	
  height: 70px;
  width: 766px;
  margin-left: auto;
  margin-right: auto;  
  margin-top: 0;
  margin-bottom: 0;  
  padding: 0;
     }

#left_heading h1{
       float: left;
       display: inline;	   
       width: 206px;
       margin: 0 0 0 51px;
	   font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	   font-size: 150%;
	   color: #FFFFCC;
	   padding: 35px 0 0 0;
	   text-align: center;
	   }
	   
#right_heading h1{
       width: 400px;
       margin: 0 51px 0 305px;
	   font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	   font-size: 150%;
	   color: #FFFFCC;
	   padding: 35px 0 0 0;
	   text-align: center;
	   }

#heading_onecol {
  background: url(/images/heading_onecol.jpg) no-repeat center;	
  height: 70px;
  width: 766px;
  margin-left: auto;
  margin-right: auto;  
  margin-top: 0;
  margin-bottom: 0;  
  padding: 0;
     }

#heading_onecol h1{
       width: 410px;
       margin: 0 178px 0 178px;
	   font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	   font-size: 150%;
	   color: #FFFFCC;
	   padding: 35px 0 0 0;
	   text-align: center;
	   }


#wrap {
	background: #FFFFFF url(/images/webtopia_v_bg.jpg) repeat-y;	
	width: 766px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;	
	padding: 0;
}

#wrap_onecol {
	background: #FFFFFF url(/images/webtopia_bg_v_onecol.jpg) repeat-y;	
	width: 766px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;	
	padding: 0;
}


#sidebarleft {
	float: left; /* since this element is floated, a width must be given */
	display: inline;
	width: 220px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/*	padding: 5px;  padding keeps the content of the div away from the edges */
	margin: 0 0 0 43px;
}


#sidebarleft a {
		    	color: #3366FF;
				text-decoration: none;
				font-weight: bold;
		}

#sidebarleft a:hover { text-decoration: underline; 
				 color: #990033;  }				 
#sidebarleft a:active { text-decoration: underline; 
				 color: #3366FF;  }

#sidebarleft a.ext {
		    	color: #333333;
				text-decoration: none;
				font-weight: bold;
		}

#sidebarleft a:hover.ext { text-decoration: underline; 
				 color: #000000;  }				 
#sidebarleft a:active.ext { text-decoration: underline; 
				 color: #333333;  }


#contentwrap {
 /* 	position: relative;  */

    margin: 0 43px 0 296px;	
/*	line-height: 19px;  */
	padding: 5px 0 5px 0;
}


#contentwrap a {
		    	color: #3366FF;
				text-decoration: none;
				font-weight: bold;
		}

#contentwrap a:hover { text-decoration: underline; 
				 color: #990033;  }				 
#contentwrap a:active { text-decoration: underline; 
				 color: #3366FF;  }

#contentwrap a.ext {
		    	color: #333333;
				text-decoration: none;
				font-weight: bold;
		}

#contentwrap a:hover.ext { text-decoration: underline; 
				 color: #000000;  }				 
#contentwrap a:active.ext { text-decoration: underline; 
				 color: #333333;  }

#onecolwrap {
 /* 	position: relative;  */
	width: 686px;
    margin: 0 40px 0 40px;
    margin-bottom: 0;				
/*	line-height: 19px;  */
	padding: 5px 0 5px 0;
}

#onecolwrap a {
		    	color: #3366FF;
				text-decoration: none;
				font-weight: bold;
		}

#onecolwrap a:hover { text-decoration: underline; 
				 color: #990033;  }				 
#onecolwrap a:active { text-decoration: underline; 
				 color: #3366FF;  }

#onecolwrap a.ext {
		    	color: #333333;
				text-decoration: none;
				font-weight: bold;
		}

#onecolwrap a:hover.ext { text-decoration: underline; 
				 color: #000000;  }				 
#onecolwrap a:active.ext { text-decoration: underline; 
				 color: #333333;  }
				 
#onecolwrap table {
  width: 600px;
  margin-left: auto;
  margin: auto;
  }


p {text-align: left;}

#footer {
   font-size: 80%;
	width: 766px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	background: url(/images/footer.jpg) center;
	color: #FFFFCC;
}

#footer_onecol {
   font-size: 80%;
	width: 766px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	background: url(/images/footer_onecol.jpg) center;
	color: #FFFFCC;
}


#footer_content {
		margin: 0 50px 0 50px;
		padding: 35px 0 0 0;
		line-height: 15px
  }

#footer_content a {  	
        padding: 0 10px;
    	color: #FFFFCC;
		text-decoration: none;
		}

#footer_content a:hover { text-decoration: underline; 
				 color: #FFCC00;  }				 
#footer_content a:active { text-decoration: underline; 
				 color: #FFFFCC;  }

img.logo {
		padding: 0 10px 5px 0;
		}

img.sshot { background-color:#000000; padding:6px; border:2px solid #990033; margin: 6px;}

img.artsy { background-color: #000000; padding:35px; border:5px solid #E3AE0F;}
	
p.photo {	
       text-align: center;
       font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	   font-size: 150%;
	   color: #990033;	
	   }

.mid {
       text-align: center;
	   }

.rght {
       text-align: right;
	   }

	   
ul
{
	margin: 10px 0 0 20px;
	padding: 0 0 0 25px;
}

 li
{
margin-top : 8px;
list-style-image : url(/images/webtopia_li.gif);
margin-bottom :12px;
font-weight : bold;
color : #666666;
text-align: left;	
}		

.sml
  {
  font-size: 85%;
  color: #666666;
  }

  
td.content {
    padding: 5px 5px 10px 5px;
	}

h2{	   
	   font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	   font-size: 130%;
	   color: #990033;
	   text-align: left;
	   }


.services{	   
	   width: 210px;
	   float: left;
	   font-family: Georgia, Garamond, "Times New Roman", Times, serif;
	   font-size: 130%;
	   font-weight: bold;
	   color: #990033;
	   text-align: left;
	   }
	   
.price
   {
   width: 200px;   
   float: right;
   font-family: Georgia, Garamond, "Times New Roman", Times, serif;
   font-size: 130%;
   font-weight: bold;  
   color: #333333; 
   right: 500px;
   }