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

body {margin: 0;padding: 0;background: #666;}

p {font-size: 14px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; }

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #cc0000; margin: 0px 0px 0px 0px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000; margin: 10px 0px -10px 0px;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #cc0000; margin: 0px 0px -10px 0px;}



a:link {color:#cc0000;}
a:hover {color:#666666;}
a:visited {color:#cc0000;}

#container {
width: 900px;
text-align:center;
margin:0px auto 0px auto;
}

#wrapper {
background-color: #ffffff;
float: left;
 }
 
ul {font-size: 14px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; }

ul.hidden {display:none;}

hr {border: 1px solid #000000;}

#form {width: 880px; height: 600px; text-align: center; float: left;}

#logo {
Height:160px; 
width:400px; 
float:left;
margin: 0px 0px 10px 0px;
}

#rightnav {
Height:135px; 
width:300px; 
float:right;
margin:18px 0px 0px 0px;
background-image:url(images/gears.jpg);
background-repeat:no-repeat;
}




#nav
  {
  width:900px;
  height:30px;
  text-align:center;
  float:left;
  background-image:url(images/button_bkgd1.jpg);
  background-repeat:repeat-x;
  border: solid #000000;
	border-width: 1px 0px 0px 0px;
  
 }
  
#nav ul
  {
list-style:none;
  float:left;
  width:900px;
  margin:0px;
  padding:0px;
  font-family:arial, verdana, sans-serif;
  font-size:12px;
  font-weight:bold;
  height:30px;
  color: #000;
  
  }
  
#nav li
  {
  height:30px;
  float:left;
  line-height:30px;
  position: relative;
  width: 148px;
  }
  
#nav a
  {
	text-decoration:none;  
  }

#nav ul li a:link{display:block;height:30px;vertical-align:middle;color:#000000;text-decoration:none;}
#nav ul li a:visited{display:block;height:30px;vertical-align:middle;color:#000000;text-decoration:none;}
#nav ul li a:hover{display:block;height:30px;vertical-align:middle;color:#000000;text-decoration:none;background-image: url(images/button_bkgd2.jpg); background-repeat:repeat-x; border: solid #ffffff;
	border-width: 1px 0px 0px 0px;}
#nav ul li a:active{display:block;;height:30px;vertical-align:middle;color:#000000;text-decoration:none;}

li.left
  {
	 width:148px;
	 border-right:1px solid #000000;
	
  }
  
  li.middle
  {
	 width:148px;
	 border-right:1px solid #000000;
	 border-left:1px solid #ffffff; 
  }
 
  li.right
  {
	 width:148px;
	 border-left:1px solid #ffffff; 
  }
  
#portnav
  {
  width:900px;
  height:30px;
  text-align:center;
  float:left;
  border-bottom: 2px solid #cc0000;
margin-bottom: 10px;
  
 }
  
#portnav ul
  {
list-style:none;
  float:left;
  width:900px;
  margin:0px;
  padding:0px;
  font-family:arial, verdana, sans-serif;
  font-size:12px;
  font-weight:bold;
  height:30px;
  color: #cc0000;
  
  }
  
#portnav li
  {
  height:30px;
  float:left;
  line-height:30px;
  position: relative;
  width: 148px;
  margin: 0px 4px 0px 4px;
  border-top: 1px solid #cc0000;
   border-left: 1px solid #cc0000;
    border-right: 1px solid #cc0000;
  
  }
  
  
#portnav a
  {
	text-decoration:none;  
  }

#portnav ul li a:link{display:block;height:30px;vertical-align:middle;color:#cc0000;text-decoration:none;}
#portnav ul li a:visited{display:block;height:30px;vertical-align:middle;color:#cc0000;text-decoration:none;}
#portnav ul li a:hover, #portnav ul li a.chosen{display:block;height:30px;vertical-align:middle;color:#ffffff;text-decoration:none;background-color: #cc0000;}
#portnav ul li a:active{display:block;height:30px;vertical-align:middle;color:#ffffff;text-decoration:none;background-color: #cc0000;}  
 
  	
a.home {
  border-style: hidden;
  border-width: 0px;
  background: transparent url(Images/home_button.png) no-repeat scroll 0 0;
  width: 100px;
  height: 135px;
  text-decoration: none;
  text-align: left;
  display: block;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  float:left;
}
a.home:hover {
  background: transparent url(Images/home_button.png) no-repeat scroll 0 -135px;
  display: block;
  width: 100px;
  height: 135px;
  text-decoration: none;
  text-align: left;
  display: block;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
    float:left;


}

a.portfolio {
  border-style: hidden;
  border-width: 0px;
  background: transparent url(Images/portfolio_button.png) no-repeat scroll 0 0;
  width: 100px;
  height: 135px;
  text-decoration: none;
  text-align: left;
  display: block;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
    float:left;
}
a.portfolio:hover {
  background: transparent url(Images/portfolio_button.png) no-repeat scroll 0 -135px;
  display: block;
  width: 100px;
  height: 135px;
  text-decoration: none;
  text-align: left;
  display: block;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
    float:left;

}

a.contact {
  border-style: hidden;
  border-width: 0px;
  background: transparent url(Images/contact_button.png) no-repeat scroll 0 0;
  width: 100px;
  height: 135px;
  text-decoration: none;
  text-align: left;
  display: block;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
    float:left;
}
a.contact:hover {
  background: transparent url(Images/contact_button.png) no-repeat scroll 0 -135px;
  display: block;
  width: 100px;
  height: 135px;
  text-decoration: none;
  text-align: left;
  display: block;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
    float:left;

}

#flashbar {width: 900px; height: auto; float: left; margin-top: 10px;}

#copy { width: 570px; padding: 0px 10px 0px 10px; margin: 20px 10px 10px 0px; border-right: 2px solid #cc0000; float:left; text-align:left;}

#portcopy { width: 880px; padding: 0px 10px 0px 10px; margin: 20px 0px 10px 0px; float:left; text-align:left;}

#websites { width: 830px; height: 550px; padding: 0px 10px 0px 10px; margin: 0px 0px 10px 50px; float:left; text-align:left;}

#illustrations { width: 780px; padding: 0px 10px 0px 10px; margin: 0px 0px 10px 0px; float:left; text-align:left;}

#photographs { width: 780px; padding: 0px 10px 0px 10px; margin: 0px 0px 10px 0px; float:left; text-align:left;}

#sidebar { width:290px; margin: 20px 7px 0px 0px; background-color: #ffffff; float: right; text-align: left;}

#clear {float: clear;}
#thanks {width:880px; height: 200px; margin: 10px 0px 0px 10px; float: left; }

.sidebarpic {margin: -2px 0px -5px -5px; }

  #footer
  {
  width:900px;
 font-size: 12px;
  font-weight:bold;
  color:#cc0000;
  text-align:center;
  vertical-align:middle;
  float:left;
  text-align:center;
  margin:0px 0px 10px 0px;
  /* padding:5px 0px 10px 0px; */
  border-top: 2px solid #cc0000;
  }
  
#footer a:link{color:#000000;font-weight:bold;height:30px;vertical-align:middle;text-decoration:none;}
#footer a:visited{color:#000000;font-weight:bold;height:30px;vertical-align:middle;text-decoration:none;}
#footer a:hover{color:#cc0000; font-weight:bold;height:30px;vertical-align:middle;text-decoration:none;}
#footer a:active{color:#000000;font-weight:bold;height:30px;vertical-align:middle;text-decoration:none;}
  
  
#footer p
  {
  font-size: 11px;
  font-weight:bold;
  color:#cc0000;
  text-align:center;
  vertical-align:middle;
  font-family: Arial, Helvetica, sans-serif;
 }