/*Desing & Development
www.PcProOnCall.com*/

/*000000 black
263248 blue
7ebaa2 light blue
ffffff white
ff9800 orange*/



* {
		margin: 0;
		padding: 0;}

#main {	width: 100%;
		background-image: url(mainhead.gif);
		background-repeat: no-repeat;
		background-position: top;

		background-color: #263248;
		font-family: Georgia, Verdana, Arial, serif;
		text-align: center;

		}

#header{ 
		padding-left: 0px;
		color: #ff9800 ;
		background-image:url(header.gif);
		
		background-repeat: no-repeat; 
		width: 800px;
		height: 200px;}

#header h1, h2{visibility: hidden;
 z-index: -1;
		}
			
#container {
		margin-right: auto;
		margin-left: auto;
		position: relative;
		background-color: white;
		text-align: left;
		width: 800px;
		font-family: Georgia, Verdana, Arial, serif;
		padding-bottom: 20px;
		
		min-height: 700px;
		}


#text{	
		border-left: 1px solid #7ebaa2 ;
		font-size: 13px;
		padding-left:20px;
		color: #000000;
		float: right;
		width: 610px;
		margin-top: -90px;
		margin-bottom: 10px;
		line-height: 14px;
		}
		
#text a{
		font-size:14px;
		color: #ff9800;
		text-decoration: underline;}
		
#text a:hover{color: #263248;}

#text visited{color: #263248;
			text-decoration: none;}

#text p{
		margin-bottom: 10px;
		font-size: 12px;}


		
/****NAVIGATION BAR**********/


ul.linklist {
		padding-top: 20px;
		color: #ff9800;
		margin: 0px; 
        width: 155px;
		font-size: 13px;
		list-style-type:none;
		}

ul.linklist li{
		border-bottom:1px solid #7ebaa2;
		}

ul.linklist a{
		color: #000000;
		display:block;
		text-decoration:none;
		width:100%;
		padding: 2px;
		padding-left: 5px;
		}

ul.linklist a:visited{
		color: #000000;
		text-decoration:none;}

ul.linklist a:hover{
		background-color: #ff9800 ;
		color: #ffffff;
		width: 95%;
		text-decoration:none;}


/***********************GOOGLE MAPS************************/



#map{	border: 1px solid #7ebaa2;
		width: 590px;
		height: 400px;}





/**************************ADSENSE*******************/


#adsense{text-align: center;
			margin-bottom: 20px;}


/**********************SEARCH**************************/

#googlesearch{position: relative;
				float: left;}



/************************BROWSE LISTING**********************/

#browse{ 
		padding-left: 20px;
		padding-bottom: 20px;
		text-align: left;
		color: #000000;
		line-height: 20px}
		
#browse h1{font-size: 16px;
			font-style: bold;
			margin-bottom: 5px;
			border-bottom: 1px solid  #7ebaa2 }

#browse a{text-decoration: underline;
			font-size: 14px;
			font-style: bold;
		color: #7ebaa2 ;}

.invisible{visibility:  hidden;
		}



		
/***************FOOTER*****************/


#footer{/*position: absolute;
		bottom: 0;*/
		background-color: #ff9800;
		display: block;
		clear: both;
		color: #000000;
		margin-top: 10px;
		margin-bottom: 20px;
		font-size:12px;
		text-align: center;}

#footer a{
		color: #ffffff;
		text-decoration: none;}
		
#footer a:hover{
		color: #000000;
		}




/*****************GALLERY***************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
min-height: 400px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 150px; /*position where enlarged image should offset horizontally */
z-index: 50;
}