/* General Page Defaults */

body {
margin: 0px;
padding: 0px;font-family: Verdana, Helvetica, Arial, sans-serif;background-color: #040203;
color: #ffffff;
}

img {display: block;
}p {
font-size: 0.8em;
text-align: justify;
line-height: 1.5em;}
ul {
font-size: 0.8em;
text-align: justify;
line-height: 1.8em;}

.first {margin-top: 0px;padding-top: 0px;
}

.last {margin-bottom: 0px;padding-bottom: 0px;
}

h2 {
font-size: 0.8em;font-weight: bold;margin-top: 30px;margin-bottom: 4px;color: #c80e01;
}

h3 {font-size: 0.8em;font-weight: bold;}

a {
text-decoration: none;
font-weight: normal;
color: #fe706f;
}

a:hover {text-decoration: underline;}

/* Page Layout */

#page{
width: 800px;
margin: 0px auto 0px auto;
padding: 30px 0px 30px 0px;background-color: #040203;
}

#body{
position: relative;
top: 0px;left: 0px;
width: 792px;
padding: 0px 0px 0px 0px;
margin: 20px 4px 20px 4px;
}

.content {
text-align: justify;
min-height: 475px;
/* IE6 HACK for min-height */
height: auto !important; 
height: 475px;}

#content_withSidebar {
border-right: 1px #ffffff solid;margin: 0px 220px 0px 0px;
padding: 0px 20px 0px 0px;
}

#content_noSidebar {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* Banner */

a.banner {
border: none;
}

img.banner {
border: none;
}

/* Main Menu */

#menubar {
position: relative;
top: -4px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#menubar ul
{
width: 800px;
text-align: center;margin: 0px;padding: 0px;
list-style-type: none;
}

#menubar ul li {
display: inline;font-size: 0.85em;font-weight: bold;padding-left: 16px;padding-right: 16px;}

#menubar ul li a {
text-decoration: none;color: #fe4543;
font-variant: small-caps;
}

#menubar ul li a:hover {text-decoration: underline;}

#menubar ul li.main_menu_sel a {color: #ffffff;
}

/* Projects Bar */

#projectsBar_container {position: absolute;top: 0px;right: 0px;width: 200px;padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;text-align: center;}

.projectsBar_header {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;width: 200px;
color: #ffffff;text-align: center;background-image: url(images/projectsBanner.png);}

.projectsBar_header p {
width: 200px;
padding: 4px 0px 4px 0px;
margin: 0px 0px 0px 0px;font-size: 0.8em;font-weight: bold;font-style: normal;text-align: center;}
.projectsBar_project {
position: relative;
margin: 12px 0px 0px 0px;padding: 0px 0px 0px 0px;}

.projectsBar_name {
text-align: center;font-size: 0.7em;
margin: 0px 0px 0px 0px;padding: 0px;font-weight: bold;}

.projectsBar_more {text-align: justify;font-size: 0.6em;
margin: 0px 0px 4px 0px;padding: 0px;font-style: italic;}

.projectsBar_link {text-align: center;font-size: 0.7em;
margin: 0px 0px 4px 0px;padding: 0px;}

.projectsBar_image {
display: inline;
margin: 0px;padding: 0px;width: 200px;height: 125px;background-color: #040203;
}

.projectsBar_imageFooter {
position: absolute;bottom: 3px;
}

/* Portfolio */

.project_project {
position: relative;
}

.project_url {
font-size: 0.7em;
margin: 0px;padding: 0px;}

.project_technologies {
font-size: 0.7em;
margin: 0px;padding: 0px;font-style: italic;
}

.project_description {
margin: 0px;padding: 8px 0px 0px 0px;}

.project_images {
position: relative;height: 130px;margin-top: 16px; 
}

.project_image {
position: absolute;display: inline;
margin: 0px;padding: 0px;width: 200px;height: 125px;background-color: #040203;
}

.project_imageFooter {
position: absolute;bottom: 3px;
}

.project_image_1 {left: 0px;
}

.project_image_2 {left: 220px;
}

.project_image_3 {left: 440px;
}

/* Contact Us */

form.contactUs {margin: 30px 0px 0px 0px;
}

form.contactUs td {font-size: 0.8em;font-family: Verdana, Helvetica, Arial, sans-serif;
}

form.contactUs input {width: 360px;
}

form.contactUs textarea {width: 360px;
}

form.contactUs input.submit {width: 150px;
}

.contactUs table {
border-collapse: collapse;
}

.contactUs td {
border: 1px #3f3d3d solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 4px;
}

.labelCol {
width: 260px;
text-align: left;
color: #fe706f;
}

.inputCol {
vertical-align: top;
}

.inputCol input {
width: 410px;
background-color: #a4a0a0;border: 1px #808080 solid;
margin-right: 0px;
}

.inputCol select {
width: 410px;
background-color: #a4a0a0;border: 1px #808080 solid;
margin-right: 0px;
}

.inputCol textarea {
width: 410px;
background-color: #a4a0a0;border: 1px #808080 solid;
margin: 0px;
}

.submitRow {
border: 0;
}

.submitRow td {
padding-top: 10px;
border: 0;text-align: right;
}



/* Footer */

#footer {background-image: url(images/footer.png);
border: 0;
height: 40px;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}

#footer_text p {
font-size: 0.7em;color: #ffffff;
margin: 0px auto 0px auto;
padding: 16px 0px 0px 0px;width: 100%;text-align: center;}