body {
	margin: 0;
	padding: 0;
	background: url(img/bg_main.jpg) no-repeat top center #036;
	font-family: "Arial";
    	color: #666;
}
p {
    margin: 0;
    padding: 5px 0;
}
form {
    margin: 0;
    padding: 0;
}
a img {
	border: none;
}
#cred a {
	color: #ccc;
}
p, #content li, dd, dt, label {
	font-size: .8em;
}
dt {
    font-weight: bold;
}
h1 {
	display: none;
}
h2 {
	font:  normal 1.4em "Trebuchet MS","Georgia";
	color: #600;
    color: #b7704c;
	margin: 5px 0;
	margin: 0;
}
h3 {
	font: normal 1.2em "Arial";
	color: #4c7094;
	margin: 5px 0;
}
h4 {
	font: normal 1em "Arial";
	color: #666;
	margin: 5px 0;
}
#main, #cred {
	width: 32em;
	margin: 0 auto;
}
#main {
	margin-top: 68px;
	background: #fff;
	border: 3px double #ccc;
}
#header {
	background: url(img/bg_hdr.jpg) no-repeat top center;
	height: 62px;
}
#nav {
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
}
#nav ul {
    padding: 5px 0;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}
#nav li {
	display: inline;
	margin: 0;
	padding: 0;
}
#nav li a {
	text-decoration: none;
	font: normal 1em "Trebuchet MS";
	color: #666;
	padding: 0 10px;
}
#nav li a:hover {
	color: #036;
}
#content {
	padding-left: 7em;
	padding-right: 1em;
}
#content.tk, #footer.tk{
	background: #fff url(img/side_gld.jpg) top left repeat-y;
}
#content.hm, #footer.hm{
	background: #fff url(img/side_gray.jpg) top left repeat-y;
}
#sidebar {
	float: left;
	width: 6em;
	height: 300px;
}
#sidebar.tk {
	background: url(img/side_tech2.gif) top left no-repeat;
}
#sidebar.hm {
	background: url(img/side_home.jpg) top left no-repeat;
}
#sidebar h3 {
	display: none;
}
#footer {
    padding-top: 10px
}
#footer h3{
	text-align: center;
	margin: 0;
	padding: 0;
	color: #999;
	font: italic normal 1.1em "Georgia";
}
#cred {
	width: 500px;
	color: #ccc;
	font-size: .7em;
	font-family: "Arial";
}
#lcred {
	float: left;
}
#rcred {
	float: right;
}
#title h2 {
    margin: 0;
    padding: 0;
}
#title.tk h2{
    background: url(img/title_gld.jpg) top left no-repeat;
    padding-left: 5em;
}
#title.hm h2{
    background: url(img/side_gray.jpg) top left repeat-y;
    padding-left: 5em;
}

/* Self-clearing floats from http://www.positioniseverything.net/easyclearing.html */
.cf:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cf {display: inline-block;}

/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */


/*Work page*/
.exmpl {
	padding: 10px;
    text-align: center; 
    background: #eee;
    margin-top: 10px;
    _height: 1%;
}
.exmpl img {
	background: #036;
	padding: 5px;
}
.exmpl p {
    text-align: left;
	padding: 0;
	margin: 0;
}
/*Tech Homepage*/
#feature {
    float: right;
    margin-left: 10px;
    padding-left: 10px;
    width: 200px;
    border-left: 1px solid #ccc;
}
#feature p, #feature h3 {
    margin: 0;
    padding: 2px 0;
}
.image {
    height: 100px;
    background: #ccc;
    border: 3px solid #036;
    padding: 4px;
}
/*main home page */
#intro {
    padding: 5px 15px;
}
#leftp, #rightp {
    width: 13.5em;
    padding: 0 15px;
    min-height: 20em;
}
#leftp {
    float: left;
    background: url(img/window.jpg) no-repeat top center;
}
#rightp {
    float: right;
    background: url(img/mouse.jpg) no-repeat top center;
}
#indx p {
        margin: 0;
        padding: 0;
    }
    
/*Contact page */
#err {
    color: red;
}