/* CSS Document */

/*

Luke Menzel Design
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: url(../images/main_bg.gif) repeat-x #fff;
 color: #333;
}
#wrapper { 
 margin: 0 auto;
 width: 822px;
}

/*

Links
	  
*/


a {
	color: #333333;
}
a:link {
	text-decoration: underline;
	color: #8e8e8e;
}
a:visited {
	text-decoration: underline;
	color: #8e8e8e;
}
a:hover {
	text-decoration: none;
	color: #a7c839;
}
a:active {
	text-decoration: underline;
	color: #8e8e8e;
}

/*

Links
	  
*/


/*

Headings, Paragrahps
	  
*/

h1 {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
   	color: #a7c839;
  	padding: 5px 5px 0 0;
  	margin: 10px 0 5px 0;
	border-bottom: 1px solid #a7c838;
	line-height: 27px;
	text-align: left;
   }

h1.right {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
   	color: #a7c839;
  	padding: 5px 5px 0 0;
  	margin: 10px 0 5px 0;
	border-bottom: 1px solid #a7c838;
	line-height: 27px;
	text-align: right;
   }
   
p.main {
	font: 13px  "Trebuchet MS", Arial;
	font-weight: lighter;
   	color: #8e8e8e;
  	padding: 5px 0 5px 0;
  	margin: 10px 0 0 0;
	line-height: 25px;
	text-align: justify;
   }   

h2 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
   	color: #666;
  	padding: 5px 5px 0 0;
  	margin: 10px 0 10px 0;
	line-height: 27px;
	text-align: left;
   }
   
h2.right {
	font: 18px Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
   	color: #666;
  	padding: 5px 5px 0 0;
  	margin: 10px 0 10px 0;
	line-height: 27px;
	text-align: right;
   }

p {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: lighter;
   	color: #333;
  	padding: 5px 0 5px 0;
  	margin: 10px 0 0 0;
	line-height: 16px;
	text-align: justify;
}

/*

Headings, Paragrahps
	  
*/

#header {
 color: #333;
 width: 800px;
 float: left;
 padding: 0 10px 0 10px;
 background: url(../images/logo.gif) no-repeat transparent left;
 height: 103px;
 margin: 0 0 0 0;
}
#navigation {
 float: left;
 width: 822px;
 color: #333;
 padding: 0;
 margin: 0;
 height: 27px;
 background: transparent;
 padding: 0;
 text-align: right;
}

#main_heading {
 float: left;
 width: 820px;
 color: #333;
 padding: 10px;
 background: url(../images/main_heading.gif) no-repeat transparent left;
 margin: 0px 0px 0px 0px;
 height: 100px;
 padding: 0;
}

#leftcolumn { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px 10px 10px 0;
 width: 360px;
 float: left;
}


#leftcolumn ul li {
padding: 0;
margin: 0 0 0 15px;
list-style-type: circle;
font-size: 12px;
}

#leftcolumn ul li:hover {
padding: 0;
margin: 0 0 0 15px;
list-style-type: circle;
font-size: 12px;
background-color: #efefef;
}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 360px;
 display: inline;
}


#recent {
   width: 360px; /* the width of the thumbnail block */
   margin: 0;
   text-align: left;
   padding: 0;
   }
   
   #recent ul li {
   margin: 15px 0 0px 20px;
   padding: 0;
   list-style: none;
   float: left;
   }
   
   #recent a img {
   border: 3px solid #121212;
   margin: 3px;
   }
	
	#recent a:link img,
	#recent a:visited img{
   	border: 3px solid #121212;
    margin: 3px;
	}
	#recent a:focus img,
	#recent a:hover img,
	#recent a:active img{
	border: 3px solid #A7C838;
   	margin: 3px;
	}
	
#portfolio {
   width: 360px; /* the width of the thumbnail block */
   height: auto;
   margin: 0 0 0 70px;
   text-align: left;
   padding: 0;
   }
   
   #portfolio ul li {
   margin: 5px 0 0 5px;
   padding: 0;
   list-style: none;
   float: left;
   }
   
   #portfolio a img {
   border: 3px solid #121212;
   margin: 3px;
   }
	
	#portfolio a:link img,
	#portfolio a:visited img{
   	border: 3px solid #121212;
    margin: 3px;
	}
	#portfolio a:focus img,
	#portfolio a:hover img,
	#portfolio a:active img{
	border: 3px solid #A7C838;
   	margin: 3px;
	}	
	
#portfolio_left {
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px 10px 10px 0;
 float: left;
 width: 360px; /* the width of the thumbnail block */
 text-align: left;
 height: auto;
   }
   
#portfolio_left ul li {
   margin: 5px 0 0 5px;
   padding: 0;
   list-style: none;
   float: left;
   }
   
#portfolio_left a img {
   border: 3px solid #121212;
   margin: 3px;
   }
	
#portfolio_left a:link img,
#portfolio_left a:visited img{
   	border: 3px solid #121212;
    margin: 3px;
	}
#portfolio_left a:focus img,
#portfolio_left a:hover img,
#portfolio_left a:active img{
	border: 3px solid #A7C838;
   	margin: 3px;
	}		
	
	#portfolio_left_2 {
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px 10px 10px 0;
 float: left;
 width: 360px; /* the width of the thumbnail block */
 text-align: left;
 height: auto;
   }
   
#portfolio_left_2 ul li {
   margin: 5px 0 0 5px;
   padding: 0;
   list-style: none;
   float: left;
   }
   
#portfolio_left_2 a img {
   border: 3px solid #121212;
   margin: 3px;
   }
	
#portfolio_left_2 a:link img,
#portfolio_left_2 a:visited img{
   	border: 3px solid #121212;
    margin: 3px;
	}
#portfolio_left_2 a:focus img,
#portfolio_left_2 a:hover img,
#portfolio_left_2 a:active img{
	border: 3px solid #A7C838;
   	margin: 3px;
	}	
	
#links {
width: 360px;
height: 150px;
float: right;
clear: right;
border: none;
clear: both;
margin: 0 0 0 0;
padding: 0;
}

#links ul li
{
float: right;
display: inline;
list-style-type: none;
padding: 0 0 0 15px;
margin: 0;
}	

#links img {
border: none;
}

	
	
	
#awards {
width: 360px;
height: 150px;
float: right;
border: none;
clear: both;
margin: 0 0 0 0;
padding: 0;
}	


#awards p {
	font: 11px  "Trebuchet MS", Arial;
	font-weight: lighter;
   	color: #8e8e8e;
  	padding: 5px 0 5px 0;
  	margin: 10px 0 0 0;
	line-height: 17px;
	text-align: justify;
	width: 240px;
}	

   #awards ul li {
   padding: 0;
   list-style: none;
   float: right;
   }
   
   #awards a img {
   border: 3px solid #121212;
   margin: 15px 0 0 0;
   float: right;
   }
	
	#awards a:link img,
	#awards a:visited img{
   	border: 3px solid #121212;
    margin: 3px;
	   margin: 15px 0 0 0;
   float: right;
	}
	#awards a:focus img,
	#awards a:hover img,
	#awards a:active img{
	border: 3px solid #A7C838;
   	margin: 3px;
	   margin: 15px 0 0 0;
   float: right;
	}

#footer p { 
 width: 800px;
 height: 15px;
 clear: both;
 color: #8e8e8e;
 border: 1px solid #ccc;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 background: #121212;
 text-align: center;
 font-size: 11px;
}

/*Classes*/

.awards {
float: right;
border: none;
margin: 15px 15px 0 0;
padding: 0;
}

.contact_right {
text-align: right;
}

/*Classes End */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*Modified by Luke Menzel  */

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 480px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;

}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;

}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 3px 0 0; /*Margin between each menu item*/
padding: 0 0 0 0;
height: 27px;
line-height: 27px;
text-decoration: none;
letter-spacing: 1px;
background-color: #121212; /*Default menu color*/
width: 78px;
text-align: center;
}

#modernbricksmenu a:hover{
background-color: #a7c838; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background:#A7C838; /*green color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; 
}

/* Forms Start */

.cssform p {
width: auto;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
height: 1%;
}

.cssform label {
font-size: 12px;
font-weight: bold;
text-align: left;
}

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}

.cssform textarea {
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix {
margin-left: 3px;
}
/* Forms end */