html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, q, dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-color: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

body { 
  line-height: 1.5; 
  margin:0; 
}

ul {
	color: #FFF;
	margin-top: -2px;
}
li {
	color: #FFF;
	list-style-type: disc;
	font-weight:bold;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* -------------------------------------------------------------- 
  
   Structure   
   
-------------------------------------------------------------- */

body {
    background: #f5f9eb url(../images/background-green.gif);  background-repeat: x;
	color:#000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	display: table;
}
a {
	text-decoration:none;
}
.bodylink {
	color:#b3d0ff;
}
.bodylink:hover {
	color:#b3d0ff;
	text-decoration:underline;
}
.bodylink:active {
	color:#ED8133;
	text-decoration:underline;
}
div#toplinks {
	clear:both;
	width:100%;
	text-align: center;
	position:fixed;
	padding-top: 2px;
	top:0;
}
.toplink {
	font:11px Arial, Verdana, sans-serif;
	color:#546633;
	padding-right: 100px;
	padding-left: 100px;
}
.toplink:hover {
	font:11px Arial, Verdana, sans-serif;
	color:#000000;
	padding-right: 100px;
	padding-left: 100px;
	text-decoration:underline;
}
#wrapper {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
#main {
	width:761px;
	height:269px;
	font:18px/24px Georgia, serif;
    background: url(../images/black-content.png); background-repeat: no-repeat;
	text-align:center; /* reset text alignment */
	margin:0 auto; /* for the rest */ 
}
#logo {
	float:left;
	clear:left;
	margin-left: 15px;
	padding-top: 25px;
	text-align:left;
	font:12px Arial, Verdana, sans-serif;
	font-weight:normal;
	color:#fff;
}
#tagline {
	font:12px Georgia, serif;
	text-align:center;
	padding:5px 0px 0px 0px;
	color:#d4e6b3;
	font-style:italic;
}
h1 {
	font:36px Arial, Verdana, sans-serif;
	font-weight:normal;
	color:#fff;
	text-align:left;
	padding:50px 0px 0px 220px;
	line-height:150%;
	font-style:italic;
}
h2 {
	font:20px Arial, Verdana, sans-serif;
	font-weight:normal;
	color:#788bab;
	text-align:center;
	padding:40px 0px 0px 0px;
	margin-left: -20px;
	line-height:100%;
}
.lightblue {
	color:#b3d0ff;
}
#services {
	font:14px Georgia, serif;
	text-align:left;
	color:#fff;
	margin-left: 230px; 
	margin-top: 25px; 
	width: 450px; 
}
.contactform {
	margin-top: -45px; 
}
#portfolio {
	font:14px Georgia, serif;
	text-align:left;
	color:#fff;
	margin-left: 230px; 
	margin-top: 25px; 
	width: 450px; 
}
.servicesmenu {
	font:24px Arial, Verdana, sans-serif;
	font-weight:bold;
	color:#b3d0ff;
	text-align:center;
	padding:0px 0px 0px 0px;
	line-height:100%;
	border-bottom:2px solid #b3d0ff;
}
.servicesmenu:hover {
	font:24px Arial, Verdana, sans-serif;
	font-weight:bold;
	color:#b3d0ff;
	text-align:center;
	padding:0px 0px 0px 0px;
	line-height:100%;
	border-bottom:2px dotted #ED8133;
}
.servicesmenu:active {
	font:24px Arial, Verdana, sans-serif;
	font-weight:bold;
	color:#ED8133;
	text-align:center;
	padding:0px 0px 0px 0px;
	line-height:100%;
	border-bottom:2px dotted #ED8133;
}
#bluebar {
	background:#b3d0ff;
	width:100%;
	float:left;
	margin:0 0 0px 0;
	border-top:2px solid #c6dcff;
	border-bottom:2px solid #aac5f2;
}
#lightgreen {
	background:#f5f9eb;
	height:200px;
}
#menubar {
	width:760px;
	margin:0 auto;
	padding:18px 0;
	font-family:Verdana, Arial, sans-serif;
	color:#000;
	font-size:16px;
	font-weight:bold;
	overflow:hidden;
}
#menubar a {
	color:#000;
}
.menubaroptions {
	display:inline;
	padding:36px 0;
	margin:0 10px 0 0;
}
.menuoptions {
	display:inline;
	padding:3px 3px 3px 3px;
	margin:0 5px 0 5px;
}
.menuoptions:hover {
	display:inline;
	padding:3px 3px 3px 3px;
	margin:0 5px 0 5px;
	border-top:2px dotted #ED8133;
}
.menuoptionsactive {
	display:inline;
	padding:3px 3px 3px 3px;
	margin:0 5px 0 5px;
	border-top:2px solid #ED8133;
}
.menuoptionsactive:hover {
	display:inline;
	padding:3px 3px 3px 3px;
	margin:0 5px 0 5px;
	border-top:2px dotted #ED8133;
}
#page-info {
	clear:both;
	width:760px;
	margin:0 auto;
	margin-bottom: 150px;
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#666;
}
#page-info a {
	color:#666;
	font-style:normal;
}
#page-info a:hover {
	color:#000;
	border-top:2px dotted #ED8133;
}
.page-infoactive {
	color:#666;
	font-style:normal;
	border-top:2px solid #ED8133;
}
.page-infoactive:hover {
	color:#000;
}
.bigtext {
	font-size:130%;
	color:#c6dcff;
}
.screenshot {
	margin: 0px 10px 0px -20px;
	padding: 0;
}
.screenshot2 {
	margin: 0px 10px 0px -20px;
	padding: 0;
}
.bodylink {
	font:14px Georgia, serif;
	text-align:left;
	text-decoration:underline;
	color:#fff;
}
.bodylink:hover {
	font:14px Georgia, serif;
	text-align:left;
	text-decoration:underline;
	color:#ccc;
}
.paginationstyle{ /*Style for demo pagination divs*/
width:400px;
font: 11px Georgia, serif;
text-align: right;
padding: 2px 0;
margin: 10px 0;
}
.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
color: #000;
background-color: #b3d0ff;
}
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: #ED8133;
}