* { margin:0; padding:0;}

body { 
	 background-color:#000000;
	font-family:Corbel,Helvetica,Arial,Geneva,sans-serif;
	font-size:80%;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:150%;	
	}

.site_center {
	margin:0 0 0 270px;
	text-align:left;}
	
a {
	margin:0;
	padding:0;
	color: #547dac;
	text-decoration:none;
}

a:hover, a:focus {
	color:#253e5a ;
	text-decoration: underline;
}

#container {
	background:transparent url(images/header-back.jpg) no-repeat scroll left top; 
	height:591px;
	left:0;
	margin:-9px 0 0 0px;
	min-height:100%;
	top:0;
	width:1264px;
}

#wrapper {
background-color:white;
float:left;
margin:0 0 0 171px;
min-height:899px;
padding:0;
width:659px;}

#top-side-art {
background-image:url(images/side-static-art-y.jpg);
background-repeat:repeat-x;
height:10px;
margin:0;
top:0;
left:0;
width:100%;
position:fixed;
z-index:15;
}


#left-side-art {
background-image:url(images/side-static-art.jpg);
background-repeat:repeat-y;
height:100%;
left:0;
margin:0;
position:fixed;
top:0;
width:10px;
z-index:14;
}


#right-side-art {
background-image:url(images/side-static-art.jpg);
background-repeat:repeat-y;
height:100%;
right:0;
margin:0;
position:fixed;
top:0;
width:10px;
z-index:13;
float:right;
}


.logo {
background-image:url(images/confluence-logo.jpg);
cursor:pointer;
width:321px; height:134px;margin:10px}


.punch-line {
	background-image:url(images/tech-design-meet.gif);
	float:right;
	height:21px;
	margin:18px 29px 0 0;
	width:214px;
}

.content {
	margin:214px 29px 0 211px;
	}

.content p {
	margin:0 133px 0 0;
	text-align: justify;	}

/* @group navigation */

#nav {
	height:300px;
	left:171px;
	position:absolute;
	top:39px;
	width:170px;
	z-index:1;
	}
#nav ul {
	text-align:left;
	width:248px;
	}	
#nav ul li {
	padding:0;
	margin:0;
	height:51px;
	list-style:none;
	}
#nav a {
	border:0;
	position:relative;
	/* Hide from IE Mac \*/
	overflow:hidden;
	height:51px;
	/* End hide from IE Mac */
	}
#nav a span {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(images/navigation.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	}	
	
#nav a:link, #nav a:visited {display:block;}	

li.home a:link span, li.home a:visited span {background-position:0px 0px;}
li.home a:hover span, li.home a:focus span {background-position:0 -309px;}
li.about a:link span, li.about a:visited span {background-position:0px -41px;}
li.about a:hover span, li.about a:focus span {background-position:0px -350px;}
li.serv a:link span, li.serv a:visited span {background-position:0px -91px;}
li.serv a:hover span, li.serv a:focus span {background-position:0 -400px;}
li.portf a:link span, li.portf a:visited span {background-position:0px -141px;}
li.portf a:hover span, li.portf a:focus span {background-position:0px -450px;}
li.news a:link span, li.news a:visited span {background-position:0px -191px;}
li.news a:hover span, li.news a:focus span {background-position:0px -500px;}
li.cont a:link span, li.cont a:visited span {background-position:0px -242px;}
li.cont a:hover span, li.cont a:focus span {background-position:0px -551px;}

body#homepage #nav ul li.home a span {background-position:0px -614px;}
body#aboutpage #nav ul li.about a span {background-position:0 -668px;}
body#servpage #nav ul li.serv a span {background-position:0 -712px;}
body#portfpage #nav ul li.portf a span {background-position:0px -766px;}
body#newspage #nav ul li.news a span {background-position:0 -813px;}
body#contpage #nav ul li.cont a span {background-position:0px -863px;}


#footer {
background-color:black;
clear:both;
color:aqua;
margin:0 0 0 139px;
padding:50px 0 0;
text-align:left;
width:659px;}

#footer h1 {
	font-size:150%;
	font-family: Arial, Helvetica, sans-serif;
	color:  #3E3E3E; 
}

#footer td{
	border: 1px #202020 dotted;
	padding: 4px;
}

.wrapper-back {
background:transparent url(images/footer-bldg.gif) no-repeat scroll center bottom;
float:left;
margin:-220px 0 0;
padding-top:448px;
width:659px;

	}

.serv-table-links {
	text-align:center;
	width:80%;
	background-color:#eee;
}


.home-image1 {
background-attachment:scroll;
background-color:transparent;
background-image:url(images/home-l-image1.gif);
background-position:0 50%;
background-repeat:no-repeat;
float:left;
height:270px;
margin: 56px 0 0 -346px;
position:absolute;
width:267px;}

.about-image1 {
background-attachment:scroll;
background-color:transparent;
background-image:url(images/about-image1.gif);
background-position:0 50%;
background-repeat:no-repeat;
float:left;
height:356px;
margin: 99px 0 0 -310px;
position:absolute;
width:197px;}

.serv-image1 {
background-attachment:scroll;
background-color:transparent;
background-image:url(images/serv-image1.gif);
background-position:0 50%;
background-repeat:no-repeat;
float:left;
height:466px;
margin: 371px 0 0 -330px;
position:absolute;
width:244px;}

.folio {
	min-height:480px;
	margin-bottom:276px;}
	
.slider-css {
	float:left;
	margin-left:-202px;
}

h1
{
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size:160%;
	text-align:right;
	width:64%;
	font-style:italic;
	color:gray;
}

.serv-table {
	}
	
.serv-table td {
	border-bottom: 3px #ddd solid;
	padding-bottom:30px;
	padding-top:30px;
	padding-top:3px;
	text-align:justify;
}

.serv-table img {
	margin-left:10px;
}

/* @end */