@charset "utf-8";
/* CSS Document */

@import url(screen.css);
@import url(contact.css);

body {
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	margin: 0; padding: 0;
	text-align: center;
	}

#contactdetails {
	position:relative;
	top: 90px;
}

#contactdetails hr {
	width: 60%;
}

h2 {
	color:#990000;
	font-size: 1.2em;
	font-weight:bold;
}

h3 {
	color:#003333;
	font-size: 1em;
	font-weight:bold;
}

a{
	color:#FFF;
}

a.redlink,
a.redlink:link,
a.redlink:active,
a.redlink:visited {
	position:relative;
	color:#990000;
	text-decoration:underline;
	top: 5px;

	}
	
a.redlink:hover {
	color:#003366;
	text-decoration:underline;
	}
	
a.redlinknormal,
a.redlinknormal:link,
a.redlinknormal:active,
a.redlinknormal:visited {
	position:relative;
	color:#990000;
	text-decoration:none;
	top: 0px;

	}
	
a.redlinknormal:hover {
	color:#003366;
	text-decoration:underline;
	}
	
a.greylink,
a.greylink:link,
a.greylink:active,
a.greylink:visited {
	position:relative;
	color: #999;
	text-decoration:none;
	top: 0px;

	}
	
a.greylink:hover {
	color:#990000;
	text-decoration:underline;
	}
	
	
a.bluelink,
a.bluelink:link,
a.bluelink:active,
a.bluelink:visited {
	position:relative;
	color: #003333;
	text-decoration:underline;

	}
	
a.bluelink:hover {
	color:#990000;
	text-decoration:underline;
	}	
	
a.redlinksmall,
a.redlinksmall:link,
a.redlinksmall:active,
a.redlinksmall:visited {
	position:relative;
	color:#990000;
	text-decoration:underline;
	top: 0px;

	}
	
a.redlinksmall:hover {
	color:#003366;
	text-decoration:underline;
	}
	
a.bluelink,
a.bluelink:link,
a.bluelink:active,
a.bluelink:visited {
	position:relative;
	color:#003333;
	text-decoration:none;

	}
	
a.bluelink:hover {
	color:#990000;
	text-decoration:underline;
	}
	
	
a.bluelinkcontact,
a.bluelinkcontact:link,
a.bluelinkcontact:active,
a.bluelinkcontact:visited {
	position:relative;
	margin-right:100px;
	font-size:0.8em;
	position:relative;
	color:#003333;
	text-decoration:underline;

	}
	
a.bluelinkcontact:hover {
	color:#FFF;
	text-decoration:underline;
	}
	
	
a.active,
a.active:link,
a.active:active,
a.active:visited {
	position:relative;
	color:#990000;
	font-weight:bold;
	text-decoration:underline;
		}
	
a.active:hover {
	color:#990000;
	font-weight:bold;
	text-decoration:underline;
	}
	
a.course_link,
a.course_link,
a.course_link,
a.course_link {
	position:relative;
	top:10px;
	color:#990000;
	font-weight:bold;
	text-decoration:underline;
		}
	
a.course_link:hover {
	color:#003333;
	font-weight:bold;
	text-decoration:underline;
	}

#content_box{
	position:relative;
	margin-top: -30px;
	color:003366;
	font-size:1.25em;

	line-height:1.2em;
}

#coursemenu  {
	background-image:url(../images/course_bg.gif);
	width: 200px;
	margin-right: 25px;
	padding: 10px;
	padding-top:1px;
}

#coursemenu h2 {
	color:#990000;
	font-size: 1em;
	font-weight:bold;
}

#coursemenu li {
	font-size:0.8em;
	list-style:none;
	line-height: 1.7em;
	margin: 0;
 	padding: 0;
	list-style-position: outside;
	
}

#coursemenu ul {
  margin-left: 0;
  padding-left: 0em;
  margin-right: 50px;
  letter-spacing:0.00em;
}	


.course_wrapper {
	position:relative;
	font-size:0.9em;
	float:left;
	width: 230px;
	height: 275px;
	margin-right: 15px;
	background-color:#CCC;
	padding: 5px;
	padding-left:10px;
	margin-bottom:25px;
}

.course_wrapper h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1.2em;
}

h2.courses_wrapper {
	color:#990000;
	font-size: 1.2em;
	font-weight:bold;
}

h1{
	font-size:1.4em;
	color:#003333;
	font-weight:bold;
}

.linkimages {
	position:relative;
	float: left;
	margin-right:35px;

}

#main {
	position: relative;
	width: 920px; 
	margin: 0px auto;
	text-align: left;
	font-size:1em;
	margin-top: 5px;
}

#twitter{
	position:relative;
	margin-top: 25px;
}

.twtr-hd img {
	display:none;
}


#news{
	position:relative;
	top: 3px;
}

#news li {
	list-style:none;
}

#news ul {
	position:relative;
	top:-10px;
}

span.rss {
	position:relative;
	top:-5px;
	margin-left:2px;
	margin-right:8px;
}

span.unsubscribe{
	position:relative;
	top:-5px;
	margin-left:170px;
	
}



#tagline{
	position:relative;
	top:-14px;
	margin-left: 1px;
	color:#FFF;
	font-size:1.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#vertline{
	position:relative;
	top:-15px;
	margin-left: 5px;
	color:#FFF;
	font-size:2.6em;
}

#contacthome{
	position:relative;
	color:#FFF;
	font-size:1.5em;
	text-align:right;

	
}
	
img {
	border:none;
}

img.annette{
	position:relative;
	float:left;
	margin-right:10px;

}

img.logo{
	position:relative;
	float:left;

}

.image_article {
	position:relative;
	float:left;
	margin-right: 15px;
	margin-bottom:30px;
	font-size:0.8em;
	color:#666;
	width: 250px;
	vertical-align: bottom;


}

/*---------------------- General Items ------------------------------*/

#colom2{
	font-size:0.8em;
	width: 350px;
}
#colom2 h1{
	color:#990000;
	font-size:1.3em;
	}
	
#imghome{
	position:relative;
	float:left;
}

#newsletter {
	color: #999;
	font-size:1em;
	
	}

#sitemap h1{
	color:#990000;
	font-size:1.5em;
	}
	
#sitemap hr {
	width: 95%;
	}

#sitemap {
	position:relative;
	margin-top:35px;
	margin-bottom:20px;
	}

#subscribebox{
	position:relative;
	margin-top:20px;
	margin-left:0px;
}

.service_wrapper{
	position:relative;
	padding-bottom: 20px;

}

.service_wrapper h2 {
	font-size:1.3em;
	margin-top: 30px;
}


.sidebar_item {
	position:relative;
	float:left;
	width: 325px;

}

.sidebar_item ul{
	list-style:none;
}


/*-----------------------Lay out navigation and links-----------------------------*/

#navigation_box{
	position:relative;
	top:15px;
	color: #FFF;
	
	}



#navcontainer ul
{
position:relative;
top:-10px;
height:75px;
padding-left: 0;
margin-left: 0;
color: White;
float: left;
width: 100%;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.8em;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.32em 1em;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #fff;
color: #333;
}

.colom {
	position:relative;
	float:left;
}

.current a
{
background-color: #fff;
color: #333;


}
	
.linktext{
	position:relative;
	float:left;
	font-style:italic;
	font-size:0.5em;
}

#customer_sidebar{
	position:relative;
	top:25px;
}
	

/*-----------------------Content-----------------------------*/
#recommendation {
	position:relative;
	top: 35px;
	padding:10px;
	background-color:#CCC;
	margin-bottom: 25px;
	color:#333;
}



#reference h2  {
	color:#FFF;
}

.reference {
	position:relative;
	float:left;
	margin-bottom: 10px;
	font-style:italic;
	font-size:0.8em;
}

#cust_projects{
	position:relative;
	top: 15px;
}

#cust_projects ol li{
	position:relative;
	display:block;
	width:500px;
	float:left;
	margin-bottom:10px;

}

#cust_projects hr {
	color:#CCC;
	background-color:#CCC;
}
/*-----------------------Twitter box----------------------------------*/

.twtr-hd {
	display:none;
}
/*-----------------------Tab navigation cv-----------------------------*/
                UL.tabNavigation {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }

                UL.tabNavigation LI {
                    display: inline;
                }

                UL.tabNavigation LI A {
                    padding: 10px 10px;
                    background-color: #ccc;
                    color: #003333;
                    text-decoration: none;
                }

                UL.tabNavigation LI A.selected,
                UL.tabNavigation LI A:hover {
	background-image:url(../images/bg_tab.png);
	background-repeat:repeat-x;
                    color: #fff;
                    padding-top: 10px;
                }
                
                UL.tabNavigation LI A:focus {
                        outline: 0;
                }

                div.tabs > div {
                        padding: 15px;
                        margin-top: 10px;
                        border: 1px solid #003333;
						width:525px;
						color:#003333;
						font-size:0.9em;
                }
                
                div.tabs > div h2 {
                        margin-top: 0;
                }

                #first {
                    background-color: #fff;
                }

                #second {
                    background-color: #fff;
                }

                #third {
                    background-color: #fff;
                }
				
	           #fourth {
                    background-color: #fff;
                }
                
                .waste {
                        min-height: 1000px;
                }
				.cvdate {
					position:relative;
					margin-bottom:-10px;
					font-style:italic;
					font-size:0.9em;
					color:#666;
				}
				
				.list li {
					margin-top:10px;
					
				}
				
				#liststyle li {
					list-style:none;
				}
/*----------------------- end -----------------------------*/

