body {
background-image:url(../images/bg2.jpg);
background-position:center;
background-repeat:repeat-y;
text-align:center;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

body, table, td {
margin:0px;
padding:0px;
border-collapse:collapse;
}

P {
	text-indent : 2em;
}

#wrapper {
margin:0 auto;
width:756px;
}

#verticalMainTable {
width:756px;
background-image:url(../images/menuBG2.jpg);
background-position:0px 80px;
background-repeat:no-repeat;
}

#horizontalMainTable {
width:756px;
}

h1 {
font-size:18px;
color:#666;
display : inline;
}

h2 {
color:#666;
text-align : center;
border-bottom-style : groove;
}

#bannerCell {
height:80px;
}

#contentCell {
vertical-align:top;
width:600px;
text-align:left;
padding:15px;
padding-top:30px;
text-align : justify;
}

.imageRight {
float:right;
clear:left;
margin:5px;
margin-top : 10px;
margin-left : 15px;
}

.imageRightBorder {
float:right;
clear:left;
margin:5px;
margin-top : 10px;
margin-left : 15px;
padding : 10px;
border-style : solid;
border-width : 1px;
}

.imageLeft {
float:left;
clear:left;
margin:5px;
margin-right : 15px;
}

.imageLeftBorder {
float:left;
clear:left;
margin:5px;
margin-right : 15px;
padding : 10px;
border-style : solid;
border-width : 1px;
}

.imageTitle {
margin-bottom : 20px;
margin-left : 20px;
text-align : left;
}

#copyright {
font-size:10px;
padding:2px;
color:#666;
border-top:1px solid #666;
}

#hometext,
#abouttext
{
	font-size : 14px;
}

#hometext p,
#abouttext p
{
	text-indent : 25px;
}

DIV.about:first-letter
{
	font-size : 250%;
	font-family : serif;
	font-weight : bold;
	float : left;
	background : #aaa;
	background-image : url(../images/menuBarOff.gif);
	border-style : double;
	border-width : 3px;
	padding : 3px 1px;
}

#hometext:first-letter
{
	font-size : 250%;
	font-family : serif;
	font-weight : bold;
	float : left;
	background : #aaa;
	background-image : url(../images/menuBarOff.gif);
	border-style : double;
	border-width : 3px;
	padding : 3px 1px;
}

/* ----------------------- Menu #1 (Vertical Code) ----------------------- */

#verticalMenuContainer {
padding-top:15px;
width:180px;
height:500px;
vertical-align:top;
padding-left : 15px;
padding-right : 15px;
}

#verticalMenu {
width:100%;
text-align:center;
}

.vertMenuCell {
padding:10px 0px 0px 0px;
}

.vertMenuCell a {
font-size:16px;
color:#000;
font-weight:bold;
text-decoration:none;
display:block;
border-right:5px solid #333;
border-left:1px solid #333;
border-top:1px solid #333;
border-bottom:1px solid #333;
padding-left : 4px;
padding-right : 0px;
}

.vertMenuCell a:hover {
color:#900;
border-left:5px solid #900;
border-right:1px solid #333;
border-top:1px solid #333;
border-bottom:1px solid #333;
padding-left : 0px;
padding-right : 4px;
background : #fffafa;
}

/* ----------------------- End Menu #1 (Vertical Code) ------------------------- */




/* ----------------------- Menu #2 (Horizontal Code) --------------------- */

#menuContainer {
text-align:center;
}

#menu {
text-align:center;
padding-top:5px;
margin:0 auto;
border:2px solid #999;
}

#menu td {
padding:3px;
background-color:#bbb;
}

.menuCell a {
padding-top:8px;
background-image:url(../images/brickCracked.gif);
background-repeat:repeat;
display:block;
width:130px;
height:22px;
font-weight:bold;
font-size:14px;
color:#ccc;
text-decoration:none;
}

.menuCell a:hover {
background-image:url(../images/brick.gif);
color : #fff;
}

#contentCell {
width:758px;
}

/* ---------------------------------------------- End Menu #2 ------------------------------------- */ 

#contact_info,
#contact_form {
	width : 400px;
	margin-left : auto;
	margin-right : auto;
	border-style : groove;
	border-color : #ccc;
	padding : 5px;
}

#contact_info:first-line {
	font-size : 18px;
	font-family : serif;
}




/* -------------------------- Menu #3 (Horizontal Code) ------------------------------------- */
/*
#menuContainer {
text-align:center;
padding-left:10px;
padding-right:10px;
}

#menu {
width:100%;
text-align:center;
margin:0 auto;
}

#menu td {
background-image:url(../images/menuBarOff.gif);
width:20%;
}

.menuCell a {
padding-top:8px;
background-image:url(../images/menuBarOff.gif);
background-repeat:repeat;
display:block;
width:100%;
height:22px;
font-weight:bold;
font-size:14px;
color:#777;
text-decoration:none;
border-bottom:1px solid #777;
}

.menuCell a:hover {
background-image:url(../images/menuBarOn.gif);
border-top:1px solid #777;
border-bottom:none;
}

#contentCell {
width:758px;
}
*/
/* ----------------------------------------------- End Menu #3 ------------------------------------------------ */

#portfolio_wrapper
{
	width : 100%;
	border-style : groove;
	border-color : #ccc;
}

#portfolio_wrapper TD
{
	vertical-align: top;
}

#portfolio_list
{
	height : 350px;
	width : 250px;
	overflow : auto;
	border-style : solid;
	border-width : 1px;
	border-color : #ccc;
}

#portfolio_list TABLE
{
	width : 100%;
}

#portfolio_list TD
{
	border-top-style : solid;
	border-bottom-style : solid;
	border-width : 1px;
	border-color : #ddd;
	padding : 5px 2px;
	cursor : pointer;
	text-align: left;
}

#job_details
{
	width : 95%;
	margin-left : 10px;
}

DIV.div_button {
	font-size : 14px;
	border-style : solid;
	border-width : 1px;
	border-color : #111;
	background : #ccc;
	font-family : serif;
	padding : 1px 4px;
	cursor : pointer;
}

#job_photo {
	width : 400px;
	padding : 10px;
	border-style : solid;
	border-width : 1px;
	margin-bottom : 10px;
}

table.listtable {
	width : 100%;
}

tr.listrow {
	cursor : pointer;
	border-top-style : solid;
	border-bottom-style : solid;
	border-width : 1px;
	background : none;
	border-color : #000000;
}

tr.listrow td {
	cursor : pointer;
	border-top-style : solid;
	border-bottom-style : solid;
	border-width : 1px;
}

.listrow_active {
	cursor : pointer;
	background : #cccccc;
	border-top-style : solid;
	border-bottom-style : solid;
	border-width : 1px;
}