/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
height:100%;clear: both;font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 background:url(images/background.jpg) repeat-x;
}


h1{font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;}

img{border-style: none; float: left; margin-left: 40px;}
#footer img{border-style: none; float: right; margin-left: 40px;}

#wrapper { 
min-height:100%; margin: 0 auto;
 width: 970px;
 background: #fff;
 border-left: 2px solid #000000;
 border-right: 2px solid #000000;
 border-bottom: 2px solid #000000;
}
#header {
 background:url(images/header.jpg) no-repeat;
 width: 950px;
 float: left;
 padding: 10px;
 height: 142px;
 margin: 0px;
 
}
#navigation {
 background:url(images/header_nav_bk.jpg) no-repeat;
 width: 960px;
 float: left;
 padding: 0px 5px;
 height: 33px;
 
}
#navigation ul li {
	list-style-type: none;
}
#navigation ul li #home {
 background:url(images/nav_home.jpg) no-repeat;
 width: 136px;
 height: 33px;
 float: left;
 
}
#navigation ul li a:hover#home {
 background:url(images/nav_home_on.jpg) no-repeat;
 width: 136px;
 height: 33px;
 float: left;
 
}
#navigation ul li #about-us {
 background:url(images/nav_about_us.jpg) no-repeat;
 width: 146px;
 height: 33px;
 float: left;
 
}
#navigation ul li a:hover#about-us {
 background:url(images/nav_about_us_on.jpg) no-repeat;
 width: 146px;
 height: 33px;
 float: left;
 
}
#navigation ul li #services {
 background:url(images/nav_services.jpg) no-repeat;
 width: 139px;
 height: 33px;
 float: left;
 
}
#navigation ul li a:hover#services {
 background:url(images/nav_services_on.jpg) no-repeat;
 width: 139px;
 height: 33px;
 float: left;
 
}
#navigation ul li #portfolio {
 background:url(images/nav_portfolio.jpg) no-repeat;
 width: 165px;
 height: 33px;
 float: left;
 
}
#navigation ul li a:hover#portfolio {
 background:url(images/nav_portfolio_on.jpg) no-repeat;
 width: 165px;
 height: 33px;
 float: left;
 
}
#navigation ul li #video_gallery {
 background:url(images/nav_video_gallery.jpg) no-repeat;
 width: 202px;
 height: 33px;
 float: left;
 
}
#navigation ul li a:hover#video_gallery {
 background:url(images/nav_video_gallery_on.jpg) no-repeat;
 width: 202px;
 height: 33px;
 float: left;
 
}
#navigation ul li #contact {
 background:url(images/nav_contact.jpg) no-repeat;
 width: 171px;
 height: 33px;
 float: left;
 
}
#navigation ul li a:hover#contact {
 background:url(images/nav_contact_on.jpg) no-repeat;
 width: 171px;
 height: 33px;
 float: left;
 
}
#navigation ul li span {
 display: none;
}
#header_bottom {
 background:url(images/header_bottom.jpg) no-repeat;
 width: 950px;
 float: left;
 padding: 0px 10px 0px 10px;
 height: 40px;
 margin: 0px;
 
}
#leftcolumn { 
height:auto;  color: #333;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 25px;
 
 width: 647px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 253px;
 display: inline;
}

#footer { 
 

   

text-align: right; 

margin-left: 30px;



clear: both;
 color: #333;font-size: 10px;
 
 width: 879px;float: center; background: url(images/mlna.jpg) no-repeat #fff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

#footer img {
border-style:none;
float:right;
margin-left:40px;
}

div#groupedPics img {
margin: 0;
padding: 0;
}