*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #dadbdc url("/images/bg/bg_slice.jpg") repeat-x;
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	padding: 10px 0 0 0;
}

p
{
	margin: 0 0 15px 0;
}

h1
{
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 1.1em;
}

img
{
	border: none;
}

a:focus
{
	outline: none;
}
a {
text-decoration:none;
color:#666699;

}

a:hover {
text-decoration:underline;


}


#container
{
	margin: 0 auto;
	width: 860px;
	background: url("/images/bg/bg3.gif") no-repeat;
	padding: 50px 0 0 0;
}

#header
{
	padding: 0 0 0 30px;
	position:relative;

}
#flashcontent {
position:absolute;
top:0;
left:364px !important;
left:334px;
}


#nav
{
	margin: 10px 0 0 0;


}

#nav ul
{
	list-style: none;
	margin: 0 0 0 98px;

}

#nav ul li
{
	float: left;
	margin: 0 35px 0 0;
}

#nav ul li a
{
	display: block;
	text-indent: -9999px;
	width: 85px;
}

#portfolio, #portfolio a
{
	background: url("/images/global/portfolio.gif") no-repeat center left;
}

#portfolio a:hover, #portfolio a.on
{
	background: url("/images/global/portfolio_o.gif") no-repeat center left;
}

#services, #services a
{
	background: url("/images/global/services.gif") no-repeat center left;
}

#services a:hover, #services a.on
{
	background: url("/images/global/services_o.gif") no-repeat center left;
}

#mission, #mission a
{
	background: url("/images/global/mission.gif") no-repeat center left;
}
#nav ul #services {
margin:0 37px 0 0;
}
#nav ul #portfolio {
margin:0 37px 0 0;
}

#mission a:hover, #mission a.on
{
	background: url("/images/global/mission_o.gif") no-repeat center left;
}

#creative, #creative a
{
	background: url("/images/global/creative.gif") no-repeat center left;
}

#creative a:hover, #creative a.on
{
	background: url("/images/global/creative_o.gif") no-repeat center left;
}

#contact, #contact a
{
	background: url("/images/global/contact.gif") no-repeat center left;

}


#contact a:hover, #contact a.on
{
	background: url("/images/global/contact_o.gif") no-repeat center left;
}

#links, #links a
{
	background: url("/images/global/links.gif") no-repeat center left;

}

#links a:hover, #links a.on
{
	background: url("/images/global/links_o.gif") no-repeat center left;
}

#content
{
	height: 400px;
	margin: 23px 0 0 0;
	padding: 0 78px 0 128px;
position:relative;
}

#text
{
	width: 232px;
	line-height: 1.4em;
	float: left;
position:relative;
font-size:92%;
overflow:auto;
height:410px;
}

#text ul {
list-style:none;

}
#text ul li{
background:url(/images/bullet.gif) no-repeat 0 5px  ;
padding:0 0 0 10px;
}

#main
{
	height: 400px;
	width: 400px;
	float: right;

margin:0 8px 0 0;
}

#content div.mission {
background: url(/images/38.jpg) no-repeat;
padding:10px;
text-align:center;
width:380px;
height:380px;
color:#fff;
font-size:92%;
line-height: 1.4em;
overflow:auto;
}

#content div.mission h2{
margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 1.1em;
}

#content div.mission blockquote{
font-style:italic;

}
#content div.mission blockquote p{
text-align:justify;
font-weight: normal;
margin:0;
}
#content div.mission p{
text-align:right;
font-weight: bold;
margin:2px 0 18px 0;
}

#main li.portEx
{
	list-style: none;
	width: 80px;
	height: 80px;
	float: left;
}

#main li.portEx a
{
	display: block;
	width: 80px;
	height: 80px;
	text-indent: -9999px;
}

#main li.portEx a:hover
{
	background: url("/images/overlay.png") no-repeat;
}

#text li.servEx
{
	list-style: none;
	width: 40px;
        height: 40px;
	float: left;
margin:0 4px 0 0;
padding:0;
}

#text li.servEx a
{
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
}

#text ul.photo li.servEx {
margin:0 4px 4px 0;

}


#fullsize {
position:absolute;
top:0px;
left:246px;
}
#desc {
display:none;
}
#textGal {
height:330px;
overflow:auto;
margin:0 0 10px 0;
padding:0 10px 0 0;
}
#textGal2 {
height:242px;
overflow:auto;
margin:0 0 10px 0;
padding:0 10px 0 0;
}

.rssThumbFloat {
float:left;
}
.rssThumbFloat img{
display:block;
margin:0 5px 5px 0;
width:40px;
}

#service_list {
list-style:none;
text-align:center;
background: url("/images/39.jpg") no-repeat;
}

#service_list a{
display:block;
text-indent:-9999px;
height:55px;
padding:25px 0 0 0;
color:#333;
text-decoration:none;
font-size:2.5em;

}
#service_list a:hover{
border:5px solid #B8B8EB;
height:50px;
padding:20px 0 0 0;
}


p.back {
float:right;
width:400px;
text-align:center;
margin:8px 0 0 0;
font-size:92%;
}
#linktext {
text-align:center;
height:380px;
overflow:auto;
padding:0 10px 0 0;
}
p.disc {
text-align:center;
}
#termstext {
text-align:justify;
font-size:0.95em;
height:400px;
overflow:auto;
padding:0 10px 0 0;
}

fieldset {
border:none;

}
label {
font-size:92%;
}
input, textarea {
border:1px solid #999;
margin:2px 0 8px 0;
padding:2px 4px;
font-size:92%;
background:#B8B8EB;
}

#key {
position:absolute;
top:3px;
left:60px;
}

#key li {
list-style:none;
background: url(/images/bg/key.jpg) left center no-repeat;

font-size:9px;
margin:0 0 5px 0;
color:#999;
}
#key li.on {
background: url(/images/bg/key_o.jpg) left center no-repeat;
}

#key li a{
background: url(/images/bg/key.jpg) left center no-repeat;
display:inline-block;
padding:0 0 0 15px;
color:#999;
}
#key li a:hover, #key li.on a{
background: url(/images/bg/key_o.jpg) left center no-repeat;
text-decoration:none;
}

img#w3c {
position:absolute;
top:-10px;
left:60px;
width:60px;
}

p.click {
margin:0 0 4px 0;
font-size:0.9em;
}

#footer
{
	margin: 30px 0 0 0;
	height: 90px;
	text-align:center;
position:relative;
}

#footer ul
{
	list-style: none;
	
}

#footer ul li
{
	display:inline;
	margin: 0 10px 0 0;
	font-size: 0.8em;
	color: #999;
}
#footer ul li.last {
margin:0;
}

#footer li a
{
	color: #999;
	text-decoration: none;
}

#footer li a:hover
{
	color: #000;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	display: block;
}

a.wiredLink {
position:absolute;
top:-10px;
right:30px;
display:block;
width:120px;
height:30px;
text-indent:-9999px;
}