/* byron's css file */


body {
	background: #ffffff;
	text-align: center;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	width: auto;
	text-decoration: none;
}

#container {
	text-align: center;
	width: 900px;
	margin: 0 auto;
}
	
#menu {
	width: 150px;
	height: auto;
	float: left;
	}
	
	
#menu2 {
	width: 150px;
	height: auto;
	float: left;
	}
	
#menu3 {
	width: 150px;
	height: auto;
	float: left;
	}
	
#content {
	width: 590px;
	height: auto;
	float: left;
	text-align: left;
	color: #000000;
	margin-top: 140px;
	padding-left: 10px;
	}
	
.post {
	width: 600px;
	height: auto;
	float: left;
	text-align: left;
	color: #000000;
	}
	
#sidebar {
margin-top: 135px;
	width: 150px;
	height: auto;
	float: right;
	text-align: left;
	color: #000000;
	}




#sublinkblock {
	width: 150px;
	height: 72px;
	float: left;
	display: block;
	}

a#contactinfo {
	width: 150px;
	height: auto;
	margin-left: 0px;
	text-align: left;
	background: #ffffff;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-style: italic;
	padding-left: 18px;
	}
	
#contactinfo {
	width: 150px;
	height: auto;
	margin-left: 0px;
	text-align: left;
	background: #ffffff;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-style: italic;
	padding-left: 18px;
	}
	
	
#iphonelink a
	{
	color: #000000;
	text-decoration: none;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 10px;
	text-align: left;
	padding-left: 18px;
	}
	
a {
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-style: italic;
	text-decoration: none;
	text-align: left;
	padding-left: 18px;
	padding-top: 5px;
}

.button2{
	display: block;
	width: 150px;
	height: 17px;
	background: url("navbar.png") 0 0 no-repeat;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-style: italic;
	text-decoration: none;
	text-align: left;
	padding-left: 18px;
	padding-top: 5px;
   }
  
 .button2:hover {
	display: block;
	width: 150px;
	height: 17px;
	background-position: 0 -25px;
   
   }
.button2:active {
	display: block;
	width: 150px;
	height: 17px;
	background-position: 0 -25px;
    }


.button a {
	display: block;
	width: 150px;
	height: 17px;
	background: url("navbar.png") 0 0 no-repeat;
   }
   
.button a:hover {
	display: block;
	width: 150px;
	height: 17px;
	background-position: 0 -25px;
   
   }
.button a:active {
	display: block;
	width: 150px;
	height: 17px;
	background-position: 0 -25px;
    }


.twitterbutton a {
	display: block;
	width: 150px;
	height: 19px;
	background: url("linkbuttontwitter.png") 0 0 no-repeat;
   }
   
.twitterbutton a:hover {
	display: block;
	width: 150px;
	height: 19px;
	background-position: 0 -25px;
   
   }
.twitterbutton a:active {
	display: block;
	width: 150px;
	height: 19px;
	background-position: 0 -25px;
    }
	  
a.sublink {
	display: block;
	height: 14px;
	background: url("linkbutton.png") 0 0 no-repeat;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-style: italic;
	text-decoration: none;
	text-align: left;
	padding-left: 18px;
	margin: 0 0;
	padding-top: 4px;
}
   
a.sublink:hover {
	display: block;
	width: auto;
	height: 14px;
	background-position: 0 -20px;
   }
a.sublink:active {
	display: block;
	width: auto;
	height: 14px;
	background-position: 0 -20px;
	position: fixed;
    }


	  
#coltwo{
	width: 750px;
	height: auto;
	float: right;
	background: #ffffff;
	}
	


.behindone {
	display: block;
	width: 750px;
	height: 600px;
	background: url("project1.png") 0 0 no-repeat;
	text-align: left;
	float: left;
   }
	 


.behindtwo {
	display: block;
	width: 750px;
	height: 600px;
	background: url("project2.png") 0 0 no-repeat;
	text-align: left;
	float: left;
   }
	 	

.behindthree {
	display: block;
	width: 750px;
	height: 600px;
	background: url("project3.png") 0 0 no-repeat;
	text-align: left;
	float: left;
   }
   
   
.behindfour {
	display: block;
	width: 750px;
	height: 600px;
	background: url("project4.png") 0 0 no-repeat;
	text-align: left;
	float: left;
   }
	 	
		
		
.behindsix {
	display: block;
	width: 750px;
	height: 600px;
	background: url("homeimage3.png") 0 0 no-repeat;
	text-align: left;
	float: left;
   }

		
#homepagetextleft {
	text-align: left;
	float: left;
	width: 300px;
	height: auto;
}   
		
#homepage {
	text-align: left;
	float: left;
	width: 350px;
	height: auto;
	padding-top: 35px;
	padding-left: 30px;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7d7c7c;
	text-decoration: none;
	font-weight: bold;
	height: auto;
}

#projecttextleft {
	text-align: left;
	width: 400px;
	height: auto;

}   

#project h1{
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #778c23;
	text-decoration: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

#project {
	padding-top: 142px;
	width: 350px;
	padding-left: 10px;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e3e3e;
	text-decoration: none;
	margin-top: 0;
	float: left;
	text-align: left;
	
}

#homepage h1{
	text-align: left;
	float: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #778c23;
	text-decoration: none;
}

#homepage2 {
	text-align: left;
	float: left;
	width: 350px;
	padding-left: 20px;
	padding-top: 0;
	margin-top: 0;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7d7c7c;
	text-decoration: none;
	font-weight: bold;
	height: auto;
	margin-right: 0;
}

a.homepage2link {
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3d3d3d;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	font-style: normal;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

a.homepage2link:hover {
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	font-style: normal;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
	
.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:150px;
  	display: block;
}

.AccordionTitle
{
  height:22px;
  overflow:hidden;
  cursor:pointer;
  font-family:verdana;
  font-size:12px;
  font-style:italic;
  vertical-align:middle;
  text-align:left;
  background-repeat:repeat-x;
  display:table-cell;
  padding-left: 0;
  color: #ffffff;
  text-decoration: none;
  background-image:url('navbar.png') 0 0 no-repeat;
  -moz-user-select:none;
}

.AccordionTitle:hover {
	display: block;
	width: 150px;
	height: 22px;
	background-position: 0 -25px;
   
   }
.AccordionTitle:active {
	display: block;
	width: 150px;
	height: 22px;
	background-position: 0 -25px;
    }

#Accordian1content {
	width:150px;
	display: block;
	height:40px;
	}

.AccordionContent
{
  height:0px;
  overflow:auto;
  display:block; 
  width: 150px;
}

.AccordionContainer
{
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

p{
	margin: 0;
	padding: 0;
}

ul
  {
  margin-left: 1em;
  padding-left: 1em;
  }
  
  
#servicescolumn {
	width: 500px;
	height: auto;
	text-align: left;
	float: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e3e3e;
	text-decoration: none;
	padding: 0 0 0 0;
	margin-left: 10px;
	padding-top: 0;
} 
  
#servicescolumn h2{
	text-align: left;
	float: left;
	padding-bottom: 0px;
	padding-top: 150px;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a53b02;
	width: 500px;
	text-decoration: none;
	margin-bottom: 0;
	margin-top: 0px;
}

#servicescolumn h1 {
	text-align: left;
	width: 500px;
	float: left;
	padding-top: 0;
	padding-right: 0px;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e3e3e;
	text-decoration: none;
	height: auto;
	margin-bottom: 0;
	padding-bottom: 0;
}

#servicescolumn h3{
	text-align: left;
	float: left;
	padding-bottom: 0px;
	padding-top: 150px;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #778c23;
	width: 500px;
	text-decoration: none;
	margin-bottom: 0;
	margin-top: 0px;
}

#servicescolumn h4{
	text-align: left;
	float: left;
	padding-bottom: 0px;
	padding-top: 150px;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4c4e4b;
	width: 500px;
	text-decoration: none;
	margin-bottom: 0;
	margin-top: 0px;
}

#text p {
	height: auto;
	text-align: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e3e3e;
	text-decoration: none;
	padding-left: 0px;
	padding-top: 15px;
} 

#text {
	height: auto;
	text-align: left;
	width: 600px;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e3e3e;
	text-decoration: none;
	padding-left: 0px;
	margin-left: 0px;
} 



#info {
	height: auto;
	text-align: left;
	width: 600px;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #676767;
	text-decoration: none;
	padding-left: 0px;
	padding-top: 0;
} 

#info a{
	height: auto;
	text-align: left;
	width: 600px;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #676767;
	text-decoration: none;
	padding-left: 0px;
	padding-top: 0;
} 

#sidebar2 a{
	height: auto;
	text-align: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3e3e3e;
	text-decoration: none;
	font-style: normal;
	padding-left: 0px;
	padding-top: 0;
} 

#sidebar2 a:hover{
	height: auto;
	text-align: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #676767;
	text-decoration: none;
	font-style: normal;
	padding-left: 0px;
	padding-top: 0;
} 


#sidebar h2{
	text-align: left;
	float: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a53b02;
	text-decoration: none;
	font-style: normal;
	margin-left: 0;
	width: 150px;
	padding-bottom: 0;
	margin-bottom: 0;
}

#postcomment h2{
	text-align: left;
	float: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a53b02;
	text-decoration: none;
	font-style: normal;
	margin-left: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}


#comments h2{
	text-align: left;
	float: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a53b02;
	text-decoration: none;
	font-style: normal;
	margin-left: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}


#comment{
	width: 600px;
}


#comment textarea{
	width: 600px;
}




#info ul{
	height: auto;
	text-align: left;
	width: 600px;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #676767;
	text-decoration: none;
	padding-top: 0;
	padding-left: 0px;
} 


#title {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 15px;
}

input#author{
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

input#email{
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

input#url{
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


form#commentform
{
	width: 400px;
	float: left;
	}

h2 a{
	text-align: left;
	float: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a53b02;
	text-decoration: none;
	font-style: normal;
	margin-left: 0;
	padding-left: 0;
}

h5{
	text-align: left;
	float: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #778c23;
	text-decoration: none;
	font-style: normal;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

cite{
	text-align: left;
	float: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #676767;
	text-decoration: none;
	font-style: italic;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a.url{
	text-align: left;
	float: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #778c23;
	text-decoration: none;
	font-style: normal;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: auto;
}



h5 a{
	text-align: left;
	float: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #778c23;
	text-decoration: none;
	font-style: normal;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a#commentlist h5{
	text-align: left;
	float: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #778c23;
	text-decoration: none;
	font-style: normal;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h2 a:hover{
	text-align: left;
	float: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #778c23;
	text-decoration: none;
	font-style: normal;
}

h4 a{
	height: auto;
	text-align: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #676767;
	text-decoration: none;
	padding-left: 0px;
	margin-left: 0px;
	font-style: none;
}

#commentstat a{
	height: auto;
	text-align: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #676767;
	text-decoration: none;
	padding-left: 0px;
	margin-left: 0px;
	font-style: none;
}

h4 a:hover{
	height: auto;
	text-align: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3e3e3e;
	text-decoration: none;
	padding-left: 0px;
	margin-left: 0px;
	font-style: none;
}

ul a{
	height: auto;
	text-align: left;
	width: 600px;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #676767;
	text-decoration: none;
	padding-top: 0;
	font-style: normal;
	padding-left: 0;
	margin-left: 0;
} 

em a{
	height: auto;
	text-align: left;
	width: 600px;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #676767;
	text-decoration: none;
	padding-top: 0;
	font-style: normal;
	padding-left: 0;
	margin-left: 0;
} 

#commentform input {
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 0px 0 0;
	}
#commentform textarea {
	width: 95%;
	padding: 2px;
	}
	
#commentform input, #commentform textarea {
	font: 11px 'verdana', Verdana, Arial, Sans-Serif;
	}
	
#commentform {
	margin: 0 0 5px auto;
	}


#submit {
	margin: 0 0 5px auto;
	float: left;
	}
	
#commentform p {
	margin: 5px 0;
	}

li#nobullet{
list-style: none;
margin-left: 0;
padding-left: 0;
font: 10px;
	}
	
	
ul#noindent{
margin-left: 0;
padding-left: 0;
	}
	
	
li a{
list-style: none;
margin-left: 0;
padding-left: 0;
font: 10px;
	}
	
li a#nobullet{
list-style: none;
margin-left: 0;
padding-left: 0;
font: 10px;
	}
	
#leftalign{
float: left;
	}
  
#rightalign input{
		width: 150px;
	}

input#rightalign{
		width: 150px;
	}
	
#rightalign{

	text-align: right;
	width: 150px;
	}
  
ul#commentlist{
padding-left: 20px;
margin-left: 0;
	}

#content a:hover{
color: #000000;
	font-size: 10px;
	font-style: italic;
	padding-left: 0;
	padding-top: 0;
	}
	
#content a{
	color: #676767;
	font-size: 10px;
	font-style: italic;
	padding-left: 0;
	padding-top: 0;
	}
	

#content h2  a:hover{
	text-align: left;
	float: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #778c23;
	text-decoration: none;
	font-style: normal;
}

#content h2  a{
	text-align: left;
	float: left;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a53b02;
	text-decoration: none;
	font-style: normal;
}
	
	
#content p{
	padding-bottom: 10px;
	}
	
	li#commentlist{
list-style: none;
margin-bottom: 20px;
	}
  
  
p#commentp{
		color: #676767;
	}