
html,body {
	margin: 0em;
	padding: 0em;
	background-color: white;
	color: rgb(0,0,0); /* black */
	font-size: 86%; /* Base font size */
	}

/* This sets the font-types */
body, h1, h2, h3, h4, h5, h6, td, p, a, li, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	}

/* This turns off borders around images */
img {
	border-width: 0;
}

/* Ordinary paragraphs and list-items */
p, ul, ol {
	margin:0;
	padding:0;
	margin-bottom: 1.0em;
	font-size: 1.0em;
	}
	
/* Headers */	
h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	}

/* Line height settings */
p, li, dt {
	line-height: 1.1em;
	}

/* General font sizing */
input, textarea, select, table, td, th {
	font-size: 1.0em;
	}

form {
	margin: 0em;
	padding: 0em;
	}

/* General link colors */
a {
	cursor: pointer;
 	text-decoration: none;
	}

a:link, a:visited {
	color: rgb(2,149,209); /* turquoise */
	}

a:hover, a:active {
	text-decoration:underline;
}

acronym, abbr {
	border-bottom: 1px dotted black;
	cursor: help;
	}


/* ========================= Page ========================= */

div#page {
	margin-left: auto;
	margin-right: auto;
	width: 658px;
	position: relative;
	}

/* ========================= General Headers ========================= */

/* Headers:
	H1: logo
*/

div#page h1 {
	margin-top:1.0em;
	margin-bottom:1.0em;
	}
	
div#page h2 {
	font-size:2.0em;
	}	
	
div#page h3 {
	margin-top:1.0em;
	font-size:1.5em;
	width:70%;
	float:left;
	}	

div#page h4 {
	margin-top:1.0em;
	margin-bottom:0.3em;
	font-size:1.1em;
	}		
	
/* ========================= Navigation and Content ========================= */	
	
div#page div#nav-and-content  {
	}	
	
/* ========================= Navigation ========================= */

div#page ul#navigation  {
	width:140px;
	float:left;
	list-style-type:none;
	}	

div#page ul#navigation li  {	
	list-style-type:none;
	margin-bottom:0.5em;
	}
	
div#page ul#navigation li a {	
	display:block;
	width:99%;
	}	
	
div#page ul#navigation li ul {	
	margin-left:1.0em;
	margin-top:0.5em;
	}	
	
div#page ul#navigation li#current-nav  {	
	font-weight:bold;
	}	
	
div#page ul#navigation li.login  {	
	margin-top:3.0em;
	}		
	
div#page ul#navigation li.blog  {	
	font-size:0.9em;
	color: rgb(155,155,155);
	width:130px;
	line-height:1.3em;
	}	
	
div#page ul#navigation li.blog a {
	font-size:1.1em;
	}		
	
/* ========================= Primary Content ========================= */

div#page div#content  {
	text-align: left;
	width:510px;
	float:left;
	margin-bottom:2.0em;	
	}

div#page div#content p {
	line-height:1.5em;
	font-size: 1.0em;
	clear:left;
	}

div#page div#content img.portfolio-image {
	padding:5px;
	border:1px solid #ccc;
	}
	
div#page div#content p.image-navigation {
	clear:none;
	float:right;
	}
	
div#page div#content ul {
	margin:0;
	margin-bottom:1.0em;
	margin-left:1.5em;
	padding:0;
	}	
	
div#page div#content ul li {
	margin-bottom:0.5em;
	}		

div#page div#content dl#service-list dt {
  font-weight:bold
	}	
	
div#page div#content dl#service-list dd {
	margin:0;
	margin-bottom:1.0em;
	}
	
/* ========================= Form ========================= */

form {
	margin-top:1.0em;
	}

label {
	clear:both;
	float:left;
	width:100px; 
	}

input {
	float:left;
	width:150px;
	margin-right:150px;
	margin-bottom:0.5em;
	}

input#submit {
	clear:both;
	float:none;
	width:auto;
	margin-left:100px;
	}
			
/* ========================= Footer ========================= */	

div#page div#footer {
     clear:left;
	 text-align:center;
	 border-top:1px solid #ccc;
	 width:100%;
	 padding-top:1.0em;
     }
	
/* ========================= Rotator ========================= */		
	
#rotator {
	overflow: hidden;
	position: relative;
	width: 490px;
	height: 330px;
	cursor: pointer;
	border:1px solid #ccc;	
	}

#rotator img {
	width: 480px;
	height: 320px;
	margin:5px;
	background-color:black
	}
	
/* ========================= Portfolio Preview ========================= */		

div#page div#content ul#portfolio-preview {
	list-style-type:none;
	margin:0;
	padding:0;
	}

div#page div#content ul#portfolio-preview li {
	list-style-type:none;
	width:112px;
	margin-right:14px;
	margin-bottom:12px;
	float:left;
	height:87px;
	}	

div#page div#content ul#portfolio-preview li.row-end {
	margin-right:0px;
	}	

div#page div#content ul#portfolio-preview li img {
	padding:5px;
	border:1px solid #ccc;	
	}
	
/* ========================= Misc ========================= */		

.error {
	color: rgb(200,0,0); /* red */
	} 