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


body
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	margin: 0px;
	background-color: #ffffff;
	background-image: url(i/gradiant.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
	
#wrapper
	{
	width:890px;
	margin:0 auto;
	padding:0px;
	
}
	
p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#19191a;
	line-height: 16px;
	margin-top: 2px;
	}
	
a
	{
	font-family:Arial, Helvetica, sans-serif;
	color:#36859d;
	text-decoration:none;
	font-weight: normal;
	}
	
	a:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#36859d;
	text-decoration:none;
	}
	
a:hover
	{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	background-color: #36859d;
	}
	
hr {
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #C1CBD0;
	margin-top: 30px;
	margin-bottom: 30px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 5px;
	color: #37859c;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #6e6f70;
	text-decoration: none;
	margin-bottom: 10px;
	margin-top: 5px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFF;
	background-color: #37859c;
	width: auto;
	overflow: hidden;
}
	
#header {
	background-image: url(i/header.gif);
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
	height: 275px;
	width: 890px;
	padding-top: 5px;
}

#logo {
	float: left;
	height: 151px;
	width: 202px;	
}


#hdr {
	background-image: url(i/header_stars.jpg);
	float: right;
	height: 151px;
	width: 673px;	
}

#nav {
	float: right;
	width: 420px;
	margin-top: 20px;
	height: 26px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#nav a {
	background-color: #FFF;	
}


#nav a:hover {
	background-color: #FFF;	
}

#cnt {
	clear: both;
	width: 890px;
	margin-top: 5px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;	
}

#leftcol {
	padding: 2px;
	float: left;
	width: 510px;
	margin-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #37859c;
	margin-bottom: 1px;
}

#rtcol {
	float: right;
	width: 300px;
	margin-left: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #37859c;
	border-bottom-color: #37859c;
	background-image: url(i/shadow_rt.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #f3f5f6;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 30px;
	margin-bottom: 1px;
}

#footer {
	background-color: #ffffff;
	background-image: url(i/footer_bg.gif);
	background-repeat: repeat-x;
	clear: both;
	width: 100%;
	height: 220px;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

#footercnt {
	width: 870px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#movie {
	clear: both;
	width: 290px;
	border: 1px solid #cacaca;
}

#curvetop {
	background-image: url(i/curve_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	clear: both;
	height: 13px;
	width: 308px;	
}

#curveflikr {
	background-image: url(i/curve_flikr.gif);
	background-repeat: no-repeat;
	background-position: top;
	clear: both;
	height: 29px;
	width: 308px;
}

#curvelwr {
	background-image: url(i/curve_bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	clear: both;
	height: 12px;
	width: 308px;
}

#curvefill {
	background-image: url(i/curve_fill.gif);
	background-repeat: repeat-y;
	background-position: top;
	clear: both;
	width: 268px;
	padding-left: 20px;
	padding-right: 20px;
}

#curvefill a:hover {
	padding-top: 10px;
}

#curvefill a:hover {
	padding-top: 10px;
	background-color: #FFF;
}

#col1 {
	float: left;
	height: 120px;
	width: 270px;
	margin-right: 10px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #C1CBD0;
}

#col2 {
	float: left;
	height: 120px;
	width: 270px;
	margin-left: 10px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #C1CBD0;
}

#col3 {
	float: left;
	height: 120px;
	width: 210px;
	margin-left: 10px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#nav {

	float: right;

	height: 31px;

	width: 525px;

	padding-right: 20px;

	padding-left: 15px;	

	padding-top:65px;

}







a#rollover {

	background-image:url(i/what_we_do.gif);

	height: 31px;

	width:103px;

	float:left;

	outline: none;

}

a#rollover span { display:none; }

a#rollover:hover {

	background-image:url(i/what_we_do_roll.gif);

}



a#portfolio {

	background-image:url(i/our_work.gif);

	height: 31px;

	width:76px;

	float:left;

	outline: none;

}



a#portfolio span { display:none; }

a#portfolio:hover {

	background-image:url(i/our_work_roll.gif);

}





a#work {

	background-image:url(i/how_we_work.gif);

	height: 31px;

	width:113px;

	float:left;

	outline: none;

}



a#work span { display:none; }

a#work:hover {

	background-image:url(i/how_we_work_roll.gif);

}



a#join {

	background-image:url(i/join_us.gif);

	height: 31px;

	width:68px;

	float:left;

	outline: none;

}



a#join span { display:none; }

a#join:hover {

	background-image:url(i/join_us_roll.gif);

}



a#contact {

	background-image:url(i/contact.gif);

	height: 31px;

	width:100px;

	float:left;

	outline: none;

}



a#contact span { display:none; }

a#contact:hover {

	background-image:url(i/contact_roll.gif);

}



a#blog {

	background-image:url(i/blog.gif);

	height: 31px;

	width:52px;

	float:left;

	outline: none;

}



a#blog span { display:none; }

a#blog:hover {

	background-image:url(i/blog_roll.gif);

}







a#sitemap {

	background-image:url(i/sitemap.gif);

	height: 23px;

	width:27px;

	float:right;

	outline: none;

	margin-right:20px;

	margin-bottom: 2px;

	margin-top: 0px;

}

a#sitemap span { display:none; }

a#sitemap:hover {

	background-image:url(i/sitemap_roll.gif);

}



a#home {

	background-image:url(i/home.gif);

	height: 23px;

	width:27px;

	float:right;

	outline: none;

	margin-right:20px;

	margin-bottom: 2px;

	margin-top: 0px;

}

a#home span { display:none; }

a#home:hover {

	background-image:url(i/home_roll.gif);

}





a#login {

	background-image:url(i/login_icon.gif);

	height: 23px;

	width:20px;

	float:right;

	outline: none;

	margin-right:20px;

	margin-bottom: 2px;

	margin-top: 0px;

}

a#login span { display:none; }

a#login:hover {

	background-image:url(i/login_icon_roll.gif);

}



a#logout {

	background-image:url(i/logout_icon.gif);

	height: 23px;

	width:20px;

	float:right;

	outline: none;

	margin-right:20px;

	margin-bottom: 2px;

	margin-top: 0px;

}

a#logout span { display:none; }

a#logout:hover {

	background-image:url(i/logout_icon_roll.gif);

}