@charset "UTF-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/* End Reset */



/* Layout Structure */
/* http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/ */
body {
	
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	font-family: "Helvetica", "Arial", Sans-serif;
	
}


.wrapper {
	height: 100%;
	width: 940px;
	margin: 0px auto 0px auto;
	position:relative;
	
}

/* Top Bar */



	#topbar {
		position: fixed;
		top: 0px;
		height:108px;
		width: 100%;
		background: url(images/bg.jpg) repeat-x;
		z-index: 1;
		}

	#topbar #logo {
		height:56px;
		width:286px;
		padding:33px 0px 0px 0px;
	}
	#topbar #nav {
		float:right;
		height:31px;
		width:550px;
		padding-top: 77px;
	}
	
	#topbar #nav li {
		margin: 0px;
		padding: 0px;
		padding-left: 15px;
		font-size: 12px;
		font-weight: 700;
		float: right;
		}
		
	#topbar #nav li a {
		text-decoration: none;
		letter-spacing: .07em;
	}
	
	
/* Sidebar */

#sidebar_wrapper {
	position: fixed;
	top: 108px;
	width: 206px;
	height: 374px;
	clear: both;
	float:left;
	background-image: url(images/sidebar_bg.jpg);
	background-repeat: no-repeat;
}

#intro {

	width: 166px;
	height: 127px;
	padding: 20px;
	border-bottom: dotted thin #919191;	
}
#twitter_header {
	width:206px;
	height:30px;
	padding-top: 10px;
	text-align: center;
}
.sidebar_header{
	font-family:"Helvetica", "Arial", Sans-serif;
	font-size:18px;
	color:#000000;
	line-height:1.2em;
	letter-spacing:.03em;
	font-weight:bold;
	padding-bottom: 8px;
}
#tweets{
	padding: 10px 20px 20px 20px;
	
}
.tweetlist{
	color: #5d5d5d;
	line-height: 1.5em;
}
/* Portfolio */

#portfolio {
	width:720px;
	height: 587px;
	float:right;
	margin: 122px 0px 0px 14px;
	
}

.scroll_btn{
	cursor: pointer;
	margin-top: -4px;
}


/* About Me */

#about_me {
	
	width:345px;
	height:200px;
	margin-left: 220px;
	margin-top: 35px;
	padding-right: 15px;
	clear:both;
	float:left;
}
#about_awoken{
	width:345px;
	height:200px;
	margin-top: 35px;
	padding-left: 15px;
	float:left;
}
.section_head{
	width:345px;
	height: 30px;
	margin-bottom: 10px;
	border-bottom: dotted thin #5a5a5a;
}

/* Services */

#services_wrapper{
	background-image: url(images/services_bg.jpg);
	background-repeat: none;
	width: 720px;
	height:313px;
	clear:both;
	margin-left: 220px;
}
#offer{
	width:199px;
	height:273px;
	padding:40px 20px 0px 20px;
	float:left;
	
}
.connect_btn{
	margin-top: 15px;
}
#web_design{
	width:192px;
	height:269px;
	margin-top: 27px;
	padding: 0px 20px 0px 20px;
	float:left;

}
#branding{
	width:192px;
	height:269px;
	margin-top: 27px;
	padding: 0px 20px 0px 20px;
	float: left;
	border-left: dotted thin #2f2f2f;
}
.section_head_services{
	width:202px;
	height:73px;
	padding-top:26px;
	text-align: center;
}

/* Connect */

#connect_with {
	width:345px;
	height:200px;
	margin-left: 220px;
	margin-top: 35px;
	padding-right: 15px;
	clear:both;
	float:left;
}
#around_web{
	width:345px;
	height:200px;
	margin-top: 35px;
	padding-left: 15px;
	float:left;
	
}

/* Copyright */

#copyright{
	width:720px;
	height:45px;
	margin-left: 220px;
	padding-top: 15px;
	clear: both;
}





	
/* Typographic Rules */

h1 {
	font-size:23px;
	color:#f1f1f1;
	font-family:"Helvetica", "Arial", Sans-serif;
	letter-spacing: .05em;
	font-weight:bold;
	font-variant: small-caps;
	line-height:1.2em;
	padding:
}
p {
	font-family:"Helvetica", "Arial", Sans-serif;
	font-size:12px;
	color:#a5a5a5;
	line-height: 1.5em;
}
.sidebar_text {
	color: #A5A5A5;
	line-height: 1.5em;
}
h2 {
	font-family:"Helvetica", "Arial", Sans-serif;
	font-size:18px;
	color:#f1f1f1;
	line-height:1.2em;
	letter-spacing:.05em;
	font-weight:bold;
	padding-bottom: 8px;
	
}
.bold {
	font-family:"Helvetica", "Arial", Sans-serif;
	font-size:12px;
	color:#f1f1f1;
	line-height:1.5em;
	letter-spacing:
	
}
h4 {
	font-family:
	font-size:
	color:
	line-height:
	letter-spacing:	
	margin-top:
}
a {
	color: #f1f1f1;
	text-decoration: none;
}
a:link {
	color: 
	text-decoration:
}
a:hover {
	color: #979696;
	text-decoration: none;
}
a:visited {
	color: 
}
.copyright {
	font-family:"Helvetica", "Arial", Sans-serif;
	font-size: 10px;
	color:#3d3d3d;
}