@charset "UTF-8";

* { margin: 0; padding: 0; border: none; line-height: 1 }
:focus { outline: 0; }
div.clear { clear: both; }

/* HTML5 tags */
header, section, footer, aside, nav, article, figure { display: block; }

/* General styles */
body {
	font-family: Gill Sans, helvetica, arial;
	font-size: 15px;
	color: #ddd;

	background-color: #f3f4f7;

	padding: 10px;
}

a { 
color: #325067; 
text-decoration: none; 
}
a:hover { color: #ec5c5c }
a:active { color: white }

ul { list-style-type: none }
li { margin: 5px 0 }


div#container{
    font-family: Gill Sans, helvetica, arial;
width: 800px;
padding-top: 50px;
display: block;  
margin-left: auto;  
margin-right: auto; 
padding-bottom: 15px;
}   



/* Header */
h1 {
    font-family: Gill Sans, helvetica, arial;
    font-weight: lighter;
	color: #484848;
    padding-top:10px;
	font-size: 24px;
    padding-left: 35px;
	padding-bottom: 5px;
    border-top-width: thin;
    border-top-style: dashed;
    border-top-color: #bbb;
}




h2 {   
padding-left:44px;
 
    font-weight: lighter;
    padding-top:15px;

	text-align: left; 
    color: #696969;
	font-size: 19px;
	padding-bottom: 9px;
}


p { 
padding-top:4px;
padding-left:54px;
padding-right:54px;
font-weight: lighter;
font-size: 16px;
line-height: 1.2em;
color: #696969;
 margin-bottom: 15px;
}



img#banner { 
	display: block;  margin-left: auto;  margin-right: auto; 
	padding-bottom: 15px;
}
img#screenshot{
padding-top: 75px;
    	display: block;  margin-left: auto;  margin-right: auto; 
	padding-bottom: 15px;
}

img#design_img{
    padding-top: 20px;
    display: block;  margin-left: auto;  margin-right: auto; 
	padding-bottom: 15px;
}
img.centerimg{
    padding-top: 20px;
    display: block;  margin-left: auto;  margin-right: auto; 
	padding-bottom: 15px;
}

img#sketch_img{
    padding-top: 75px;
    display: block;  margin-left: auto;  margin-right: auto; 
	padding-bottom: 15px;

}

p#footer{
    padding-top:150px;
    font-size:14px;
    color:#AAAAAA;
text-align:center;
}

/* Navigation links */
nav { 
	text-align: center;
	padding-bottom: 9px; 
	font-size: 18px;
}

nav a {	padding: 4px; }

span.emphasize{
    font-weight:normal;
}


section { margin: 0 30px;
padding-bottom: 25px; }


table {
    padding-left:70px;
	width: 600px;
    color: #696969;
}

iframe{
    padding-top: 20px;
    display: block;  margin-left: auto;  margin-right: auto; 
	padding-bottom: 15px;

}

td { vertical-align: top; padding-top: 5px;
padding-right:10px; }

ul{
    padding-left:70px;
    color:#696969;
}

footer { 
	border-top: 1px solid #aaa;
	padding: 10px 30px 0px;
	margin: 15px 10px 5px;
	font-size: 13px;
	text-align: center;
	margin-left: auto; margin-right: auto;
	color: #aaa;
}