@import url("sIFR-screen.css");
body {
	margin:0 auto;
	text-align:center;
	background:#ffffff;
	font:.8em Verdana, Arial, Helvetica, sans-serif;
}
p {
margin:0 0 .5em 0;
}
a {
	color:#0c4680;
	text-decoration:underline;
}
a img {
border: none;
}
a:visted {
color:#990000;
}
a:hover {
	color:#721270;
	text-decoration:none;
}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul {}
li {}

form {
margin:0;
padding:0;

}
label {
display:block;
text-align:right;
padding:10px 0px 10px 0;
vertical-align:top;
}
/* end html style*/

#container {
width:836px;
margin:0 auto;
text-align:left;
position:relative;
z-index:2;
}

/*navigation*/
#subNav {
position:absolute;
top:33px;
right:156px;
_right:206px;
z-index:21;
}
#subNav li{
list-style:none;
float:left;
padding:0px 8px 0px 8px;
text-transform:uppercase;
font-weight:bold;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
#subNav ul {
margin:0;
padding:0;
}
#subNav a {
color:#FFFFFF;
text-decoration:none;
padding:0 2px 0 2px;
}
#subNav .media a:hover {
background:#00578c;
color:#FFFFFF;
}
#subNav .category a:hover {
background:#6c0169;
color:#FFFFFF;
}
#subNav .archive a:hover {
background:#fe9007;
color:#FFFFFF;
}
#subNav .here {
background:#00578c;
color:#FFFFFF;
}
#navigation {
position:absolute;
top:0;
left:45px;
height:82px;
background:url(logo-blu.jpg) no-repeat;
padding:0 46px 0 382px;
z-index:20;
}
#navigation h1 {
margin:0;
height:81px;
width:300px;
text-indent:-999px;
overflow:hidden;
position:absolute;
top:0;
left:45px;
}
#navigation a {
background-position:top left;
display:block;
}
#navigation a:hover {
background-position:bottom left;
}
.about {
background:url(about-blu.gif) no-repeat;
width:55px;
text-indent:-999px;
overflow:hidden;
height:34px;
}
.portfolio {
background:url(port-blu.gif) no-repeat;
width:65px;
text-indent:-999px;
overflow:hidden;
height:34px;
}
.process {
background:url(process-blu.gif) no-repeat;
width:63px;
text-indent:-999px;
overflow:hidden;
height:34px;
}
.contact {
background:url(contact-blu.gif) no-repeat;
width:67px;
text-indent:-999px;
overflow:hidden;
height:34px;
}
#navigation .here a {
background-position:bottom left;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	font-size:1em;
	margin:0 1px 0 0px;
	 /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	display:none;
	position: absolute;
	top:1em;
	_top:2.5em;
	left: 0;
	width:30em;
	margin-left:-83px;
	
}
#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	display:none;
	position: absolute;
	top: auto;
	left: auto;
}

#nav li ul a {
background:none;
color:#ffffff;
padding:4px;
font-weight:bold;
font-size:12px;
text-indent:inherit;
text-transform:uppercase;
text-decoration:none;
text-align:center;
border-right:1px solid #FFFFFF;
}
#nav li ul a:hover {
border-top:1px solid #FFFFFF;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	display:block;
}
#nav .last a {
border:none;
}

/*layout*/
#content {
padding:95px 45px 0 50px;
position:relative;
}
#content h2 {
font-family:Impact, Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0 0 0 0px;
font-size:180%;
color:#81017e;
width:600px;
}
.formValign {
vertical-align:middle;
}
.nlSend {
height:45px;
font-size:40px;
border:1px solid #81017e;
padding:2px 10px 2px 2px;
color:#0066FF;
text-align:right;
}
.nlSend1 {
height:35px;
font-size:30px;
border:1px solid #81017e;
padding:2px 10px 2px 2px;
color:#0066FF;
margin:0 70px 0 0;
text-align:right;
}
.aboutImg {
	position:absolute;
	top:74px;
	right:-60px;
}
#info {
background:url(atomic-contact.jpg) no-repeat;
color:#ffffff;
padding:30px 0 50px 30px;
margin-top:0px;
position:relative;
}
#info a {
color:#7e0183;
font-weight:bold;
padding:0 2px 0px 2px;
}
#info ul {
margin:0;
padding:0;
}
#info li {
list-style:none;
padding:0 5px 5px 0px;
}
#info li a {
color:#81067b;
font-weight:bold;
background:url(contact_email_link_bg.png);
padding:0 2px 0px 2px;
text-decoration:none;
}
#nlIMG {
position:absolute;
top:-24px;
right:40px;
width:289px;
height:323px;
background:url(frog_nl.jpg) no-repeat;
padding:30px 10px 0 10px;
}
#nlIMG p {
padding:0 70px 0 0;
}
#nlIMG p strong {
font-size:130%;
padding:25px 90px 35px 0;
}
#contactForm {
	width:320px;
	position:absolute;
	top:130px;
	right:30px;
	_right:20px;
}
#contactForm h4 {
margin:0 0 25px 0;
background:url(contact_header.gif) no-repeat;
height:30px;
width:350px;
text-indent:-999px;
overflow:hidden;
background-position:top right;
}
#contactCopy {
padding:10px 320px 10px 32px;
}
#contactCopy em {
font-size:90%;
display:block;
padding:10px 30px 0 10px;
color:;
font-weight:bold;
}
.disclaimer {
text-align:right;
padding:0 071px 0 0;
margin:5px 0 15px 0;
}
.ver {
vertical-align:top;
}
.newsLetter a {
background:url(sign-pu-nl.gif) no-repeat;
height:64px;
width:134px;
text-indent:-999px;
overflow:hidden;
display:block;
position:absolute;
top:0;
right:-15px;
}
.NLlist {
height:160px;
width:320px;
overflow:auto;
margin-bottom:15px;
}
.NLlist p {
margin:0;
}
.NLlist a {
color:#FFFFFF;
margin:1px 0  0 7px;
}
#contentPort {
padding:95px 45px 0 14px;
position:relative;
}
#aboutText {
padding:10px 70px 10px 35px;
}

.bluHeader {
display:block;
width:620px;
height:123px;
background:url(blu_header.jpg) no-repeat;
padding:40px 30px 0 30px;
color:#FFFFFF;
position:relative;
}
.bluHeader ul {
margin:0;
padding:0;
height:36px;
list-style:none;
}
.bluHeader li {
float:left;
margin:0 5px 0 10px;
padding:0;
}
.aboutImgOne {
	position:absolute;
	top:-34px;
	right:-13px;
}
.aboutImgTwo {
position:absolute;
top:-175px;
left:665px;
}
#footer {
color:#949494;
padding:15px 0 10px 0;
font-size:80%;
}
#footerHM {
width:100%;
color:#949494;
text-align:center;
margin:0 auto;
padding:15px 0 10px 0;
font-size:80%;
position:absolute;
top:640px;
left:0;
}
#footerHM a {
color:#949494;
text-decoration:underline;
}
#footer a {
color:#949494;
text-decoration:underline;
}