/* Page Styles */
html, body { margin: 0; padding: 0; background: #2a2a2a url(images/background.jpg) repeat-x; text-align: center; font-family: Verdana, Arial, Helvetica, Sans-Serif, Serif; font-size: 11px; }
input, textarea, select, option { font-family: Verdana, Arial, Helvetica, Sans-Serif, Serif; font-size: 11px; }
input, textarea, select { border: 1px solid #aaa; }
a { outline: none; color: #ddd; text-decoration: none; }
a:hover { color: #efefef; text-decoration: underline; }
#wrapper { margin: 0 auto; width: 872px; color: #fff; }

/* Header Styles */
#header { width: 872px; height: 223px; background: url(images/header.jpg) no-repeat center top; }
#time { float: right; clear: both; display: inline; margin: 20px 13px 0 0; color: #fff; text-align: right; }
#header #logo {float: right; clear: both; width: 872px; height: 120px; margin: 50px auto 0 auto; display: block; text-align: center; }
#header #logo a { height: 120px; width: 390px; display: block; margin: 0 auto; }
#header #logo a img { border: none; }

/* Navigation Styles */
#nav { width: 872px; height: 45px; background: #252525; }
#nav ul { width: 872px; height: 45px; margin: 0; padding: 0; list-style: none; }
#nav ul li { height: 45px; margin: 0; padding: 0; float: left; display: inline; }
#nav ul li a { height: 45px; display: block; background-repeat: no-repeat; }
#nav #nav_l { width: 15px; background: url(images/nav_left.jpg); }
#nav #nav_r { width: 15px; background: url(images/nav_right.jpg) no-repeat; }
#nav #nav1, #nav #nav1 a { width: 180px; background: url(images/nav1.jpg); }
#nav #nav2, #nav #nav2 a { width: 110px; background: url(images/nav2.jpg); }
#nav #nav3, #nav #nav3 a { width: 111px; background: url(images/nav3.jpg); }
#nav #nav4, #nav #nav4 a { width: 110px; background: url(images/nav4.jpg); }
#nav #nav5, #nav #nav5 a { width: 110px; background: url(images/nav5.jpg); }
#nav #nav6, #nav #nav6 a { width: 111px; background: url(images/nav6.jpg); }
#nav #nav7, #nav #nav7 a { width: 110px; background: url(images/nav7.jpg); }
#nav #nav1, #nav #nav2, #nav #nav3, #nav #nav4, #nav #nav5, #nav #nav6, #nav #nav7 { background-position: 0 -45px; }
#nav #nav1 a:hover, #nav #nav2 a:hover, #nav #nav3 a:hover, #nav #nav4 a:hover, #nav #nav5 a:hover, 
	#nav #nav6 a:hover, #nav #nav7 a:hover { position: relative; background: transparent; }
#nav ul li a img { border: none; display: none; position: relative; top: 51px; }
#nav ul li a:hover img { display: block; }
#nav_shine { width: 872px; height: 45px; background: #2a2a2a url(images/nav_shine.jpg) no-repeat center top; }

/* Footer Styles */
#footer { width: 872px; height: 84px; display: block; clear: both; background: url(images/footer.jpg) no-repeat center top; color: #fff; font-weight: bold; font-size: 94%; }
#footer a { color: #ddd; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#copyright { display: block; height: 30px; line-height: 30px; }
#renav { display: block; color: #fff; }

/* Content Styles */
#body { background: #2a2a2a; text-align: center; display: block; margin: 0 10px; }
#left { width: 207px; float: left; clear: left; display: block; text-align: left; }
#right { width: 620px; float: right; clear: right; display: block; text-align: left; }
#right a { text-decoration: underline; }
.box { display: block; }
.box_title { background: #b41617 url(images/red_bg.jpg) repeat-x; font-weight: bold; color: #eee; height: 20px; line-height: 20px; padding: 0 10px; display: block; border: 1px solid #590000; }
.box_title2 { background: #eee url(images/btn_bg.jpg) repeat-x 0 -20px; font-weight: bold; color: #000; height: 20px; line-height: 20px; padding: 0 10px; display: block; border: 1px solid #aaa; }
.box_link { padding: 2px 10px; display: block; min-height: 100px; font-weight: bold; color: #000; background: #fff url(images/box_bg.jpg) repeat-x; border: 1px solid #000; border-top: none; }
.box_link a { margin: 0 0 0 10px; color: #c00; }
.box_link a:hover { color: #590000; }
.center { text-align: center; }
.nopadding { padding: 0; }
.bold { font-weight: bold; }
.small { font-size: 94%; }
.large { font-size: 115%; }
.red { color: #c00; }
.clearboth { height: 1px; line-height: 1px; font-size: 1pt; display: block; clear: both; }
.clearform { height: 5px; line-height: 5px; font-size: 1pt; display: block; clear: both; }
.clearlayer { height: 15px; line-height: 15px; font-size: 1pt; display: block; clear: both; }
.clearparagraph { height: 20px; line-height: 20px; font-size: 1pt; display: block; clear: both; }
.clearfooter { height: 30px; line-height: 30px; font-size: 1pt; display: block; clear: both; }
.title { display: block; font-size: 125%; border-bottom: 1px solid #555; margin: 0 0 5px 0; }
.success { font-weight: bold; color: #fff; display: block; padding: 5px; background: #555; border: 1px solid #0c0; }
.failure { font-weight: bold; color: #fff; display: block; padding: 5px; background: #555; border: 1px solid #c00; }
.error { font-weight: bold; color: #c00; display: block; padding: 5px; background: #eee; text-align: center; border: 2px solid #c00; }
.evenRow { color: #2a2a2a; display: block; background: #ccc; padding: 3px 10px; }
.oddRow { color: #2a2a2a; display: block; background: #eee; padding: 3px 10px; }
.evenRow a, .oddRow a { color: #c00; }
.evenRow a:hover, .oddRow a:hover { color: #590000; }
.about_pic { width: 75px; height: 100px; float: left; margin: 0 10px 0 0; border: 1px solid #555; }
.image_valid img { width: 88px; height: 31px; border: none; }

/* Contact Page */
#contactForm { margin: 0; padding: 0; }
#contactForm .formcontainer { width: 620px; }
#contactForm .fieldname { width: 304px; float: left; clear: left; display: inline; font-weight: bold; }
#contactForm .field { width: 304px; float: left; clear: right; display: inline; font-weight: bold; margin: 0 0 0 10px; }
#contactForm .fieldname .text { width: 100%; }
#contactForm .field .text { width: 304px; voice-family: "\"}\""; voice-family: inherit; width: 300px; }
#contactForm .select { width: 100%; }
#contactForm .select option { margin: 2px 0; }
#contactForm .textarea { width: 100%; height: 97px; overflow: hidden; }
#contactForm .reset {  }
#contactForm .submit {  }
#contactForm .button { cursor: pointer; width: 150px; margin: 0; padding: 0; height: 20px; line-height: 10px; color: #000; font-weight: bold; background: #eee url(images/btn_bg.jpg) repeat-x 0 -20px; border: none; }
#contactForm .button:hover { background: #777 url(images/btn_bg.jpg) repeat-x 0 0; color: #fff; }
#contactForm .security { font-size: 94%; color: #ccc; }
#contactForm #security { width: 100%; height: 50px; }

/* Misc Styles*/
#title_welcome { height: 25px; display: block; background: url(images/title_welcome.jpg) no-repeat; }
#title_about1 { height: 25px; display: block; background: url(images/title_about1.jpg) no-repeat; }
#title_about2 { height: 25px; display: block; background: url(images/title_about2.jpg) no-repeat; }
#title_about3 { height: 25px; display: block; background: url(images/title_about3.jpg) no-repeat; }
#title_about4 { height: 25px; display: block; background: url(images/title_about4.jpg) no-repeat; }
#title_contact { height: 25px; display: block; background: url(images/title_contact.jpg) no-repeat; }
#random_project { display: block; margin: 0 auto; text-align: center; }
#quick_links { margin: 0; padding: 0; list-style: none; }
#quick_links li { margin: 0; padding: 0; }
#valid_images { margin: 0; padding: 0; list-style: none; }
#valid_images li { margin: 5px 0; padding: 0; }