body {
    text-align: center;
   	font: 12px  helvetica, arial, verdana, trebuchet ms, sans-serif;
	background: url(../images/tile.gif) repeat;
}
html, body, body div, body a, body div, body p, body ul {
	margin: 0 auto; 
	padding: 0;
}
span.hide { 
	display: none;
}

/* -------------------------------------- content elements -----------------------------------------
-------------------------------*/
#container {
	text-align: center;
	width: 974px;
	height: 597px;
	margin-top: 50px;
	background: url(../images/body1.gif) no-repeat;
}
#left_column {
	text-align: left;
	width: 230px;
	min-height: 328px;
	height: auto !important;
	height: 328px;
}

.right_column {
	text-align: left;
	width: 695px;
	height: 597px;
	margin-left: 250px;
}
h2 {
	color: #006699;
	font-weight: 100;
	margin-top: 30px;
	margin-left: 30px;
}
h3, h4, h5, h6, h7 { font-weight: 100; }
.p1{
	width: 450px;
	margin-left: 120px;
	color: #006699;
}
#pHome{
	width: 250px;
	margin-left: 420px;
	margin-top: -30px;
}
#pDemo{
	margin-top: 50px;
}
.floatLeft {
	float: left;
	display: inline;
}
#projGallery {
	margin-left: 30px;
}

	
/* -------------------------------------- images ------------------------------------------------------------------------*/
#bodBot {
	position: relative;
	top: 43px;
}
#homeImage {
	height: 555px;
 	background: url(../images/homeImage.gif) no-repeat bottom;
}
#arrowLine {
	margin-left: -32px;
	padding-top: 10px;
}
/* --------------------------------------- lists -------------------------------------------------
-------------------------------*/
#address, ul {
	text-align: center;
	color: #006699;
	list-style: none;
	margin-top: 333px;
	padding: 0 10px;
	letter-spacing: 0.25em;
}
ul#address li {
	border-bottom: #006699 1px solid;
	padding: 4px 0 3px 0;
	display: none;
}
#web li {
	display: none;
	text-align: center;
	letter-spacing: 0.2em;
	margin: -3px 2px 2px 5px;
	padding-top: 9px;
	background: url(../images/horDivide.gif) no-repeat top;
}
/* --------------------------------------- links -------------------------------------------------
-------------------------------*/
#horNav, #horNavAdmin {
	width: 695px;
	height: 40px;
	margin-left: 40px;
	padding: 15px 0 10px 50px;
}
.horNav {
	float: left;
	display: inline;
	list-style: none;
	margin-right: 90px;
}
#home  a {
 	width: 121px;
  	height: 28px;
  	display: block;
  	background: url(../images/home.gif) left top no-repeat;
}
#home  a:hover {
  background: url(../images/home.gif) -121px top no-repeat;
}
#projects  a {
 	width: 121px;
  	height: 28px;
  	display: block;
  	background: url(../images/projects.gif) left top no-repeat;
}
#projects  a:hover {
 height: 28px;
 background: url(../images/projects.gif) -121px top no-repeat;
}
#contact  a {
 	width: 121px;
  	height: 28px;
  	display: block;
  	background: url(../images/contact.gif) left top no-repeat;
}
#contact  a:hover {
 height: 28px;
 background: url(../images/contact.gif) -121px top no-repeat;
}

#horAdminHome  a {
 	width: 133px;
  	height: 22px;
  	display: block;
  	background: url(../images/adminHome.gif) left top no-repeat;
}
#horAdminHome  a:hover {
  background: url(../images/adminHome.gif) -133px top no-repeat;
}
#addClient  a {
 	width: 116px;
  	height: 22px;
  	display: block;
  	background: url(../images/addClient.gif) left top no-repeat;
}
#addClient   a:hover {
  background: url(../images/addClient.gif) -116px top no-repeat;
}
#editClient  a {
 	width: 116px;
  	height: 22px;
  	display: block;
  	background: url(../images/editClient.gif) left top no-repeat;
}
#editClient   a:hover {
  background: url(../images/editClient.gif) -116px top no-repeat;
}
#clientPage  a {
 	width: 133px;
  	height: 22px;
  	display: block;
  	background: url(../images/clientPage.gif) left top no-repeat;
}
#clientPage   a:hover {
  background: url(../images/clientPage.gif) -133px top no-repeat;
}
#logout  a {
 	width: 75px;
  	height: 22px;
  	display: block;
  	background: url(../images/logout.gif) left top no-repeat;
}
#logout  a:hover {
  background: url(../images/logout.gif) -75px top no-repeat;
}


#addClient2  a {
 	width: 121px;
  	height: 22px;
  	display: block;
  	background: url(../images/addClient2.gif) left top no-repeat;
  	margin: 0 !important;	
}
#addClient2   a:hover {
  background: url(../images/addClient2.gif) -120px top no-repeat;
  margin: 0 !important;	
}
#clientPage2  a {
 	width: 185px;
  	height: 22px;
  	display: block;
  	background: url(../images/clientPage2.gif) left top no-repeat;
  	margin: 0 !important;	
}
#clientPage2   a:hover {
  background: url(../images/clientPage2.gif) -185px top no-repeat;
  margin: 0 !important;	
}
#logout2  a {
 	width: 80px;
  	height: 22px;
  	display: block;
  	background: url(../images/logout2.gif) left top no-repeat;
  	margin: 0 !important;
}
#logout2  a:hover {
  background: url(../images/logout2.gif) -80px top no-repeat;
  margin: 0 !important;
}

#myHome  a {
 	width: 98px;
  	height: 22px;
  	display: block;
  	background: url(../images/myHome.gif) left top no-repeat;
}
#myHome  a:hover {
  background: url(../images/myHome.gif) -98px top no-repeat;
}
#upload  a {
 	width: 139px;
  	height: 22px;
  	display: block;
  	background: url(../images/upload.gif) left top no-repeat;
}
#upload  a:hover {
  background: url(../images/upload.gif) -139px top no-repeat;
}


.links {
	font-size: 12px;
	color: #990000;
}
#adminHome a,
#adminHome a:visited,
.links a, .links a:visited {
	text-decoration: none;
	color: #990000 !important;
}
#adminHome a:hover,
.links a:hover {
	text-decoration: underline;
	color: #84573e !important;
}


/* ---------- general form info -------------- */
form {
	margin: 0 auto;
	padding: 20px;
	margin-left: 30px;
	width: 300px;
	background: #efefef;
	font: 13px trebuchet ms, verdana, helvetica, arial, sans-serif;
	border: 1px solid #ccc;
}
form label {
	display: block;
	width: 120px;
	text-align: right;
}
form input,
form textarea {
	width: 200px;
	position: relative;
	left: 125px;
	top: -17px;
}
html body input#submitBtn {
	left: 0;
	top: 0;
	width: auto;
}
span.req { color: #f00; }
/* --------- */
/* -------------- specific form info -------------- */


#loginForm {
	margin: 0 auto;
}

form#loginForm label {
	width: 100px;
}
form#loginForm input {
	left: 105px;
}
form#addNewForm {
	width: 400px;
}
#adminHome form#uploadForm {
	width: 500px;
	padding-top: 40px;
}
#adminHome form#uploadForm label {
	width: 460px;
	text-align:left;
}
#adminHome form#uploadForm input {
	width: auto;
	text-align: left;
}
#adminHome form#uploadForm textarea {
	top: 3px;
	left: 60px;
	width: auto;
}
#adminHome form#uploadForm input#submitBtn {
	display: block;
	top: 10px;
	left: 0;
}
form#editForm {
	width: 600px;
}
form p#deactive {
	margin: 0 auto;
	padding: 0;
	height: 40px;
	width: 320px;
}
form p#deactive label {
	border: 1px solid #bbb;
	padding: 2px;
	padding-right: 10px;
	text-align: left;
	width: 230px;
}
form p#deactive input {
	left: 220px;
	top: -21px;	
}

div#sideLogin {
	margin: 0 auto;
	padding: 0;
	position: relative;
	left: -30px;
	top: 0px;
}
div#sideLogin form {
	margin: 0 auto;
	margin-top: 150px;
	padding: 0;
	width: 160px;
	background: #fff;
	height: 20px;
	border: 0;
	font-size: 10px;
}
div#sideLogin form input {
	width: 100px;
	left: 105px;
}
div#sideLogin form label {
	width: 100px;
}
div#sideLogin form input#sideSubmit {
	width: auto;
	margin-top: 4px;
}
div#sideLogin form { position: absolute; z-index: 9999; left: 10px; background-color: transparent; }
div#sideLogin { left: 0px; }
div#sideLogin form label, div#sideLogin form input { margin-left: -20px; }

/* File View */

div#fileSpecifics {
	border: 1px solid #bbb;
	background: #ccc;
	padding: 10px;
}
div#fileSpecifics ul li {
	padding: 4px;
}
div#fileSpecifics ul li span {
	font-weight: 700;
	color: #990000;
}
div#fileSpecifics ul li#delFile {
	margin-top: 10px;
}
div#fileSpecifics ul li#delFile a {
	text-decoration: underline;
}

/* admin stuff */

.smaller { font-size: 85%; display: block; margin: 0 auto; padding: 0; }
p.innerAdmin {
	padding: 10px;
	font-size: 14px;
}
#horNavAdmin {
	padding-top: 20px;
	margin-left: -30px;
}
#horNavAdmin .horNav {
	margin-right: 20px;
}
#adminHome h2 {
	margin-top: 0;
}
#adminHome, #adminHome p, #adminHome ul {
	padding: 10px;
	margin: 0 auto !important;
	padding-top: 0;
	text-align: left;
	color: #006699;	
}
#adminHome p {
	padding: 0 30px 10px 30px;
	margin: 0 auto !important;
	text-align: left;
	color: #006699;	
}
#adminHome ul li {
	margin-left: 20px;
	text-align: left;
}

#adminHome table {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	width: 500px;
	border-collapse: collapse;
}
#adminHome table td, #adminHome table th {
	text-align: left;
	padding: 4px 3px;
	border-bottom: 1px solid #ccc;
}
#adminHome table tr.altRow {
	background-color: #ddd;
}
#adminHome table tr.adminRow {
	background-color: #ddd;
}
#adminHome table tr.adminRow td {
	padding-top: 20px;
}
#adminHome p.firstTime {
	font-size: 13px;
	line-height: 16px;
}
#adminHome .opps {
	color: #f00;
}
#adminHome table#fileDisplay {
	width: 630px;
}
#addNewForm p {
	padding: 0px;
}
/* --------------------------------------- blink -------------------------------------------------
-------------------------------*/
#blinkFooter {
	width: 550px;
	margin-top: -22px;
	text-decoration: none;
	font: 9px verdana, arial, sans-serif;
	color: #7E905F;
	letter-spacing: 0em;
}
#blinkFooter a:link, #blinkFooter a:visited  {
	text-decoration: none;
	color: #006699;
}
#blinkFooter a:hover  {
	text-decoration: none;
    color: #990000 !important;
}

/* contact form */

#contactForm { 
	width: 350px;
}
#contactForm input, textarea,
.noerror {
	border: 1px solid #888;
}
#contactForm #sbmtBtn {
	width: auto;
	margin-top: 15px;
}
.formError {
	border: 1px solid #f00 !important;
}
input#captcha {width: 20px;}
h2.contactMsg { font-size: 14px; }