@charset "UTF-8";
/* CSS Document */

body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #6b6b6b;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow: auto;
	background-image: url(images/backgrad.png);
	background-repeat: repeat-x;
	behavior: url("scripts/csshover.htc");
	}
	
/* Globals ---------- */

h1  {
	font-family: Arial Black, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
	}
	
h2  {
	font-family: Arial Black, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	}
	
h3  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	}
	
h4  {
	font-family: Arial Black, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	}
	
.smallText001  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	}
	
.smallText002  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7px;
	color: #666666;
	}
	
.smallText003  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6px;
	color: #666666;
	}
	
.smallText004  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444;
	}
	
.secondtextcolor {
	color: #999999
	}
	
a:link {
	color: #9e9e9e;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #97B334;
}
a:hover {
	text-decoration: underline;
	color: #333;
}
a:active {
	text-decoration: none;
}

#separator {
	margin: -2px 0px 0px 0px;
	position: relative;
	height: 1px;
	width: 100%;
	border-bottom: 1px solid #555;
	float: left;
	}
	
#separatorhalf {
	margin: -4px 0px 0px 0px;
	position: relative;
	height: 1px;
	width: 50%;
	border-bottom: 1px solid #555;
	float: left;
	}
	
/* Special ---------- */

img.faviconimg {
	border:0;
	width:13px;
	height:13px;
	padding: 0px 5px;
	}
	
/* Backround ---------- */

#backgroundcontainer  {
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: url(images/propback2.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	z-index: 101;
	}

/* Header ---------- */
	
#header  {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 875px;
	height: 80px;
	background-image: url(images/proplogo.png);
	background-repeat: no-repeat;
	}
	
/* Menu ---------- */

#mainmenucontainer  {
	position: relative;
	float: left;
	width:13em;
	height: auto;
	}
	
#menucontainer  {
	position: relative;
	float: left;
	margin-bottom: 15px;
	}
	
/* OLD Menu ---------- */
	
ul.menu1 {
	padding:0;
	margin-left: 12px;
	border:0;
	list-style-type:none;
	height: auto;
	overflow:hidden;
	background:#6b6b6b;
	width:13em;
	text-align:left;
	color:#fff;
	border: 1px solid #555;
	}
	
ul ul {
	padding:0;
	margin-left: 12px;
	border:0;
	list-style-type:none;
	height: auto;
	overflow:hidden;
	background:#6b6b6b;
	width:12em;
	text-align:left;
	color:#fff;
	}
	
ul.menu1 table {
	border-collapse:collapse;
	padding:0;
	margin:0;
	font-size:1em;
	}
ul.menu1 ul {
	margin-left:1em;
	}
ul.menu1 li {
	text-indent:0.5em;
	}
ul.menu1 li.drop {
	margin-bottom:-2px;
	}
ul.menu1 li a, 
ul.menu1 li a:visited {
	display:block;
	width:12em;
	height:2em;
	line-height:1.9em;
	text-decoration:none;
	color:#333;
	}
ul.menu1 li a.last, 
ul.menu1 li a.last:visited {
	display:block;
	width:12em;
	height:14em;
	line-height:2em;
	}
ul.menu1 li ul {
	display:none;
	}
 
ul.menu1 li:hover a, 
ul.menu1 li a:hover {
	border:0;
	color:#333;
	font-weight:bold;
	}
	
ul.menu1 li:hover ul, 
ul.menu1 li a:hover ul {
	display:block;
	height:auto;
	width:12em;
	margin-top:-1px;
	background-color: #6b6b6b;
	}
	
ul.menu1 li:hover ul li a, 
ul.menu1 li a:hover ul li a {
	height:2em;
	background-color: #6b6b6b;
	color:#222;
	font-weight:normal;
	}
	
ul.menu1 li:hover ul li:hover a, 
ul.menu1 li a:hover ul li a:hover {
	background-color: #6b6b6b;
	color:#888;
	}
	
/* Accordian Menu ---------- */

ul.menu  {
  	list-style-type: none;
  	padding: 0;
  	width: 13em;
 	margin-left: 12px;
 	border: 1px solid #555;
	}

ul.menu ul  {
  	list-style-type: none;
  	margin: 0;
	padding: 0;
 	width: 11em;
	}

ul.menu a  {
  	display: block;
  	text-decoration: none;	
	}

ul.menu li  {
  	margin-top: 1px;
	}

ul.menu li a  {
 	background-color: #6b6b6b;
 	color: #333;	
  	padding: 0.5em;
	}

ul.menu li a:hover  {
  	background-color: #6b6b6b;
 	color: #333;
  	font-weight: bold;
	}

ul.menu li ul li a  {
  	background-color: #6b6b6b;
  	color: #333;
  	padding-left: 10px;
	}

ul.menu li ul li a:hover  {
  	background-color: #6b6b6b;
  	border-left: 5px #000 solid;
  	padding-left: 5px;
  	color: #333;
  	font-weight: bold;
	}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
	
/* Sub Menu ---------- */

#submenucontainer  {
	position: relative;
	float: left;
	width:13em;
	height: auto;
	margin-top: 10px;
	}
	
/* Body ---------- */

#centercontent  {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	}

#mainbody  {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	top: 0px;
	width: 900px;
	min-height: 600px;
	background-color: #6b6b6b;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	z-index: 102;
	}
	
#mainbodyportfolio  {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	width: 900px;
	min-height: 600px;
	background-color: #6b6b6b;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	background-image: url(portfolio/images/portfolio.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 102;
	}
	
#contentcontainer  {
	float: right;
	width: 725px;
	height: 450px;
	margin-right: 12px;
	margin-top: 10px;
	background-color: #777;
	z-index: 103;
	}
	
.content  {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	color: #CCCCCC;
	}

#contentmenu  {
	position: relative;
	float: left;
	width: 13em;
	height: auto;
	border-right: 2px dashed #555;
	}

#contentbox1  {
	position: relative;
	float: left;
	padding-left: 10px;
	width: 715px;
	height: 355px;
	overflow-x: auto;
	overflow-y: none;
	clear: both;
	}
	
#contentbox2  {
	position: relative;
	float: left;
	margin-top: 13px;
	padding-left: 10px;
	
	width: 715px;
	height: 400px;
	overflow-x: auto;
	overflow-y: none;
	clear: both;
	}
	
#infoboxes  {
	width: auto;
	height: auto;
	background-color: #6e6e6e;
	}

#contentwork  {
	position: relative;
	width: auto;
	height: 450px;
	}
	
#contactform1  {
	position: relative;
	float: left;
	margin-top: 20px;
	width: auto;
	height: 355px;
	}
	
#contactform2  {
	position: relative;
	float: right;
	margin-top: 20px;
	width: auto;
	height: 450px;
	}
	
#paymentform1  {
	position: relative;
	float: left;
	margin-top: 10px;
	width: auto;
	height: 355px;
	border-right: 1px solid #555;
	}
	
#paymentform2  {
	position: relative;
	float: right;
	margin-top: 10px;
	width: auto;
	height: 450px;
	}
	
#thankyoubox  {
	position: relative;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	height: 200px;
	}
	
#gregcontent  {
	position: relative;
	float: left;
	padding-left: 10px;
	height: 85px;
	width: 449px;
	background-image: url(images/gregschremp.png);
	background-repeat: no-repeat;
	}
	
/* Header Boxs ---------- */

#headerboxhome  {
	position: relative;
	float: left;
	width: 536px;
	height: 59px;
	background-image: url(images/welcome.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxcontact  {
	position: relative;
	float: left;
	width: 536px;
	height: 59px;
	background-image: url(images/contact.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxlocation  {
	position: relative;
	float: left;
	width: 536px;
	height: 59px;
	background-image: url(images/location.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxresume  {
	position: relative;
	float: left;
	width: 536px;
	height: 59px;
	background-image: url(images/resume.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxlinks  {
	position: relative;
	float: left;
	width: 536px;
	height: 59px;
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxabout  {
	position: relative;
	float: left;
	width: 536px;
	height: 59px;
	background-image: url(images/about.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxservices  {
	position: relative;
	float: left;
	width: 536px;
	height: 59px;
	background-image: url(images/services.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxportfolio  {
	position: relative;
	float: left;
	width: 536px;
	height: 59px;
	background-image: url(images/portfolio.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxawards  {
	position: relative;
	float: left;
	width: 536px;
	height: 59px;
	background-image: url(images/awards.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxagency  {
	position: relative;
	float: left;
	width: 750px;
	height: 59px;
	background-image: url(images/agency.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxcontract  {
	position: relative;
	float: left;
	width: 750px;
	height: 59px;
	background-image: url(images/contract.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxnonprofit  {
	position: relative;
	float: left;
	width: 750px;
	height: 59px;
	background-image: url(images/nonprofit.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxschool  {
	position: relative;
	float: left;
	width: 750px;
	height: 59px;
	background-image: url(images/school.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxpayments  {
	position: relative;
	float: left;
	width: 750px;
	height: 59px;
	background-image: url(images/payments.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxlogin  {
	position: relative;
	float: left;
	width: 750px;
	height: 59px;
	background-image: url(images/login.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxlogout  {
	position: relative;
	float: left;
	width: 750px;
	height: 59px;
	background-image: url(images/logout.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxregister  {
	position: relative;
	float: left;
	width: 750px;
	height: 59px;
	background-image: url(images/register.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxclientadd {
	position: relative;
	float: left;
	width: 750px;
	height: 59px;
	background-image: url(images/clientadd.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxclientlist  {
	position: relative;
	float: left;
	width: 750px;
	height: 59px;
	background-image: url(images/clientlist.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxclientview {
	position: relative;
	float: left;
	width: 750px;
	height: 59px;
	background-image: url(images/clientview.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#headerboxclientedit {
	position: relative;
	float: left;
	width: 750px;
	height: 59px;
	background-image: url(images/clientedit.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

/* FlashContent/Work ---------- */

#flashcontent {
	width:100%;
	height:100%;
	}
	
/* clientSpace ---------- */
	
#clientviewcontent  {
	position: relative;
	float: left;
	padding-left: 15px;
	height: 35px;
	width: 449px;
	}
	
#clientrecord1  {
	position: relative;
	float: left;
	margin-top: 13px;
	padding-left: 10px;
	padding-right: 15px;
	width: 350px;
	height: 400px;
	overflow-x: auto;
	overflow-y: none;
	clear: both;
	}
	
#clientrecord2  {
	position: relative;
	float: right;
	margin-right: 75px;
	
	margin-top: 31px;
	width: 270px;
	height: 343px;
	}
	
#clientaddcontent  {
	position: relative;
	float: left;
	padding-left: 15px;
	height: 35px;
	width: 449px;
	}
	
#addclientform1  {
	position: relative;
	float: left;
	margin-top: 10px;
	width: auto;
	height: 355px;
	}
	
#addclientform2  {
	position: relative;
	float: right;
	margin-top: 10px;
	width: auto;
	height: 355px;
	}
	
.clientnamebig  {
	font-family: Helvetica, sans-serif;
	font-size: 20em;
	color: #6b6b6b;
	font-weight: bold;
	letter-spacing: -.1em;
	line-height: .78em;
	}
	
#clientlogininfo  {
	position: relative;
	float: right;
	margin-top: 20px;
	margin-right: 12px;
	padding: 3px;
	background: #777;
	width: auto;
	height: auto;
	}
	
.clientinfo  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #444;
	vertical-align: middle;
	}
	
	
/* Contact Form ---------- */


/*##########################################
Name: Default styling for Niceforms v.0.9
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/

/*Forms defaults*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}

/*Transparent items*/
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:210;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:210;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
	z-index:205;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url(images/radio.gif) no-repeat left top;
}
.radioAreaChecked {
	background:url(images/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:205;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url(images/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
	background:url(images/checkbox.gif) no-repeat left bottom;
}

/*Text inputs*/
.textinput, .textinputHovered {
	width:auto;
	height:15px;
	background:url(images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/*Selects*/
.selectArea {
	width:170px;
	height:21px;
	background:url(images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#FFF;
	padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:150px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:220;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}

/* SPECIAL ITEMS ----------------------------------------------------------- */

#tooltip{
	position: absolute;
	background: #888;
	padding: 2px 5px;
	color: #333;
	display: none;
	}

#clockbox  {
	position: relative;
	margin-left: 150px;
	width: 150px;
	height: 100px;
	}

.clock {
	font-family: Helvetica, sans-serif;
	font-size: 80px;
	color: #555;
	font-weight: bold;
	letter-spacing: -10px;
	}

#chatmenucontainer  {
	position: absolute;
	z-index: 500;
	float: left;
	margin-left: 13px;
	width:12.9em;
	height: 180px;
	margin-top: 5px;
	border: 1px solid #555;
	}
	
/* Custom Scroll ---------- */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 15px;
background-color: #888;
}
.vscrollerbar {
width: 15px;
background-color: #555;
}
.hscrollerbase {
height: 15px;
background-color: #555;
}
.hscrollerbar {
height: 15px;
background-color: #777;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/* jQuery Show Hide / Chat ---------- */

	
/* Footer ---------- */

#footercontainer  {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-color: #6b6b6b;
	width: 868px;
	height: 20px;
	}
	
.footerText  {
	margin-left: 17px;
	padding-top: 6px;
	font-family: Helvetica, Helvetica Neue, Verdana, sans-serif;
	font-size: 9px;
	color: #888;
	}	
	
/* Info Footer ---------- */

#infofooter  {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding: 0;
	top: 0px;
	width: 900px;
	min-height: 300px;
	background-image: url(images/infograd.png);
	background-repeat: no-repeat;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	z-index: 109;
	}

/* Twitter ---------- */

#twitterfeed  {
	position: relative;
	float: right;
	width: 470px;
	height: 60px;
	padding: 2px 0px 2px 0;
	margin-top: .8em;
	margin-right: 1.3em;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 145;
	}
	
#twitter_div  {
	width: 435px;
	}
	
ul#twitter_update_list  {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
ul#twitter_update_list li  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: rgb(130, 130, 130);
	padding: 5px;
	margin: 5px 0 5px 0;
	background-color: rgb(100, 100, 100);
	}
	
ul#twitter_update_list li a  {
	font-size: 9px;
	color: #cd7800;
	}
	
#twitterlogo  {
	position: absolute;
	width: 100px;
	height: 34px;
	background-image: url(images/twitter.png);
	background-repeat: no-repeat;
	z-index: 250;
	left: 750px;
	top: 65px;
	}