/*Common Styles*/
@font-face {
    font-family: 'walkway';
    src: url('../fonts/Walkway_Bold-webfont.eot');
    src: local('Walkway Bold'), 
         local('Walkway'),
	  url('../fonts/Walkway_Bold-webfont.woff'), 
         url('../fonts/Walkway_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Walkway_Bold-webfont.svg#font') format('svg'); 
}
@font-face {
    font-family: 'walkway-black';
    src: url('../fonts/Walkway_Black-webfont.eot');
    src: local('Walkway Black'),
    url('../fonts/Walkway_Black-webfont.woff'), 
         url('../fonts/Walkway_Black-webfont.ttf') format('truetype'),
         url('../fonts/Walkway_Black-webfont.svg#font') format('svg'); 
}
body{font-family: Verdana; font-size: 14px; color: #333333;}

ul, li{ list-style: square;}

.logo a{ float:left; width: 300px; height: 70px; display:block;}

.music li {background: url(../images/music.png) top left no-repeat; padding: 10px 0 10px 45px; list-style: none;}

h2{font-family: 'walkway-black',Verdana;font-size: 32px; color: #666; font-weight: normal;}

h3, h4{font-family: 'walkway-black',Verdana; font-size:26px; color: #666; font-weight: normal; }

a{color: #666; text-decoration:none; font-weight:bold;}

a:hover, .active{color: #ccc;}
.technologies span{color: #999};
#container{width:98%;}

#header{background: url(../images/alexbirtwell.jpg) no-repeat bottom left; height: 70px;}
h1{font-weight: normal; font-size: 1px; margin-left: -2000px; float:left;}
h1 span{display:block; color: #666;}
#header .top_right_tag{float: right;}
#header .top_right_tag span{display:block;}

#footer{ text-align: right; font-size: 90%; padding: 60px 135px 0 0; background: url(../images/signed.jpg) no-repeat top right;}

/* Content Layout Styles */

.content_2col{width: 98%;}

.content_2col_row{}

.content_2col_1{float:left;width: 400px; padding-top: 390px; background: url(../images/alex_guitar_1.jpg) top left no-repeat; min-height: 460px;}

.tweets{
	width: 395px;
	height: 100px;
	background: url(../images/twitter_back.png) no-repeat top left;
	margin: 0;
	padding: 10px;
	
}

.tweets .tweet{ width: 325px;}

.tweets2{
	height: 235px;
}
.tweet{
	font-size: 83%;
	font-style: italic;
	clear: right;
	padding-right: 15px;
}
.tweet .time{
	float:right;
	font-weight: bold;
	margin-top: 10px;
}

.content_2col_2{margin-left: 400px;}

.content_1col{margin: 5px 0 5px 0}

/* Navigation Menu Styles */

.menu_bar{ display: block;color: #666; text-transform: lowercase;}

.menu_bar{list-style: none; margin:5px 0 0 0px;}

.menu_bar li{display:inline; margin: 0px 8px 0;}

.menu_bar li a {font-family: 'walkway-black',Verdana; font-size:24px; font-weight: normal; text-decoration: none; color:#666;}
.menu_bar li a:hover {color:#ccc;}


/*Content Styles */

.content_item{}

.main_content h2{ padding: 0 0 5px 0;}
.main_content h3{color:#004473; }

.main_content .address li, .main_content .phone li, .main_content .email li{list-style: none; }
.services{ margin-top:-25px;}
.services li{margin-left: 10px;list-style: none; display:inline; text-align: center;letter-spacing: -2px; font-size: 180%; font-weight:bold; }

.content_item span{display:block; letter-spacing: 10px; text-align: center; font-size: 130%; color: #333}

.content{letter-spacing: 2px;}

.main_content .content{letter-spacing: 0; padding: 5px; margin-left: 10%; margin-right: 10%;}

.right_advert{}

/* Design Specific Styles */

.highlight{color: #ccc;}

.technologies{text-align: center;letter-spacing: -2px; font-size: 180%; font-weight:bold;}

.technologies span{margin: 10px 20px;}

.content_blue_bar{}

.content_grad{}

.main_content_blue_bar{}

/*Rounded Boxes */
.boxes{float: left; margin-left: -50px;}
.box{float: left; width: 250px; margin-left: 10px;}

.box .image{text-align: center;}
.box .content{ height: 120px;}
.box .button a{background: url(../images/web_button.jpg) no-repeat top left; display: block; width: 213px; height: 47px; color: #fff; text-transform:lowercase; text-align: center; padding-top: 20px;}
.box .button a:hover{background-position: 0 -67px;}
/* Generic Helpers */

.clear {clear:both;}

/* Portfolio Styles */

#portfolio td{vertical-align: top;padding: 5px;}

#portfolio embed{margin: 5px;}

 .social_icons{
 margin: 0; padding: 0; height: 50px;
 }
 
  .social_icons a{
 color: #fff; font-size: 1px;height:50px; float:left; display:block;
 }
 
  .social_icons a.twitter{
	background:  url(../images/twitter.jpg) no-repeat top left; width: 80px;
 }
   .social_icons a.facebook{
	background:  url(../images/facebook.jpg) no-repeat top left; width: 60px;
 }
   .social_icons a.youtube{
	background:  url(../images/youtube.jpg) no-repeat top left; width: 140px;
 }

   .social_icons a.flickr{
	background:  url(../images/flickr.jpg) no-repeat top left; width: 50px;
 }
   .social_icons a.mail{
	background:  url(../images/mail.jpg) no-repeat top left; width: 50px;
 }
 .social_icons a:hover{
	 background-position: 0 -50px;
 }
 /* FlickR */
.additional div{
	width: 500px;
	float: left;
	margin-right: 5px;
}
.flickr, .videos{
	padding: 0;
	margin: 0;
}

.flickr li, .videos li{
	display:inline;
	width: 120px;
	float: left;
margin: 5px;
}

.flickr li img, .videos a img{
	width: 120px;
	height: 120px;
	margin: 2px;
	border: 1px solid #ccc;
	float:left;
}

.videos li span{
	width: 120px;
	float:left;
	display: block;
	margin-top:-40px;
	padding: 2px 4px 2px 2px;
	background: #666;
	font-weight: normal;
	color: #fff;
	font-size: 75%;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

} 


.tip			{ width:295px; font-family:tahoma,arial; background:url(../images/tip-text.png) left top repeat-y; }
.tip-top		{ background:url(../images/tip-top.png) top left no-repeat; height:26px; width:295px; }
.tip-title		{ color:#333; font-weight:bold; margin:0 30px 0 50px; }
.tip-text		{ color:#666; padding:10px 30px 20px 50px; }
.tip-bottom		{ background:url(../images/tip-bottom.png) left bottom no-repeat; width:295px; height:81px; }

#testimonial{float:left; margin-top: 20px;}
.testimonials_page, .testimonial{
	text-align: left;
	font-size: 120%;
	background: url(../images/quotes.jpg) no-repeat;
	padding: 0 30px 0 30px; 
	width: 621px;
}
.content_2col_1 .testimonial{
	text-align: left;
	font-size: 120%;
	background: none;
	padding: 0 30px 0 30px; 
	width: 240px;
}
.testimonial em,.testimonial strong, .testimonials_page em, .testimonials_page span{
	color:#777;
	font-style: normal;
}
h2,h3,h4{}
label{font-weight: bold;}
.alignleft{float:left;}