@charset "UTF-8";

body {background-image: url(images/BG_Pattern.jpg); background-repeat:repeat;height:100%; overflow-y: scroll}


/* Logo */
#logo {	position:absolute; left:191px; top:48px; width:200px; height:108px}




/* Font Styles */
.h1 {padding-top:20px;padding-left:20px;color:#386735;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:800}
 
.h2 {padding-left:20px}

.h2, .top {padding-top:15px;color:#386735;font-family:Helvetica, sans-serif;font-size:12px;font-weight:600;width:649px;line-height:20px}

.h2 a:link, a:visited {color:#386735; text-decoration:none}

.top {text-align:center; padding-left:20px; margin-bottom:10px}

.h3 {padding-top:6px;padding-left:20px;color:#386735;font-family:Helvetica, Arial, sans-serif;font-size:11px;font-weight:600;width:649px;}

.h3aaa {padding-top:9px;padding-left:20px;color:#5b5b5b;font-family:Helvetica, Arial, sans-serif;font-size:11px;font-weight:400;width:340px;line-height:19px; text-align:justify}

.h3aa {padding-top:8px;padding-left:20px;color:#386735;font-family:Helvetica, Arial, sans-serif;font-size:11px;font-weight:600;width:649px;}

.h3a {padding-top:9px;padding-left:40px;color:#5b5b5b;font-family:Helvetica, Arial, sans-serif;font-size:11px;font-weight:400;width:618px;line-height:19px; text-align:justify}

.h4 {padding-top:5px;padding-left:20px;color:#5b5b5b;font-family:Helvetica, Arial, sans-serif;font-size:10px;font-weight:500;width:649px;line-height:16px}

.h4a {padding-top:3px;padding-left:28px;color:#5b5b5b;font-family:Helvetica, Arial, sans-serif;font-size:10px;font-weight:500;line-height:16px}

.h4i {padding-top:6px;padding-left:20px;color:#5b5b5b;font-family:Helvetica, Arial, sans-serif;font-size:10px;font-weight:500;width:649px;line-height:16px;font-style:italic}

.h4i, h5, h4, h3, a:link, a:visited {text-decoration:none;color:#5b5b5b}

.h5 {line-height:16px;color:#386735;font-family:Helvetica, Arial, sans-serif;font-size:10px;font-weight:800;width:649px}	




/* Navigation */
#navcontainer {z-index:2; position:fixed; left:45px; top:169px; width:120px;margin-bottom:20px;}

#nav {background-color:#FFF; padding-top:10px}

.nav {color:#386735; cursor: pointer; font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:600; text-align:center;line-height:35px}
.nav a:link, a:visited {color:#386735;text-decoration:none; padding:5px}
.nav a:hover, a:active {color:#8dc63f;text-decoration:none}

.accordionContent {width: 120px; float: left; display: none}

.names {color:#386735; font-family:Helvetica, Arial, sans-serif; font-size:9px; font-weight:500; text-align:center; line-height:18px; float:left; width:120px}
.names a:link, a:visited {color:#386735; text-decoration:none}
.names a:hover, a:active {color:#8dc63f; text-decoration:none}

hr {border:0;width:118px;color:#8dc63f;background-color:#8dc63f;height:2px;float:left; margin-left:1px}

#navbottombox {width:120px;height:20px;background-color:#386735;float:left;margin-top:8px;margin-bottom:20px;}




/* Twitter */
#twitter {border:solid 2px #8dc63f;margin-top:8px;display:none;float:left;background-color:#FFF;list-style: none;padding: 10px;width: 300px;height:94px;color: #8dc63f;font-family:Helvetica, sans-serif;font-size:10px;font-weight:600;text-align:left}

#twitter a:link, a:visited p {font-size:12px; color: #386735; text-decoration:none}
#twitter a:hover, a:active p {text-decoration:none; color: #8dc63f}

#twitter_update_list ul {list-style: none;}

.twittertitle {font-size: 15px; color:#386735}




/* Titles Divs */
#titlebg, #title, #abouttitle, #contacttitle, #portfoliotitle, #harmonytitle, #bustitle, #connecttitle, #annoytitle, #homeimprovetitle, #lifedeathtitle, #myctitle,  #midnettitle, #printtitle, #reachtitle, #rochetitle {position:absolute;left:190px;top:169px;width:689px;height:51px;background-color:#FFF}

#abouttitle, #contacttitle, #portfoliotitle, #harmonytitle, #bustitle, #connecttitle, #annoytitle, #homeimprovetitle, #lifedeathtitle, #myctitle, #midnettitle, #printtitle, #reachtitle, #rochetitle {display:none}

p.title {padding-top:16px;color:#386735;font-family:Helvetica, Arial, sans-serif;font-size:14px;font-weight:600;text-align:left;line-height:21px;padding-left:20px;}
p.title2 {padding-top:16px;padding-left:16px;color:#386735;font-family:Helvetica, Arial, sans-serif;font-size:12px;font-weight:600;text-align:left;}




/* Container and Colored Bars*/
#container {index:1; position:absolute; left:190px;	top:256px; width:690px;	height:auto}

#greenbar {position:absolute;left:190px;top:228px;width:689px;height:20px;background-color:#8dc63f}

#greybar {width:689px;height:20px;background-color:#939598;float:left;margin-bottom:20px;margin-top:8px;}




/* Home */
#home {width:689px; height:75px; background-color:#FFF; float:left}	




/* Portfolio */
.image {padding-left:20px; padding-bottom:19px; border:none}
.bottomimage {padding-left:20px}
#harmony, #bus, #connections, #annoying, #homeimprove, #midnet, #print, #reach, #roche, #myc, #lifedeath {width:689px; height:100%; background-color:#FFF; display:none; float:left}




/* About */
#about {display:none; width:689px; height:550px; background-color:#FFF;	float:left;	background-image:url(images/Me.jpg); background-repeat:no-repeat}
	
#abouttop {width:689px; height:123px}

#aboutbottom {width:390px; height:427px; margin-left:20px}

.block1 {width:180px; display:block; float:left; height:70px}

.block2 {width:210px; display:block; float:left; height:70px}

.block3 {width:390px; display:block; float:left; height:35px; padding-top:10px}

.block4 {width:180px; display:block; float:left; height:102px}

.block5 {width:210px; display:block; float:left; height:102px}




/* Contact */
#contact {width:689px; height:225px; background-color:#FFF; display:none; float:left}
	
.block6 {width:689px; display:block; float:left; height:145px; margin-top:20px}

.block7 {width:135px; display:block; float:left; height:50px; margin-left:2px}

.block8 {width:680px; display:block; float:left; height:21px; margin-top:7px}

.block9 {width:70px; display:block; float:left; height:60px; margin-top:12px; margin-left:5px}

.block9 img {margin-top:10px}