body {background: #292929 url(images/dia.gif) 0 0 repeat-x; margin: 0; padding: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 0.7em;}
p, h1, h3, h2, h4, ul, li {margin: 0; padding: 0;}
ul {margin: 0; padding: 0;}
li {margin: 0; padding: 0; list-style-type: none; text-indent: 0; padding-bottom: 0; padding-top: 0;   display: inline;}
img {border: 0;}

/* display: inline; needed otherwise IE adds space around list items */

h1 {font-size: 1.2em; margin: 0 auto 10px 15px; padding-top: 15px;}
h2, h3 {font-size: 1.2em;}
h2 {padding-top: 5px; margin-left: 14px;}
h4 {font-size: 1em; color: #333; font-weight: bold; margin-top: 0px; margin-left: 15px; padding-bottom: 3px; color: #666;}
h3 {margin-left: 25px; padding-right: 20px; padding-bottom: 5px;} 
h3.sidebar {padding-left: 5px; margin-left: 17px;  padding-top: 4px; padding-right: 0;}
h3.sidebartext {padding-top: 9px;}


/* image replace */

#header {
	width: 329px;
	height: 25px;
	position: relative;
	}
#header span {
	background: url(images/custom.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
#serviceheader {
	width: 329px;
	height: 25px;
	position: relative;
	}
#serviceheader span {
	background: url(images/service.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

	
	



#wrapper h2 {padding-bottom: 8px;}
h2.links {padding-bottom: 10px;}
h4.port {margin-left: 0; font-size: 0.95em;}
h4.porthead {margin-left: 25px; margin-top: 10px;}
h4.porthead1 {margin-left: 25px; margin-top: 10px; margin-bottom: 7px; font-size: 1.1em;  line-height: 1.5em;}
h4.porthead2 {margin-left: 25px; margin-top: 20px; margin-bottom: 7px; font-size: 1.1em;  line-height: 1.5em;}
h4.porthead3 {margin-left: 25px; margin-top: 20px; margin-bottom: 7px; font-size: 1.1em; : 1.5em;  line-height: 1.5em;}
h4.rnahead {margin-left: 0px; margin-top: 40px;}
h4.rnaresp {margin-left: 0px; margin-top: 20px;}


a {text-decoration: none;}
a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {color: #FF3366;}
a:active {color: #FFFFFF;}

#linkswrapper a.portlink:link {color: #000000;}
#linkswrapper a.portlink:visited {color: #000000;}
#linkswrapper a.portlink:hover {color: #FF3366;}
#linkswrapper a.portlink:active {color: #FFFFFF;}

#right a:link {color: #000000;}
#right a:visited {color: #000000;}
#right a:hover {color: #FFFFFF}
#right a:active {color: #FFFFFF;}

#linkswrapper a:link {color: #000000;}
#linkswrapper a:visited {color: #658200;}
#linkswrapper a:hover {color: #FF3366;}
#linkswrapper a:active {color: #FFFFFF;}

a.link {background:transparent url(images/itemline.gif) repeat-x bottom left;}
a.blacklink {background:transparent url(images/blackline.gif) repeat-x bottom left;}
a.green:link {color: #7a9c02;}
a.green:hover {color: #FF3366;}

.clear {clear: both;}
.bottom {padding: 0; margin: 0; background: #FFFFFF url(images/bottom.gif) 0 0 repeat-x; weight: 630px; height: 5px; border: 1px solid blue;}
.bold {font-weight: bold;}
.grey {color: #666666;}
.divider {margin-left: 45px; padding-top: 5px; padding-bottom: 10px;}
.bottomspace {padding-bottom: 40px;}
.errorpage {color: #666666; font-size: 1.2em; margin-top: 20px;}
.yellow {color: #FFFF66;}
.underline {border-bottom: 1px dashed #000;}
.italic {font-style: italic;}
.emphas {font-size: 1.1em; font-weight: bold;}

#top {background: #FFFFFF url(images/header.jpg) 0 0 no-repeat; width: 630px; height: 329px; margin: auto; margin-top: 0; }

.tpport {position: absolute;
top: 170px;
left: 435px;}

/* wrapperback.gif for faux columns ; wrapper & linkswrapper margin-top: -4px to move backgrounds higher */
#wrapper {background: #FFFFFF url(images/wrapperback.gif) 0 0 repeat-y; margin: auto; margin-top: -4px; width: 630px; line-height: 1.7em;}
#linkswrapper {margin: auto; margin-top: -5px; width: 630px; background: #FFFFFF;}
#content {background: #D5FF47 url(images/greenback602flw.gif) 0 0 no-repeat; margin-left: 14px; margin-right: 14px; padding-top: 20px;}
#contactcontent {background: #D5FF47 url(images/greenback602flw.gif) 0 0 no-repeat; margin-left: 14px; margin-right: 14px; padding-top: 20px;}
#portcontent {background: #D5FF47 url(images/greenback602flw.gif) 0 0 no-repeat; margin-left: 14px; margin-right: 14px; padding-top: 20px;}

/* navigation */

#nav {padding-top: 25px; padding-left: 39px;}
#nav li {margin-right: 32px;}
#nav a {padding-left: 5px; padding-right: 5px;}



#left {float: left; display: inline; margin-left: 14px; padding-top: 20px; background: #D5FF47 url(images/greenback396flw2.gif) 0 0 no-repeat; width: 396px; margin-bottom: 0px;}
#right {float: left; display: inline; margin-left: 14px; padding-top: 20px; background: #FF3366 url(images/redbackflw2.gif) 0 0 no-repeat; width: 192px; border: 0;}

p {padding-right: 20px;}

#wrapper p {margin-left: 25px; padding-right: 20px; padding-bottom: 10px;}
#wrapper p.clear {margin-left: 0;}
#wrapper p.left, #linkswrapper p.left {margin-left: 25px;}
#wrapper p.bottom {padding: 0;}

#wrapper .intro, #linkswrapper .intro {margin-left: 45px; padding-right: 35px; margin-bottom: 15px;}
#wrapper .intro1 {margin-left: 45px; padding-right: 35px; margin-bottom: 0.5em; padding-bottom: 0;}

#wrapper p.dexhdpic {background: transparent url(images/dexhdpic.gif) 0 3px no-repeat; 
height: 131px; margin-left: 14px; padding-left: 0;}
#wrapper .tasks {margin-left: 0px; }
#feature {position: relative; margin-bottom: 100px;}
#responsib {position: absolute; top: 150px; left: 50px !important; left: 36px; }


#wrapper .dexhdtitle {padding-left: 10px;}

#wrapper ul {margin-left: 25px; padding-right: 20px;}
#wrapper li {display: block;}


#right li {background:transparent url(images/listflower.gif) no-repeat top left; padding-left: 16px;}
#right ul {padding-bottom: 20px; padding-right: 20px; padding-left: 0px;}

#left ul {padding-bottom: 20px;}
#left li {padding-bottom: 2px;}

/* index */

.offerings li
	{padding-bottom: 0.2em;}
	
.floatright 
	{float: right;
	margin-right: 20px;}	

/* images */

.me {float: right; margin: 0px 30px 5px 10px;}


/* linkpage */

/*
#content h2 {
	text-indent: -9999px;
	display:block;
	height: 26px;
	width:180px;
	padding-left: 20px;
	margin-top: 5px;
	background:url(images/links.gif) no-repeat;
			}      */

#content h4 {padding-bottom: 0.6em;}

#content ul {
	margin:0 0 1.5em 0;
	padding-bottom:1px;
	background:transparent url(images/itemline.gif) repeat-x bottom left;
	}
	
#content ul.last {margin-bottom: 4em;}	
	
#content ul li {
	color:#000;
	padding-top:1px;
	}
#content ul li a {
	display:block;
	border:0;
	padding:0;
	}
#content ul li a:link,
#content ul li a:visited {
	color:#000;
	padding:4px 0 4px 15px;
	background:transparent url(images/greenflower.gif) no-repeat top left;
	}
#content ul li a:hover {
	color:#FF3366;
	padding:4px 0 4px 15px;
	background:transparent url(images/greenflower.gif) no-repeat 0px -80px;
	}		

#linksleft {float: left; display: inline; margin-left: 20px; width: 170px;}
#linksmiddle {float: left; display: inline; margin-left: 23px; width: 170px;}
#linksright {float: left; display: inline; margin-left: 23px; width: 170px;}



/* portfolio */

.portimage {margin-top: 5px;}

.portleft {float: left; display: inline; margin-left: 25px;  width: 300px;}
.rnaleft {float: left; display: inline; margin-left: 25px;  width: 300px; margin-top: 20px;}

.portright {float: left;  margin-left: 30px;  width: 230px; margin-top: 0px; line-height: 1.7em;}

.portright ul {display: block;}
.portright li {display: block; background:transparent url(images/listflw_green.gif) no-repeat top left; padding-left: 18px; padding-top: 2px;}
.resp {margin-bottom: 50px;}

.jobdescr {color: #333;}

/* services */




.service li {background:transparent url(images/listflw_green.gif) no-repeat top left; padding-left: 18px;
}


/* contact */

#contact {background: url(images/contact_back.gif) no-repeat 0 25px; 
height: 460px;
width: 503px;
margin: auto;
}

#contact {margin-top: 10px; margin-bottom: 0px;}
#contactme {margin: auto; margin-bottom: 40px; width: 503px; padding-top: 0px;  text-align: center; }
.missing {color: #FF3366;}

#contactleft {
float: left;
width: 200px;
padding-bottom: 30px;

}

#contactright {
float: left;
width: 250px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
margin-top: 50px;

}

.conname {margin-left: 50px; margin-top: 105px;}

#contactleft ul {margin-left: 50px; margin-top: 5px; line-height: 1.6em;}
#contactleft li {display: block;}

#contactform form {margin-bottom: 10px; }

.contextbox { 
background: #fff url(images/contactbox.gif) repeat-x top; border: 1px solid #EAEAEA; border-top: 1px solid #CCC; border-left: 1px solid #CCC;
padding: 2px auto 30px 20px; height: 20px;}

.textbox {
background: #fff url(images/textbox.gif) repeat-x top; border: 1px solid #EAEAEA; border-top: 1px solid #CCC; border-left: 1px solid #CCC;
}

#thankyou {background: url(images/thankyou.gif) no-repeat 0px 0px; 
height: 165px; width: 605px;
margin: 65px auto 0px 100px;}

.required {border: 1px solid red;}
p.label {margin-bottom: 3px; margin-top: 8px;}
p.thankyou {margin-left: 35px; margin-top: 40px; font-size: 1.25em; line-height: 1.8em;}
.backtohome {margin-left: 35px; margin-bottom: 50px; padding-top: 10px; margin-top: 0;}
p.error {color: #FF0000; margin-left: 130px; margin-top: 10px;}



#footer {width: 630px; margin: 0 auto 0 auto; background-color: #FFFFFF; }
#footercontent {text-align: center; margin: 0 14px 0 14px; padding-top: 10px; background: #B6EA00 url(images/footer.gif) no-repeat top;}
#footercontent p {margin: 0px auto 0px 34px; padding-bottom: 20px; padding-top: 15px !important; padding-top: 5px; }
#footer ul {margin-top: 10px; padding-left: 23px; }
#footer li {padding-right: 30px; float: left; display: block;}
#footer a {padding: 10px; padding-top: 2px; padding-bottom: 2px; display: block;}
#footer .bottom {padding: 0; margin: 0; background: #FFFFFF url(images/bottom.gif) 0 0 repeat-x; weight: 630px;}

#bottom {width: 630px; height: 13px; margin: auto; margin-top: 0; background: #FFFFFF url(images/bottom.gif) no-repeat top;}




#aboutlines {margin-left: 0px;}
#wrapper p.yellowline {background: url(images/yellow_line2.gif) no-repeat 0px 0px; margin-left: 0; padding: 20px 50px 20px 20px;}
#wrapper p.greenline {background: url(images/greenline6.gif) no-repeat 0px 0px; margin-left: 0; padding: 33px 20px 20px 55px;}
#wrapper p.greenline2 {background: url(images/greenline6.gif) no-repeat 0px 0px; margin-left: 0; padding: 33px 20px 20px 55px;}
#wrapper p.greenline3 {background: url(images/greenline7.gif) no-repeat 0px 0px; margin-left: 0; padding: 33px 50px 20px 20px;}


/* imagery */


#right .showcase li  {display: inline; background: none; padding: 0;   margin: 0; padding-right: 4px;
}

#right .showcase {padding-top: 56px; padding-left: 2px;}

#aboutshow {background: url(images/blackwhite3.gif) no-repeat 0px 0px; height: 200px;}
#aboutshow ul, #indexshow ul {padding-top: 40px; padding-bottom: 90px;}
#indexshow {margin-top: 20px;}

#indexshow {background: url(images/imagesfun.gif) no-repeat 0px 0px; height: 170px;}


/*
.blockquote1 {
	margin: 1em 20px;
	padding-left: 5px;
	background: transparent url(quote.gif) no-repeat; 
	color: #FFF;
	font-size: 1.3em;
	font-weight: bold;
	} 
	*/
	
.things_image	
	{
	margin: 1em 20px;
	padding-left: 5px;}
	
blockquote 
	{margin: 1em 20px;
	margin-top: 10px !important;
	margin-top: 30px;
	margin-bottom: 0.5em;
	padding-left: 30px;
	padding-bottom: 0.5em;
	background: transparent url(images/quote.gif) no-repeat; 
	color: #FFFF66;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 1px solid #FF8F6A;}
	
.credit 
	{font-size: 0.85em;
	padding: 0;
	line-height: 1.5em;
	}	
	
.emotional 	
	{
	margin-left: 20px;
	margin-bottom: 0.5em;}
	
.widget
	{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;}