body {


        background-color:#f1f1f1;
	font-family: Century Gothic, Calibri, Helvetica, Arial, sans-serif;
	color:#333;
	margin:0px;
	padding:0px;
	}

        h1 { color: #5085A5;}
        
	 
	#wrapper {
	width:1230px;
	background-color:#ffffff;
	margin:0 auto;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	}
	 
	#header {
	width:1230px;
	height:135px;
	margin:0 auto;
	margin-bottom:25px;
	border-bottom:0px solid #ccc;
	border-top:1px solid #ccc;
	
        background-image:url(http://davidamiller.net/images/top-bar.png);
	background-position: top;
	background-repeat: repeat-x;
        }

	#header h2 {
	padding:10px;
	}
	
        p span.blue,
	span.blue {
	color: #5085A5;
	font-weight: bold;
        line-height: 0.5em;
	}


        #phil {
        border-bottom: 1px solid #cccccc;
        margin-bottom: 30px;
        }        


	#nav {
	width:580px;
	height:40px;
	border-bottom: 1px solid #ccc;
        margin-top: -80px;
        margin-left: 600px;
	}
	 
	#nav a {
	display:inline;
	padding:10px;
	background-color:#;
        font-weight: bold;
	}
	 
	#nav a:hover {
	background-color:#;
        color: #cccccc;
	height:80px;
        border-left: 0px solid #cccccc;
        border-right: 0px solid #cccccc;
	}

        a:link {text-decoration: none}
        a:link {border: none}
        a:link {color:#5085A5;}
        a:visited {text-decoration: none}
        a:visited {color:#5085A5}
        a:active {text-decoration: none}
        a:hover {text-decoration: dotted; color:#cccccc;}

        .social {
        margin-left: 1130px;
        margin-top: -60px;
        }

 
	#content {
	width:675px;
	float:left;
	padding:35px;
	}
	 
        .featured {
         margin-bottom: 80px;
         }


         
        .project1 {
         width: 520px;
         background-color: #f8f8f8;
         border: 1px solid #cccccc;
         padding-left: 15px;
         padding-right: 15px;
         padding-bottom: 110px;
         margin-top: -80px;
         }
        

         
         .project2 {
         width: 500px;
         background-color: #f8f8f8;
         border: 1px solid #cccccc;
         padding-left: 15px;
         padding-right: 15px;
         padding-bottom: 15px;
         margin-top: 50px;
         margin-left: 600px;
         }
       
         .project3 {
         width: 520px;
         background-color: #f8f8f8;
         border: 1px solid #cccccc;
         padding-left: 15px;
         padding-right: 15px;
         padding-bottom: 15px;
         margin-top: 15px;
         }

         .project4 {
         width: 500px;
         background-color: #f8f8f8;
         border: 1px solid #cccccc;
         padding-left: 15px;
         padding-right: 15px;
         padding-bottom: 15px;
         margin-top: 15px;
         margin-left: 620px;
         }


	#sidebar {
	width:200px;
	float:right;
	margin-bottom:25px;
        margin-top: 8px;
        padding-left: 50px;
        border-left: 1px solid #cccccc;
	}
	 
	#sidebar a {
	text-decoration:none;
	}
 
	#sidebar li {
	list-style:none;
	}
	 
	#footer {
	clear: both;
	width:1230px;
	height:135px;
	border-top:0px solid #ccc;
        border-bottom: 1px solid #ccc;

        background-image:url(http://davidamiller.net/images/top-bar.png);
	background-position: bottom;
	background-repeat: repeat-x;
        
	}
	 
	#footer p {
	padding:10px;
        padding-top: 90px;
        margin-left: 390px;
	}

       #contact-wrapper {
	width:430px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
        }

        #contact-wrapper div {
	clear:both;
	margin:1em 0;
        }

        #contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
        }

        form#contactform input {
        font-family:Century Gothic,Calibri,Helvetica,Arial,sans-serif;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:14px;
	color:#333;
        }

        form#contactform textarea {
	font-family:Century Gothic,Calibri,Helvetica,Arial,sans-serif;
	font-size:100%;
	padding:0px;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
        }

        .info {
        margin-left: 525px;
        margin-top: -550px;
        margin-bottom: 300px; 
        }



        .image1 {
        margin-left: 552px;
        margin-top: -330px;
        margin-bottom: 30px;
        }
 
        .image2 {
        margin-left: -30px;
        margin-top: -350px;
        margin-bottom: 10px;
        }

        .image3 {
        margin-left: 565px;
        margin-top: -350px;
        margin-bottom: 30px;
        }

        .image4 {
        margin-left: 0px;
        margin-top: -320px;
        margin-bottom: 10px;
        }


/*****Basic Layout*****/
div#container { margin: 20px auto 0; overflow: hidden; width: 672px; }

ul#filter { float: left; font-size: 16px; list-style: none; margin-bottom: 5px; margin-top: -185px; margin-left: -40px; margin-right: 5px; width: 100%; }
ul#filter li { 
	border-right: 0px solid #4F87A7;
	
	line-height: 21px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: none; background: url(images/hover.gif);
 }
ul#filter li.current a { color: #333; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 120px; width: 672px; margin-top: -190px;}

ul#featured { float: left; list-style: none; margin-left: 0; width: 930px; border: #333333;}

#featured li {
             border: 0px solid #4F87A7; 
             float: left; 
             margin: 5px 90px 0px 8px; 
             padding: 5px;
             width: 202px;
}

ul#portfolio li { 
	border: 0px solid #dedede; 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px;
	width: 202px;
       
}
ul#portfolio a { display: block; width: 100%;
}
ul#portfolio a:hover { text-decoration: none; background: url(images/hover.gif); opacity: 50%;
}
ul#portfolio img { border: 2px solid #c1c1c1; display: block; padding-bottom: 0px; }

.demo6{
	border: 1px solid #B9E3FF;
	background: #0099FF;
	padding-left: 5px;
	color: #FFFFFF;
}
.panel{
	border: 1px solid #B9E3FF;
	padding: 10px;
}

#work {
	margin-top: -370px;
        margin-left: 95px;
}



/*  BLOG STYLE */

#main
{
	width: 607px;
	margin: 70px auto;
}

#blogPosts

	.post
	{
		background: #1c5379 url("images/post-bg.gif") no-repeat top left;
		padding: 8px; margin: 0px 0px 5px 0px;
	}
	.post:last-child
	{
		margin: 0px;
	}
		h2
		{
			margin: 0px;padding: 0px;
			color: #333;
			font-size: 2em;
			letter-spacing: 0px;
		}
		.post p
		{
			margin: 0px 0px 8px 0px;
                        color: #ffffff;
		}
		.post span
		{
			display: block;
			padding: 4px;
			background-color: #333;
			color: #cccccc;
		}