body {
	font-family:Arial, Helvetica, sans-serif;
background-color:#ffffff;
}
.container {
	border:0px solid #000000;
	color:#0F0F0F;
	width:960px;
	margin:0px auto;
}
nav{
	text-align:right;
	background-color:#0F0F0F;
	height:44px;
}

nav ul{
	list-style: none outside none;
	float: right;
	display: inline;
}

nav ul li{
	width:600px;
	list-style: none outside none;
	float: left;
	display: inline;
	width:100px;
	height:40px;
}

nav ul li a{
	text-align:center;
	text-decoration:none;
	width:60px;
	display:block;
	padding:14px 10px 10px 10px;
	color:#EFEFEF;
	height:20px;
	letter-spacing:1px;
}

nav ul li a:hover{
	text-align:center;
	text-decoration:none;
	display:block;
	padding:14px 10px 10px 10px;
	background-color:#fff;
	height:20px;
	color:#0F0F0F;
	letter-spacing:.4px;
	font-weight:bold;
}

nav ul li .active{
	text-align:center;
	text-decoration:none;
	display:block;
	padding:14px 10px 10px 10px;
	background-color:#fff;
	height:20px;
	color:#0F0F0F;
	letter-spacing:.4px;
	font-weight:bold;
}

#branding {
	width:760px;
	float:left;
}
#branding h1{
	font-size:50px;
	padding-top:30px;
	font-family:"Lucida Sans Unicode",sans-serif;
	text-shadow: 0.07em 0.07em 0.07em #dddddd;
/*	filter: Shadow(Color=#dddddd, 	
			Direction=135, 
			Strength=2); */
}
#branding h2{
	font-size:28px;
	padding-top:24px;
	font-weight:normal;
}
#branding h3{
	font-size:14px;
	padding-top:24px;
	font-weight:normal;
}
#slider2 {
	height:156px;
	float:left;
	width:500px;
}

#twitterstatus {
	
}

.main-section {
	float:left;
	width:750px;
	font-size:14px;
	font-family:sans-serif;
	text-align:justify;
	line-height:25px;
	letter-spacing:0.2px;
	padding-right:10px;
}
.main-section-contact {
	float:left;
	width:600px;
	font-size:14px;
	font-family:sans-serif;
	text-align:justify;
	line-height:25px;
	letter-spacing:0.2px;
	padding-right:10px;
}

.main-section-work {

	font-size:14px;
	font-family:sans-serif;
	line-height:25px;
	letter-spacing:0.2px;
}

#from-blog {
	width:400px;
	color:#333333;
	font-size:14px;
	line-height:20px;
}
#from-blog ul {
	padding-left:20px;
	padding-top:26px;
}
#from-blog ul a{
	color:#0F0F0F;
	text-decoration:none;
}
#from-blog ul a:visited{
	color:#0F0F0F;
}
.more-about-me {
	float:left;
	width:530px;
	font-size:14px;
	text-align:justify;
	line-height:25px;
	letter-spacing:0.2px;
}
.sub-head {
	font-size:28px;
}

#bottom-bar {
	background-color:#0F0F0F;
	margin-top:20px;
	height:20px;
	border:1px solid black;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	padding-top:30px;
}


#bottom-bar a{
	color:#FFFFFF;
	text-decoration:none;
}

.label {
	display:block;
	line-height:20px;
	font-size:14px;
	font-style:italic;
}

.text-box {
	margin-bottom:10px;
	width:360px;
	border:1px solid #dddddd;
	font-size:14px;
	height:30px;
	line-height:26px;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.29, rgb(255,255,255)),color-stop(1, rgb(237,237,237)));
	background: -moz-linear-gradient(center bottom,rgb(255,255,255) 29%,rgb(237,237,237) 100%);
	/* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ffffff);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ffffff)";
}
.text-area {
	margin-bottom:10px;
	width:360px;
	height:100px;
	border:1px solid #dddddd;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.29, rgb(255,255,255)),color-stop(1, rgb(237,237,237)));
	background: -moz-linear-gradient(center bottom,rgb(255,255,255) 29%,rgb(237,237,237) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ffffff);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ffffff)";
}
.button{
	border:1px solid #dddddd;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.29, rgb(255,255,255)),color-stop(0.82, rgb(237,237,237)));
	background: -moz-linear-gradient(center bottom,rgb(255,255,255) 29%,rgb(237,237,237) 82%);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ffffff);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ffffff)";
	background-color:#FFFFFF;
	height:30px;
	width:80px;
}

.portfolio-box {
	border:1px solid #dddddd;
	width:302px;
	height:182px;
	float:left;
	margin-right:20px;	
	box-shadow: 0px 0px 10px #dddddd;
	-webkit-box-shadow:0px 0px 10px #dddddd;
	-moz-box-shadow:0px 0px 10px #dddddd;
	margin-top:20px;
}

.portfolio-box2 {
	border:1px solid #dddddd;
	width:302px;
	height:182px;
	float:left;
	box-shadow: 0px 0px 10px #dddddd;
	-webkit-box-shadow:0px 0px 10px #dddddd;
	-moz-box-shadow:0px 0px 10px #dddddd;
	margin-top:20px;
}

.detail-box {
	width:292px;
	height:20px;
	float:left;
	margin-right:20px;	
	font-size:12px;
	line-height:18px;
	margin-bottom:50px;
	margin-top:5px;
	padding:5px;
}

.detail-box2 {
	width:292px;
	height:20px;
	float:left;
	font-size:12px;
	line-height:18px;
	margin-bottom:50px;
	margin-top:5px;
	padding:5px;
}
.portfolio-image {
	margin:5px;
	padding:0px;
	margin-bottom:0px;
	width:292px;
	z-index:-1;
}
.site-link {
	width:67px;
	margin-left:225px;
	margin-top:-37px;
	background-color:#222222;
	opacity:.8;
	color:#ffffff;
	padding:5px;
	display:none;
	text-align:center;
}
.site-link a {
	color:#ffffff;
	margin:0px;
	padding:0px;
	text-decoration:none;
}

