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

/* GENERAL STYLES
---------------------------------------------------------------*/
html, body {
	min-width: 1000px;
}
html {
	margin: 0 auto;
	background: #fff; 
}
body {
	margin: 0 auto;
	text-align: center;
	height: 100%;
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;	 
}
img {
	border: none;
}
a:focus {
	outline: none;
}
#logo {
	margin: 0 auto;
	position: absolute; 
	left: 5px; 
	top: 5px;
	width: 50%;
	height: 50%;
	background: url(../imgs/logo3.png) no-repeat;
}
#navigation_bar {
	margin: 0 auto;
	position: absolute;
	left: 138px;
	top: 135px;
	height: 13px;
	width: 925px;
	background: url(../imgs/bar_white.png) repeat-x;
}	
/* Styles for the entire lavaLamp menu */
.lavaLamp {
	float: right;
    position: relative;
	width: 100%;
    padding: 15px; 
	margin: 10px 0;
}
/* Force the list to flow horizontally */
.lavaLamp li {
	float: right;
	list-style: none;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
	position: absolute;
	background: #00ff00 scroll right;
	height: 6px;
	top: 40px;
	z-index: 8;
}
.lavaLamp li.back .left {
	margin-right: 9px;
	background: #00ff00 scroll left top;
	height: 6px;
}
/* Styles for each menu-item. */
.lavaLamp li a {
	position: relative; 
	overflow: hidden;
	text-decoration: none;
	font: 16px arial;
	color: #000;
	outline: none;
	text-align: center;
	height: 30px; 
	top: 7px;
	z-index: 10; 
	letter-spacing: 0;
	float: left; 
	display: block;
	padding: 0 10px;
}
#footer {
	clear: both;
	position: relative;
	border-top: #000 5px solid;
	text-align: center;
	color: #fff;
	font-size: 12px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
#footer a {
	color: #fff;
}





/* HOME PAGE STYLES
---------------------------------------------------------------*/
#clapper {
	margin-top: -500px;
	clear: both;
	position: relative;
	margin: 0px auto;
	background: url(../imgs/clapper_bw.jpg) center no-repeat;
	height: 600px;
	width: 1000px;
	text-align: left;
	color: #fff;
	}
	
#clapper #avlogo {
	position: absolute;
	top: 155px;
	left: 625px;
	height: 100px;
}
	
	
#welcome {
	margin:390px 20px 0px 0px;
	padding-left:0;
	position:relative;
	right:225px;
	width:440px;
	text-align:center;
	top: -200px;
	height: 300px;
}

#dude {
	position: absolute;
	right: 50%;
	margin: 320px 0 0;
	padding: 0;
}
#twitter_pic {
	float:right;
	margin: 0;
}
#twitter_div {
	font-size:16px;
	height:200px;
	left:50%;
	margin:400px 0 0 40px;
	padding:0;
	position:absolute;
	width:250px;
	overflow:hidden;
}
#twitter_div a, #twitter_div a {
	color: #ffffff;
}
#twitter_update_list {
	margin: 0;
	padding: 0;
}
#twitter_update_list li {
	text-align: left;
	list-style: none;
	border-bottom: #ffffff 5px solid;
	padding:5px 0;
	}
#title h1 {
	position: absolute;
	left: 205px;
	margin: 220px 20px 0px 0px;
	padding: 0;
	color: #fff;
	font-size: 30px;
}
#mainNav {
	width: 610px; 
	margin: -40px auto 0 auto;
}
#twat {
	margin-top:-350px;
	border-top: #ffffff thin solid ;
	
}	
	

/* SUBPAGE STYLES
---------------------------------------------------------------*/	
#wrap {
	clear: both;
	margin: 20px auto 0 auto;
	background: url(../imgs/subpg_bg2.jpg) center no-repeat;
	height: 800px;
	width: 1000px;
	text-align: left;
	color: #fff;
	}	
#wrap h1 {
	color: #fff;
}
.col {
	float: left;
	width: 33%
}
.contact {
	float: left;
	width: 300px;
}

#contact span {
	font-size: 10px;
}
#contact a, #contact a:visited {
	text-decoration: none;
}
#content #contact h2 {
	margin: 0;
	padding: 0;
	font: 20px;
	color: #8a9f61;
	font-weight: lighter;
}
#contact ul{
	margin-top: 0;
	paddint-top: 0;
}
#centerContent {
	margin: 0 auto;
	width: 800px;
}
#header {
	position: absolute;
	background: url(../imgs/clapper_top.png) center no-repeat;
	width: 1000px;
	height: 405px;
}
#content_bg {
	clear: both;
	position: absolute;
	margin: 310px auto 0 5px;
	background: #2d2624;
	width: 790px;
}
#content {
	padding: 100px 30px 0 30px;
}
#content a, #content a:visited {
	color: #8a9f61;
}
#content #contact a, #content #contact a:visited {
	color: #fff;
}
#content h1 {
	margin: 0;
	padding: 0;
	font-size: 38px;
	font-weight: lighter;
}
#content h1 span {
	font-size: 24px;
}
#content h2 {
	margin: 0;
	padding: 0;
	font: 20px;
	color: #999999;
	font-weight: lighter;
}
#content h3 {
	margin: 0;
	padding: 0;
	font: 20px;
	color: #fff;
	font-weight: lighter;
}
#content h3 span {
	color: #8a9f61;
}
.textGroup {
	clear: both;
	padding: 0 0 0 20px;
	margin: 0;
}
#text_right{
	float: left;
	width: 440px;
	margin-top: -13px;
	padding-top: 0;
}

.img_left img {
	clear: both;
	float: left;
	margin: 0;
	padding: 0 5px 5px 0;
}
.img_right img {
	clear:both;
	float: right;
	margin: 0;
	padding: 0 0 5px 5px;
}
#img_left img{
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
}
#video_left {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
}
#video_description{
	float: left;
	margin: 0;
	margin-left: 10px;
	width: 320px;
	padding: 0;
}
.video_image{
	float: left;
	width: 380px;
	margin-top: 0;
	padding-top: 0;
}




#portfolio-buttons { 
	position: relative; 
	width: 100%; 
	 
}
#portfolio { 
	clear: both; 
	margin: 50px auto -50px auto;
	padding: 0;
	left: 15%;
	width: 660px; 
	height: 220px; 
	background: #575756; 
	overflow: hidden; 
	text-align: center; 
}
#carousel ul { 
	clear: both; 
	margin: 0 auto;
	padding: 0;
	list-style-type: none; 
}
#carousel li { 
	width: 200px; 
	height: 500px; 
	margin: 0 auto;
	padding: 10px;
	color: #ccc; 
	background: url(http://static.halogy.com/images/loading.gif) no-repeat center; 
}
#carousel strong { 
	color: #eee; 
}
#carousel li img { 
	width: 200px; 
	height: 150px;
	margin: 0 auto;
	padding: 0;
}
a.prev { 
	float: left;
	margin-left: -30px;
	position: relative;
	top: -150px;
}
a.next { 
	float: right;
	margin-right: -30px;
	position: relative;
	top: -150px; 
}
#portfolioTitles {
	clear: both;
	margin: 0 auto;
	width: 750px;
	padding-left: 60px;
	font-size: 12px;
}
#portfolioTitles h2  {
	margin: 0 0 20px -60px;
}

#poop {padding-top: 470px;
	   padding-left: 485px;
	
}
}
#twat #footer p a font {
	color: #008000;
}