* {margin: 0;
   padding: 0;}
   
body 
{

	background-color: #333333;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif, Trebuchet MS;

	}
	
	
/* Begin Structure of site '*/  

li 
{
	color : #006699;
	padding-top: 3px;
	padding-bottom: 0px;
	
	
}

#header 
{	
	position:relative; 
	margin: 0;
	padding :0;
	height: 206px;
	width :800px;
	border-left : solid 3px black;
	border-right : solid 3px black;

}


#left 
{
	margin :0;
	float: left;
	text-align: center ;
	width: 200px;
	color: #FFFFFF;

}



#portfolio 
{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-top : 0px;
	padding:0px;
}

#footer {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 4px;
	border-bottom :solid 3px black;
	background-image: url(images/bar_bg.gif);
	text-align: center;
}
#footer a
{
	color: White;
	text-align :right ;
}
#footer a:hover
{
	color: #333333;
}


/*LEFT PANEL (News, Links, etc.)*/
#leftpanel{
	float:left;
	width:200px;
	
}

/*CONTENT*/
#content{
	width: 800px;

	border-right: solid 3px black;
	border-left: solid 3px black;
	
}
#contenttext{
	float:right;
	width: 780px;
	text-align: left ;
	background-image: url(images/middle.gif);
	background-position: left ;
 background-color: White;
}



/*TABLE*/
.table_top{
	width: 200px; 
	height: 34px;
	background-image: url(images/table-top.gif);
	background-repeat:no-repeat;
}
.table_content{
	width: 200px;
margin-top:0;

}
.table_text{
	margin-left:0px;
	margin-right:15px;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.table_bottom{
	width: 200px;
	background-image:url(images/table-bottom.gif);
	background-repeat:no-repeat;
}

.table2_top{
	width: 200px; 
	height: 29px;
	background-image: url(images/top2.gif);
	background-repeat:no-repeat;
}
.table2_content{
	width: 200px;
	background-image:url(images/middle2.gif);
	background-repeat:repeat-y;
}
.table2_text{
	margin-left:15px;
	margin-right:15px;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.table2_bottom{
	width: 200px;
	height: 43px;
	background-image:url(images/bottom2.gif);
	background-repeat:no-repeat;
}





/* Begin text formatting and image floats */

.imagetop
{
	width: 270px;
	height: 33px;
	padding:0;
	background-image : url(images/img-top.gif);
}

.imagebottom 
{
	width: 270px;
	height: 44px;
	padding:0;
	background-image : url(images/img-bot.gif);
}


.imagemiddle{

	width: 270px;
	padding:0px;
	background-image: url(images/img-middle.gif);
	background-repeat:  repeat-y;
}

.flash{

	width: 270px;
	padding-left:21px;
	background-image: url(images/img-middle.gif);
	background-repeat:  repeat-y;
}
.special{

	width: 300px;
	padding-left:0px;
	background-repeat:  repeat-y;
}




.table3_text{
	margin-left:20px;
	margin-top: 50px;
	margin-right:31px;
	text-align:justify;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.table3_text a:hover
{
	color: #CC9900;
}
.table2_text{
	margin-left:20px;
	margin-right:28px;
	text-align:justify;
	color: #555555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.imageleft
{
	
	float: left;
	margin-top: 0px;
	margin-left : 20px;
	margin-right: 7px;
	margin-bottom: 1px;

}

.imageright{
	float: right;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 25px;
	margin-left : 20px;

}
fieldset {   
    border:1px solid #CCC;
    margin-left :20px;
    margin-right : 35px;   
    padding:10px;   
}   
legend {   
    font-family:Arial, Helvetica, sans-serif;   
    font-size: 90%;   
    letter-spacing: -1px;   
    font-weight: bold;   
    line-height: 1.1;   
    color:#fff;   
    background: #666;   
    border: 1px solid #333;   
    padding: 2px 10px;   
}
label {   
    width:130px;   
    height:32px;   
    margin-top:3px;   
    margin-right:2px;   
    padding-top:11px;   
    padding-left:0px;     
    float:left;   
    display: block;   
    font-family:Arial, Helvetica, sans-serif;   
    font-size: 100%;   
    letter-spacing: -1px;   
    font-weight: normal;   
    line-height: 1.1;   
    color:#5A3D59;   
}   

.quoteform {   
    margin-top:0px;   
    padding:0; 
    width: 216px;
    height: 310px; 
     background-image: url(images/menu.gif); 
    background-repeat : no-repeat;   
}   

.websites
{
	margin-left:10px;
    margin-top:0px;   
    padding:0; 
    width: 216px;
    height: 310px; 
     background-image: url(images/websites.gif); 
    background-repeat : no-repeat;   
}   
.form {   
    margin-top:0px;   
    padding:0; 

  
}  
#top {   
    width:500px;   
    height:50px;   
}


  
#edge {   
    width:150px;   
    padding-top:0px;
    text-align: left;
    
 
}   

#leftSide {   
    width:530px;   
    padding-top:0px;   
    float:left;   
}   
#rightSide {   
    background-color:#fff;   
    width:200px;   
    padding:5px;   
    margin-top:40px;   
    float:right;   
    border:1px solid #CCC;   
    font:normal 12px Arial;   
    color:#5A3D59  
}   
.clear {   
    clear:both;   
}   
.holder {   
    background-color:#fff;   
  
}   
.div_texbox {   
    width:400px;   
    float:left;   
    background-color:#E6E6E6;   
    height:35px;   
    margin-top:3px;   
    padding-top:5px;   
    padding-bottom:3px;   
    padding-left:5px;  
    font-family:Arial, Helvetica, sans-serif;   
    font-size: 100%;   
    letter-spacing: -1px;   
    font-weight: normal;     
    color:#5A3D59;    
}   
.div_checkbox {   
    width:164px;   
    float:left;   
    background-image: url(images/button.gif); 
    background-repeat : no-repeat;  
    height:35px;   
    margin-top:0px;   
    padding-top:11px;   
    padding-bottom:3px;   
    padding-left:11px;  
    font-family:Arial, Helvetica, sans-serif;   
    font-size: 115%;   
    letter-spacing: -1px;   
    font-weight: normal;   
    line-height: 1.1;   
    color:#FFFFFF;   
}

.new_menu {   
    width:216px;   
    float:left;   
   
    height:13px;   
    margin-top:0px;   
    padding-top:5px;   
    padding-bottom:4px; 
    padding-left:27px;
 

  
}

#left label 
{
	position : relative ; 
	display : block ;
    width:90px;   
    height:19px;   
    margin-right:2px; 
    margin-left: 18px; 
    margin-top : -18px; 
    padding-top:1px;   
    padding-left:6px;   
    float:left;      
    font-family:Arial, Helvetica, sans-serif;   
    font-size: 16px;   
    letter-spacing: -1px;   
    font-weight: normal;   
    line-height: 1.1;   
    color: #FFFFFF; 
}    
  
.big_texbox {   
    width:400px;   
    float:left;   
    background-color:#E6E6E6;   
    height:100px;   
    margin-top:3px;   
    padding-top:5px;   
    padding-bottom:3px;   
    padding-left:5px;
    padding-right:5px;
    font-family:Arial, Helvetica, sans-serif;   
    font-size: 100%;   
    letter-spacing: -1px;   
    font-weight: normal;   
    line-height: 1.1;   
    color:#5A3D59;      
}  
  
  .results {   
    width:200px;   
    float:right;   
    background-color:#FFFFFF;   
    height:200px;   
    margin-top:3px;   
    padding-top:5px;   
    padding-bottom:3px;   
    padding-left:6px;
    padding-right:5px;
    font-family:Arial, Helvetica, sans-serif;   
    font-size: 14px;   
    letter-spacing: -1px;   
    font-weight: normal;   
    line-height: 1.1;   
    color:black;  

  
} 

.bg
{
	background-color :#333333;
	filter: alpha(opacity=70);
	opacity:0.7;
}

.img
{
    padding-right:15px;
    padding-bottom: 10px;
}



.img2
{
    margin-left:21px;
    margin-top: 5px;
    margin-bottom:5px;
}

.popup_text
{
 width:670px;
 height: auto;
 border:solid 2px #333333;
 padding:15px;
 background-color :#EAEADA;   
}

.popup text
{
 
 padding:15px;
   
}

.popup 
{
 
 height: auto;
   
}



.textbox {   
    background-image: url(images/16t.png); 
    margin-right: 35px;  
    background-repeat: no-repeat;   
    background-position:left;   
    width:400px;   
    font:normal 18px Arial;   
    color: #5A3D59;   
    padding:3px 5px 3px 19px;   
}   
.textbox:focus, .textbox:hover {   
    background-color:#F0FFE6;   
}   

.button_div {   
    width:287px;   
    float:right;       
    text-align:right;   
    height:35px;   
    margin-top:3px;   
    padding:5px 32px 3px;   
}   
.buttons {   
    background: #e3e3db;   
    font-size:12px;    
    color: #5A3D59;    
    padding: 6px 14px;   
    border-width: 2px;   
    border-style: solid;   
    border-color: #fff #d8d8d0 #d8d8d0 #fff;   
    text-decoration: none;   
    text-transform:uppercase;   
    font-weight:bold;   
}  
.button 
{
	float:left;
	width : 90px;
	height : 35px;
	margin-top: 7px;
	margin-left: 21px; 
    padding: 3px 12px;   
    border-width: 0px;   
    background-color :transparent;
} 
.clearbutton 
{
	float:right;
	width : 90px;
	height : 35px;
	margin-top: 7px;
    padding: 3px 12px;   
    border-width: 0px;   
    background-color :transparent;
} 

.closebutton 
{
	float:right;
	width : 90px;
	height : 35px;
	margin-top: 7px;
    padding: 3px 12px;   
    border-width: 0px;   
    background-color :black;
    color: White;
} 

p
{
	
	color : #333333;
	font-size :12px;
	text-align :justify ;
   	margin-bottom: 0px;
	margin-top: 15px;
	padding-left :20px;
	padding-right :35px;
}
hr
{
	width: 536px;
	background-color : #CCCCCC;
	height : 3px;
	margin-left: 20px;
}


h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif, Trebuchet MS;
	padding-left: 25px;
	font-size: 0.9em;
	color: #006699;
	margin-top: 5px;
	margin-bottom: 15px;


}

h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif, Trebuchet MS;
 	padding-left: 25px;
	font-size: 1.0em;
	color: #CC9900;
	margin-top:9px;
	margin-bottom: 20px;


}


.list2 
{
color: #333333;
list-style-image: url(images/accept.png);
text-indent: 10px;
font-size: 14px;
margin-top: 5px;
margin-left: 30px;
padding-right: 17px;
}

.list 
{
color: #333333;
list-style-image: none;
list-style-type :none;
font-size: 14px;
margin-top: 5px;
margin-left: 30px;
padding-right: 17px;
}

a {
	color: #00CC33;
	background-color: inherit;
	text-decoration: none;
}

a:link {
	color: #006699;
	background-color: inherit;
	text-decoration: none;
	
}

a:visited {
	color: #006699;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #CC9900;
	background-color: inherit;
	text-decoration: none;
}
a:active {
	color: #000000;
	background-color: inherit;
	text-decoration: none;
}


 #gallery 
{
	width:550px; 
	height:440px;
	margin-left : 30px; 
	position:relative; 
	background:#ffffff;
	}
#gallery ul 
{
	list-style:none; 
	padding:5px; 
	margin:0; 
	width:195px; 
	float:right; 
	height:320px; 
	overflow:auto;
	}
	
#gallery ul li 
{
	display:inline; 
	width:65px; 
	height:65px; 
	float:left; 
	margin: 0 4px 4px 0; 
	padding:5px;
	border:1px solid #CCCCCC; 
	cursor:pointer;
	}
#gallery ul li img 
{
	display:block; 
	width:65px; 
	height:65px;
	}
	
	/* ================================================================ 
This bit is for the text below the thumbnails
=================================================================== */
#gallery ul li span 
{
	display:none; 
	padding-right :100px;
	position:absolute; 
	left:350px; 
	top:330px; 
	width:190px;
	height:300px;
	overflow: auto;
	clip: auto;
	font-family: verdana, arial, sans-serif; 
	color:#808080; 
	font-size:12px; 
	line-height:15px; 
	text-align:justify;
	}
#gallery ul li span b 
{
	color:#BB0708;
	font: comic sans;
	}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default 
{
	margin:5px auto 0 10px; 
	width:300px; 
	height:300px; 
	border:1px solid #cccccc;
	}

#gallery ul li.off 
{
	display:none;
	}

#gallery ul li.click 
{
	border-color:#CCCCCC; 
	background:#ffffff; 
	cursor:default;
	}

#gallery ul li.click i 
{
	position:absolute; 
	left:0; 
	top:0; 
	width:327px; 
	height:300px;
	}

#gallery ul li.click i img 
{
	margin:5px auto 0 auto; 
	width:auto; 
	height:auto; 
	border:1px solid #CCCCCC;
	}

#gallery ul li.click span 
{
	display:block;
	}