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

/* ---------------------------------------------------- GLOBAL -------------------------------------------------------------- */

body, html{
	height:100%;
	padding:0;
	margin:0;
}

#content{
	width:1018px;
	margin:0 auto 30px auto;
}

#header{
	width:1018px;
	margin:0 auto;
	position:relative;
	height:185px;
}

#logo{
	float:left;
	width:523px;
	height:117px;
}

#shoe{
	float:right;
	width:299px;
	height:164px;
}

#twitter{
	display:block;
	position:absolute;
	width:113px;
	height:116px;
	top:50px;
	right:15px;
}

#nav{
	clear:left;
	float:left;
	width:526px;
	height:38px;
	margin:10px 0 0 0;
}

#nav li{
	height:38px;
}

#nav li a{
	display:block;
	height:100%;
	width:100%;
}

#nav li a span{
	display:none;
}

#nav_home{
	width:86px;
}

#nav_about{
	width:89px;
}

#nav_blog{
	width:88px;
}

#nav_gallery{
	width:88px;
}

#nav_videos{
	width:87px;
}

#nav_contact{
	width:88px;
}

#left{
	float:left;
	width:615px;
	padding:25px 30px 0 30px;
}

#left.blog p{
	width:578px;
}

#right{
	float:right;
	width:290px;
	padding:0 25px;
}

#footer{
	width:1018px;
	margin:0 auto;
	position:relative;
	padding-bottom:30px;
}

#footer-links{
	float:left;
	width:600px;
}

#footer-copyright{
	float:right;
	width:400px;
	text-align:right;
}


/* ---------------------------------------------------- CLASSES -------------------------------------------------------------- */

.horizontal{
	padding:0;
	margin:0;
	list-style-type:none;
}

.horizontal li{
	padding:0;
	margin:0;
	float:left;
	display:inline;
}

.clear{
	clear:both;
}

.right{
	float:right;
	margin:0 0 0 10px;
}

.left{
	float:left;
	margin:0 10px 0 0;
}

.bottom-link{
	margin:0;
	padding:2em 0;
}

h4.first{
	margin-top:45px;
}

.info{
	
}
.info a.bgForImg{
	width:103px;
    height:95px;
    display:block;
    float:left;
    padding:8px 0 0 0;
    margin:0 10px 0 0;
    background:url(./images/charlie_img/thumbBg.gif) no-repeat -1px -1px;
    text-align:center;
}

.info .more_thumb{
	float:left;
	margin:0 10px 0 0;
}

.info .txt{
	float:left;
	width:140px;
}

.video .info .txt{
	width:410px;
}

.info .txt p{
	margin:0.5em 0;
}

.video .info .txt p{
	margin:1 0;
}


.info .txt .title{
	margin-top:0px;
}

/* ---------------------------------------------------- PAGES -------------------------------------------------------------- */


.pic{
	float:left;
	width:151px;
	height:139px;
	padding-top:12px;
	text-align:center;
	background:transparent url(./images/charlie_img/thumb_bg.jpg) no-repeat scroll left top;
	margin:0 2px 10px 0;
}

.end{
	margin-right:0px;
}




#right.contact p.label{
	float:left;
	width:70px;
	margin:0 5px 0 0;
}

#right.contact p.info{
	float:left;
	width:150px;
	margin:0;
}

#right.contact br{
	clear:both;
}

.contact p{
	width:570px;
}

#home-left{
	float:left;
	width:300px;
	margin:0 20px 0 0;
	padding:25px 0 0 30px;
}

#home-right{
	float:right;
	width:625px;
	padding:30px 30px 0 0;
	margin-bottom:25px;
}

#home-bottom{
	width:968px;
	padding:0 25px 25px 25px;
}

.home-column{
	float:left;
	width:310px;
	margin-right:10px;
}

.home-column h4{
	height:24px;
	line-height:24px;
}

.home-column h4 img{
	vertical-align:middle;
	position:relative;
	top:-2px;
}

.home-box{
	padding:10px;	
}

.twitter{
	padding:10px 5px;
}

.tweet{
	padding-left:20px;
}

.twitter .arrow{
	padding-left:20px;
}



/* ---------------------------------------------------- FORMS -------------------------------------------------------------- */

#contform{
	padding:0 0 30px 0;
}

form div{
	padding:1em 0;
}

input.text, textarea{
	width:550px;
	padding:5px 10px;
}

textarea{
	height:160px;	
}

.submit{
	float:right;
	margin-right:40px;
}

form br{
	clear:both;
}

.tweet{
margin:0 0 2em 0;
}