/* CSS file for PHPgear.net	*/


		
	html, body {
		font-family:"Lucida Grande",Tahoma,Verdana,sans-serif;
		font-size:0.9em;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
    	margin: 0;
    	padding: 0;
    	border: 0;
   		color: #000000;
		background-color: #349E9A;
  		background-image: url(../images/header.png);
		background-repeat: repeat-x;
		text-align: center;
		min-width: 923px;
		}
		
/* begin form */

.fieldset {
		  width:450px;
		  border: 0;
  }
.fieldset label {
			text-align:right;
			width:70px;
			float:left;
			padding:0.2em;
			margin:0;
			margin-top:0.3em;
  }

.fieldset .nobr {display:none;}  

.fieldset .textfield {
			margin:3px;
			height:24px;
			width: 337px;
			padding-left: 4px;
			border: 0;
			background-image:url('../images/form1.gif');
			background-repeat: no-repeat;
			white-space:pre;
}

.fieldset .textarea {
			margin:3px;
			height:165px;
			width: 337px;
			padding-left: 4px;
			border: 0;
			background-image:url('../images/form2.gif');
			background-repeat: no-repeat;
}

input.submit { 
		  color: #000000; 
		  border:0;
		  width: 90px;
		  height: 45px; 
		  font-size:1.4em;
		  background-image:url('../images/button.jpg');
	} 

/* end form */
		
		
		a { 
				outline: none; 
		  }
		  
		a:link {
				color: #333333;	
				text-decoration: none; 
			   }
			   
		a:visited {
				color: #333333;	
				text-decoration: none; 
				  }
				  
		a:hover {
				text-decoration: none;	
				color: #FFB400; 
				}
		
		p { 
			font-size: 1em; 
			font-family:"Lucida Grande",Tahoma,Verdana,sans-serif;
			}
		
		h1, h2, h3 {
			color:#2F9395;
			font-family:"Lucida Grande",Tahoma,Verdana,sans-serif;
			font-weight:normal;
			margin-bottom:6px;
			font-weight: bold;
			}
		
		h1 {
			font-size:1.4em;
			height:20px;
			}
			
		h2 {
			font-size:1.3em;
			height:20px;
			}
			
		h3 {
			margin-top: 0px;
			font-size:1.0em;
			}
			
		h4 {
			margin-top: 0px;
			font-size:0.9em;
			color:#C4AC4C;
			font-family:"Lucida Grande",Tahoma,Verdana,sans-serif;
			font-style: italic;
			}
			
		ul { 
			list-style-image: url("/images/bullet2.png") 
			}
			
		a { 
				outline: none; 
		  }
		  
		h3 a:link {
				color:#2F9395;
				text-decoration: none; 
			   }
			   
		h3 a:visited {
				color:#2F9395;
				text-decoration: none; 
				  }
				  
		h3 a:hover {
				text-decoration: none;	
				color: #FFB400; 
				}
		
		
	#header{
		height: 385px;
	}
	
	
	#selector{
    	float: left;
		width: 155px;
		height: 96px;
		margin-top: 340px;
	}
	
	#selector ul { width: 100%; float: left; padding: 0px; margin: 0px; list-style-type: none;}
	#selector li { float: left; padding: 0px; margin: 0px; display: inline}
	#selector li a { DISPLAY: block; HEIGHT: 48px }

	#selector li a.sun { background: url(../images/sunBtn.png) no-repeat left top; WIDTH: 82px }
	#selector li a.sunOn { background: url(../images/sunBtn.png) no-repeat left bottom; WIDTH: 82px }

	#selector li a.moon { background: url(../images/moonBtn.png) no-repeat left top; WIDTH: 73px }
	#selector li a.moonOn { background: url(../images/moonBtn.png) no-repeat left bottom; WIDTH: 73px }

	#selector li a:hover { background-position: left bottom }

	
	
	#nav{
		width: 720px;
		height: 27px;
		margin-right: 20px;
		background: url(../images/navBg.png);
		float: right;
	}
	
	#nav ul { width: 100%; float: left; padding: 0px; margin: 0px; list-style-type: none;}
	#nav li { float: left; padding: 0px; margin: 0px; display: inline}
	#nav li a { DISPLAY: block; HEIGHT: 27px }

	#nav li a.home { background: url(../images/homeBtn.png) no-repeat left top; WIDTH: 103px }
	#nav li a.homeOn { background: url(../images/homeBtn.png) no-repeat left bottom; WIDTH: 103px }

	#nav li a.about { background: url(../images/aboutBtn.png) no-repeat left top; WIDTH: 132px }
	#nav li a.aboutOn { background: url(../images/aboutBtn.png) no-repeat left bottom; WIDTH: 132px }

	#nav li a.scripts { background: url(../images/scriptsBtn.png) no-repeat left top; WIDTH: 155px }
	#nav li a.scriptsOn { background: url(../images/scriptsBtn.png) no-repeat left bottom; WIDTH: 155px }

	#nav li a.portfolio { background: url(../images/portfolioBtn.png) no-repeat left top; WIDTH: 190px }
	#nav li a.portfolioOn { background: url(../images/portfolioBtn.png) no-repeat left bottom; WIDTH: 190px }

	#nav li a.contact { background: url(../images/contactBtn.png) no-repeat left top; WIDTH: 140px }
	#nav li a.contactOn { background: url(../images/contactBtn.png) no-repeat left bottom; WIDTH: 140px }

	#nav li a:hover { background-position: left bottom }

	
	#layout{
		background-color: #FFFFFF;
		width: 100%;
	}
	
	#wrapper{
		margin:0 auto;
		width: 923px;
		margin-top: 10px;
	
	}
	
	#wrapper2{
		/* background-image: url('../images/contentBg.png'); */
		background-repeat: repeat-x; 
		margin:0 auto;
		width: 923px;
		margin-top: 10px;
	
	}
		
	
	#content{
		float: left;
		width: 510px;
		text-align: left;
		padding-left: 11px;
	}
	
	#info{
		float: right;
		width: 341px;
		text-align: left;
		padding-left: 11px;
		padding-right: 20px;
	}
	
	
	#footerwrap{
		clear: both;
		background-color: #349E9A;
		background-image: url('../images/footer.png');
		background-repeat: repeat-x;
		width: 100%;
		height: 280px;
		text-align: center;
		
	}
	
	#space{
		float: left;
		width: 21%;
		margin: 2%;
	}
	
	#left{
		float: left;
		padding-left: 5px;
	}
	
	#footer{
			text-align: center;
			float: left;
			width: 46%;
			margin: 2%;
	}
	
	
		#footer li.first{ 
			border: 0pt none ; 
			}

		 	
		#footer li{ 
			border-left: 1px 
			solid #FFB400; 
			padding: 0pt 8px; 
			display: inline; 
			}
			
		#footer ul{
			display: inline;
			list-style-type: none;
			border-right: 1px;
			text-align: center;
			padding: 0px; 
			margin: 0px;
			}
			
			
		#rss{
			float: right;
			text-align: left;
			width: 21%;
			margin: 2%;
		}
		
		.icons{
			margin-right:10px;
		}
	
		#content_end{
			background-image: url('../images/big_underline2.png');
			width: 455px;
			height: 53px;
			margin-top: 77px;
			margin-bottom: 65px;
		}
		
		#twitter{
			background-image: url('../images/twitter1.png');
			width: 455px;
			height: 119px;
			margin-bottom: 65px;
		}
		
		#tweet{
			width: 332px;
			height: 63px;
			padding-left: 60px;
			padding-right: 0;
			padding-top: 8px;
			padding-bottom: 0;
		}
		
		#info_end{
			background-image: url('../images/small_underline2.png');
			width: 287px;
			height: 37px;
			margin-top: 93px;
			margin-bottom: 65px;
		}
	
	
	div.spacer { clear: both; }