* {
 padding: 0px; margin: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #fff;
}

body {
 background-color: #272727;
}

#all {
 margin: 0px auto;
 width: 739px;
}
#leftside {
 padding-top: 98px;
 float: left;
 width: 238px;
}
#rightside {
 padding-top: 28px;
 float: left;
 width: 501px;
}
#footer {
 clear: both;
 padding-top: 32px;
 width: 739px;
 text-align: center;
}

h1 {
 float: left;
 width: 117px; height: 111px;
 background-image: url("images/h1_back.png");
}
h1 span {
 position: absolute;
 top: -50px;
}

#ri {
 float: left;
 width: 121px; height: 111px;
}
#ri_top {
 width: 121px; height: 19px;
 background-image: url("images/ri_top.png");
}
#ri_left {
 float: left;
 width: 19px; height: 75px;
 background-image: url("images/ri_left.png");
}
#ri img {
 float: left;
 width: 76px; height: 75px;
}
#ri_right {
 float: left;
 width: 26px; height: 75px;
 background-image: url("images/ri_right.png");
}
#ri_bottom {
 clear: both;
 width: 121px; height: 17px;
 background-image: url("images/ri_bottom.png");
}

#info {
 clear: both;
 width: 238px;
}
#info_top {
 width: 238px;
 height: 16px;
 background-image: url("images/info_top.png");
}
#info_left {
 float: left;
 width: 17px; height: 263px;
 background-image: url("images/info_left.png");
}
#info_lefttop {
 width: 17px; height: 12px;
 background-image: url("images/info_lefttop.png");
}
#info_center {
float: left;
}
#info img {
 float: left;
 width: 66px; height: 66px;
}
#infotext {
 clear: both;
 padding: 16px 8px 0px 8px;
 width: 184px; height: 181px;
 background-image: url("images/infotext.png");
}
#info_right {
 float: left;
 width: 21px; height: 263px;
 background-image: url("images/info_right.png");
}
#info_righttop {
 width: 21px; height: 7px;
 background-image: url("images/info_righttop.png");
}
#info_bottom {
 clear: both;
 width: 238px; height: 30px;
 background-image: url("images/info_bottom.png");
}

ul {
 margin: 0px 32px 8px 48px;
}

#menu {
 float: left;
 margin: 0px;
 padding-top: 5px;
 display: block;
 width: 134px; height: 61px;
 background-color: #393939;
 list-style-type: none;
}
#menu li {
 width: 132px; height: 13px;
 margin-left: 2px;
 margin-bottom: 2px;
}
#menu a:link, #menu a:visited, #menu a:active {
 display: block;
 width: 132px; height: 13px;
 background-image: url("images/menuitem.png");
 text-align: center;
 text-decoration: none;
}
#menu a:hover {
 background-image: url("images/menuitem_hover.png");
}

#content_top {
 width: 501px; height: 108px;
 background-image: url("images/content_top.png");
 background-repeat: repeat-x;
 background-position: 0px 75px;
}
#content_topleft {
 float: left;
 width: 80px; height: 108px;
 background-image: url("images/content_topleft.png");
}
#sign {
 float: left;
 width: 69px; height: 108px;
 background-image: url("images/signs/joesign.png");}
#content_topright {
 float: right;
 margin-top: 75px;
 width: 26px; height: 33px;
 background-image: url("images/content_topright.png");
}
#content_center {
 clear: both;
 width: 501px; height: 355px;
}
#content_centerleft {
 float: left;
 width: 17px; height: 355px;
 background-image: url("images/content_centerleft.png");
}
#content {
 float: left;
 width: 471px; height: 355px;
 background-color: #393939;
 overflow: auto;
}
#content_centerright {
 float: left;
 width: 13px; height: 355px;
 background-image: url("images/content_centerright.png");
}
#content_bottom {
 clear: both;
 width: 501px; height: 27px;
 background-image: url("images/content_bottom.png");
}

h2 {
 clear: both;
 margin-left: 6px; margin-bottom: 16px;
 font-size: 24px;
 font-weight: normal;
}
h3 {
 clear: both;
 padding: 2px;
 margin: 0px 16px 16px 16px;
 border-bottom: 1px solid #fff;
 font-weight: normal;
 font-size: 12px;
}

p {
 clear: both;
 margin: 0px 32px 8px 32px;
}
p.center {
 text-align: center;
}

#contactform {
 margin: 16px;
 padding: 8px;
 border: 1px dashed #aaa;
 background-color: #555;
}
.contactleft {
 padding-top: 2px;
 width: 100px;
 text-align: right;
 vertical-align: top;
}
#bottomfields {
 clear: both;
 padding: 8px 8px 0px 8px;
 border: 0px;
 text-align: center;
}
#contactform input, #contactform textarea {
 margin-left: 2px;
 margin-bottom: 6px;
 padding: 2px;
 border: 1px solid #333;
 color: #000;
}
#contactform textarea {
 width: 270px; height: 100px;
}

.thumbnails {
 margin-left: 32px;
 margin-bottom: 8px;
}
.thumbnails a {
 float: left;
 margin-right: 8px;
}

a img {
 border: 0px;
}

#projectview {
 padding: 8px;
 margin: 8px 16px;
 height: 140px;
 border: 1px dashed #aaa;
 background-color: #555;
 text-align: center;
}

#tabmenu
{
border-bottom: 2px solid #555;
margin: 8px 16px;
padding-bottom: 19px;
padding-left: 10px;
}

#tabmenu ul, #tabmenu li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#tabmenu a {
background-color: #333;
color: #ddd;
float: left;
line-height: 15px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}
#tabmenu span {
background-color: #555;
color: #fff;
float: left;
line-height: 15px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#pimages {
 float: left;
 padding: 8px;
 height: 124px; width: 134px;
 border-right: 1px solid #444;
 background-color: #666;
 text-align: center;
}
#pcontent {
 padding: 8px;
 width: 254px;
 float: left;
 text-align: left;
}

#adminlogin {
 margin-left: 48px;
}

input, select, option, textarea {
 color: #000;
}