/*
      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 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image:url(../images/site-bg.jpg);
 background-repeat:repeat-x;
 background-color: #014104;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
 background-image:url(../images/ladybug-bg.jpg);
 background-repeat:no-repeat;
 background-color: #435d14;
 height: 850px;
}

#faux {
 background: url(faux-1-2-col.gif);
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

#header {
 color: #333;
 width: 100%;
 height: 140px;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background-color:#0033FF;
}

#navigation {
 color: #333;
 padding: 10px;
 margin: 0px 0px 5px 0px;
 background: #003300;
}

#navigation {
 padding: 10px;
 margin: 0px 0px 5px 0px;
 width:902px;
}

#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 float: left;

}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 55%;
 display: inline-block;
 overflow:hidden;


}


#footer { 
 width: 902px;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 text-align:center;
 position: absolute;
 margin-left: 100px;

}

a.footer:link {color: #FFFF00; text-decoration: none; }
a.footer:visited {color: #FFFF00; text-decoration: none; }
a.footer:hover {color: #FF0033; text-decoration: none; }
a.footer:active {color: #FFFF00; text-decoration: none; } 

a.pglink:link {color: #FF9900; text-decoration: none; }
a.pglink:visited {color: #FF9900; text-decoration: none; }
a.pglink:hover {color: #FF0033; text-decoration: none; }
a.pglink:active {color: #FF9900; text-decoration: none; } 

.clear { clear: both; background: none; }


.contentbg {
background-image:url(/images/contentbg.png);
background-repeat: repeat-y;
width: 480px;
padding: 10px;
font-size:12px;
font:Verdana;
color:#FFFFFF;
}

#mid {

 color: #333;
 margin: 0px;
 padding: 0px;
 width: 920px;
 float:left;
 position: absolute;
 margin-top:200px;


}

#vine { 
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 902px;
 float: left;

}

/* PAGE LAYOUT */


div.scroll {
height: 120px;
width: 96%;
overflow: auto;
border: 1px solid #666;
padding: 8px;
}


#wrapper_page { 
 margin: 0 auto;
 width: 922px;
 background-image:url(../images/ladybug-bg_page.jpg);
 background-repeat:no-repeat;
 background-color: #425d13;
 height: 740px;
}

#rightcolumn_page { 
 float: right;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 80%;
 display: inline-block;
 overflow:hidden;

}

.contentbg_page {
background-repeat: repeat-y;
background-image: url(../images/contentbg_page.png);
background-repeat:repeat-x;
width: 530px;
padding: 10px;
font-size:12px;
font:Verdana;
color:#FFFFFF;
margin-left:35px;
}

#mid_footer {
 margin-top:250px;
 margin-left:10px;
 position: absolute;
 color: #333;
 width: 350px;
 height: 400px;
 padding: 0px;
 color:#FFFFFF;
}

.nicelist li {	
    padding-left: 20px;
    background-image: url(/images/bullet.png);
	line-height:30px;
    background-repeat: no-repeat;
    background-position: 0 8px;
	list-style:none;

    }

.nicelist ul {	
    padding-left: 20px;
    background-image: url(/images/bullet.png);
	line-height:30px;
    background-repeat: no-repeat;
    background-position: 0 8px;

    }
	
.nicelist2 li {	
    padding-left: 20px;
    background-image: url(/images/bullet.png);
	line-height:18px;
    background-repeat: no-repeat;
    background-position: 0 8px;
	list-style:none;
	text-align:left;

    }


/* The Following Code Is For The Middle Of The Homepage. Vine, Special, Logos And Latest News.  
*/

#mid_pagewidth{ 
 width:922px;
 text-align:left; 
 margin-left:auto; 
 margin-right:auto;
} 

#mid_pagewidth2{ 
 width:922px;
 text-align:left; 
 margin-left:auto; 
 margin-right:auto;
} 
 
#mid_leftcol{
 width:585px; 
 height:298px; 
 float:left;
 position: relative;
 background-image: url(/images/videarea_tl.png); 
 background-repeat:no-repeat;
  }
  
#mid_leftcol2{
 width:585px; 
 height:286px; 
 float:left;
 position:relative;
 background-image: url(/images/videarea_bl.png); 
 background-repeat:no-repeat;
  }
 
#mid_twocols{
 width:30%; 
 float:right; 
 position: relative; 
  }
  
#mid_twocols2{
 width:30%; 
 float:right; 
 position: relative; 
  }
 
#mid_rightcol{
 width:337px; 
 float:right; 
 position: relative; 
 }
 
#mid_rightcol2{
 width:337px;
 height:286px;  
 float:right; 
 position: relative;
 background-image:url(/images/videarea_br.png);
 background-repeat:no-repeat;
 margin-top:298px;
 padding:0;
 }
 
#mid_maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:0%;
 height: 0;
 }
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block;
 height: 0px; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{
 display: inline-block;
 height: 0;
}

 /* Hides from IE-mac \*/
 * html .clearfix{height: 0;}
 .clearfix{display: block;}
 /* End hide from IE-mac */  
 
 
 
 /* THE FOLLOWING CODE IS FOR LIGHTBOX */
  
  
 .black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:5000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: fixed;
	top: 8%;
	left: 25%;
	width: 508px;
	height: 490px;
	padding: 16px;
	border: 5px solid #FF0000;
	background-color: white;
	z-index:6000;
	overflow: auto;
}


<!-- Twitter Updates -->

.twitter_update_list ul {
line-height: 5px;

}