body {
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	background-color:;
	background: url("../img/bg-repeat.jpg") repeat-x #0099ea top center;
}

#pagewrap {
	background-color:#ffe8f7;
	background: url("../img/hdr_bg_main.jpg") no-repeat top center;
	min-width:1070px;
}

#wrap {
	width:800px;
	margin:0 auto;
	min-height:700px;
	padding:0;
	padding-right:5px;
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table; min-height:1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**	Headers */

#hdr {
	width:800px;
	margin:0;
	padding:0;
	text-align:left;
}

h1.logo {
	width: 461px; height: 73px;
	background: url("../img/hdr-logo.jpg") no-repeat;
	background-position: 0 20px;
	text-indent: -9999px;
	padding:15px;
	margin:0;
}

h1.welcome {
	width: 198px; height: 46px;
	background: url("../img/welcome.png") no-repeat;
	text-indent: -9999px;
	margin:0;
	padding:0;
}

h2{
	margin:6px 0 0 0; 
	color:#164851;
	font-weight:bold;
	font-size:14px; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height:normal; 
	}

.replaced {
	display: inline-block;
	display: -moz-inline-stack;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: text-top;
	zoom: 1;
} 

.replaced span {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	line-height: 18px;
	cursor: pointer;
}

#blog2 {
	width: 54px;
	height: 36px;
	background: url("../img/blog.jpg") no-repeat;
	vertical-align: middle;
}

#blog3 {
	width: 53px;
	height: 36px;
	background: url("../img/blog2.jpg") no-repeat;
	vertical-align: middle;
}

#news {
	width: 226px;
	height: 48px;
	background: url("../img/news.png") no-repeat;
}

#mytwitter {
	width: 214px;
	height: 51px;
	background: url("../img/twitterings.png") no-repeat;
}

#twitterbird {
	width: 68px;
	height: 58px;
	background: url("../img/twitterbird.png") no-repeat;
	float:right;
}

#latestwork{
	width: 180px;
	height: 70px;
	background: url("../img/latestwork.jpg") no-repeat;
}

#clients {
	width: 180px;
	height: 70px;
	background: url("../img/clients.jpg") no-repeat;
}

#contacts{
	width: 177px;
	height: 69px;
	background: url("../img/contact_me.png") no-repeat;
}

#aboutme{
	width: 180px;
	height: 70px;
	background: url("../img/moreabout.jpg") no-repeat;
}

#backtop{
	width: 155px;
	height: 51px;
	background: url("../img/backtop.jpg") no-repeat;
	float:right;
	margin:50px 0 0;
}

#mywork{
	width: 179px;
	height: 67px;
	background: url("../img/mywork.png") no-repeat;
	position:absolute;
	left:568px;
}

#myblog{
	width: 374px;
	height: 140px;
	background: url("../img/myblog.jpg") no-repeat;
}


/**	Body Content */
#maincontent {
	float:left;
	text-align:left;
	min-height:500px;
	width:471px;
	margin:0;
	background-color:#ffffff;
	padding:10px 10px 50px;
}


#sidebar {
	float:right;
	text-align:left;
	width: 289px;
	padding:160px 10px 10px;
}

#sidebar p{
	padding-top:10px; 
	padding-bottom:10px;
	color:#ffffff; 
	font-size:14px; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height:normal; 
	font-weight:lighter;
}

.image {
   	position: relative;
   	width: 100%; /* for IE 6 */
	margin:0 0 5px 0;
}

.image2 {
  	float:left;
   	width: 88px;
	margin: 3px;

}

#maincontent h2 {
   	position: absolute;
   	bottom:3px;
   	left: 0;
   	width: 100%;
}

#maincontent h2 span {
   color: white;
   font: 15px/30px Helvetica, Sans-Serif;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px;
}

#maincontent p a{
	color:#0099ea; 
	font-weight:bold;
	text-decoration:none;
}

#maincontent p{
	padding:5px 0; 
	color:#164851; 
	font-size:14px; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height:normal; 
	font-weight:lighter;
}

#maincontent .intro{
	margin:0px; 
	color:#164851;
	font-size:24px; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height:normal;	
}

#introbold{
	margin:6px 0 0 0; 
	color:#340980;
	font-size:24px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif; 
	line-height:normal;	
}

#maincontent hr {
	margin:10px 0;
	}

#me {
	width: 167px; height: 250px;
	background: url("../img/richard_miles.jpg") no-repeat;
	float:right;
	padding:15px;
}

/**	Footer */
#ftr {
	clear:both;
	width:100%;
	height:100%;
	background:#4327a2 url("../img/ftr-grad.jpg") repeat-x;
	margin:auto;
	vertical-align: absolute bottom; 
}

#subftr {
	width:850px;
	padding:20px;
	margin:auto;
	height:100%;
	background:#4327a2;
	color:#ffffff;
	position: relative;
	}
	
#subftr p{
	color:#ffffff;
	text-decoration:none;
	font:12px lighter;
	margin:0 0 0 18px;
	}

#subftr a{
	color:#ffffff;
	text-decoration:none;
	font:12px;
	font-weight:bold;
}

#subftr a:hover{
	color:#cccccc;
}

#subftr ul{
list-style-image: url("../img/star.png");
list-style-position: inside;
}

#subftr h2{
	color:#ffffff;
	margin:20px 0px 10px;
	}
	
/**	png fix */	
img, div, a, h1 { behavior: url(js/iepngfix.htc) }	


/**	twitter*/		
#twitter p{
	margin:0 auto;
	color:#fff;
	text-transform:lowercase; 
	font-weight:bold;
	font-size:14px; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height:normal;	
	font-weight:lighter;
	}
	
#sidebar a{	
	color:#fff;
	text-decoration:none;

}

#sidebar a:hover{
	border-bottom:none;
}


#twitter_update_list span a{
	color:#fff;
        border:none;
}

#twitter_update_list span a:hover{
	color:#0099ea;
        border-dashed: 1px;
}

#twitter_update_list span {
	margin:0; 
	color:#ffffff; 
	display:inline;
	display: -moz-inline-block;
	background:#4327a2;
	font-size:24px; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height:normal; 
	font-weight:lighter;
	}
	

#twitter_update_list li {
	list-style-type: none;
	color:#ffffff; 
	font-size:14px;
}

button.awesome, .button.awesome {
	background: #222 url(/img/alert-overlay.png) repeat-x;
	display: inline-block;
	float:right;
	margin-right:20px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;	
	cursor: pointer;
	}
	
	hr {
	color:inherit;
	height:0;
	border:1px solid #d9d9d9;
	border-style:none none solid;
	margin:6px 0;
	padding:0;
	}

	#contact {
	display:block;
	text-align: left;
	width:350px;
	border:1px solid #cbcbcb;
	background-color:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0 auto;
	padding:35px;
	}

	label {
	display:inline-block;
	float:left;
	height:26px;
	line-height:26px;
	width:155px;
	}

	input,textarea,select {

	color:#666;
	background:#f5f5f5;
	border:1px solid #ccc;
	font:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:5px 0;
	padding:5px;
	}

	input:focus,textarea:focus,select:focus {
	border:1px solid #999;
	background-color:#fff;
	color:#333;
	}

	input.submit {
	cursor:pointer;
	border:1px solid #999;
	background:#0099ea;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}

	input.submit:hover {
	background:#663399;
	}

	fieldset {
	border:1px solid #eee;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px;
	}

	legend {
	font-weight:700;
	color:#000;
	border:1px solid #eee;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:7px 10px;
	}

	span.required {
	font-size:13px;
	color:red;
	}

	.error_message {
	display:block;
	height:22px;
	line-height:22px;
	background:#fff url("../img/error.gif") no-repeat 10px center;
	color:#663399;
	border:1px solid #663399;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:10px 0;
	padding:3px 10px 3px 35px;
	}

	#succsess_page h1 {
	background:url("../img/success.gif") left no-repeat;
	padding-left:22px;
	}