@charset "utf-8";

	
body {
	background-color: #c5d8e6;
	padding: 0;
	margin: 0;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.container {
	width: 930px;
	margin: auto;
}

.navblock {
	position: relative;
	margin-top: 100px;
	margin-left: -40px;
	float: left;
	width: 466px;
	background: #fff url(images/logo_right.gif) right repeat-y;

}

.navblock .top {
   width: 17px;
   height: 25px;
   display: block;
   background: url(images/logo_top_right.gif) no-repeat;
   float: right;
}

.navblock h1 {
	margin: 35px 0 0 35px;
	height: 180px;
	background: url(images/logo.gif) no-repeat;
	text-indent: -1000000px;
}

.navblock .links {
	position: absolute;
	margin: 0;
	padding: 0;
	display: block;
	width: 260px;
	height: 140px;
	left: 150px;
	top: -60px;
	list-style: none;
}

.navblock .links li a {
	text-indent: -100000px;
	display: block;
	outline: none;
}

.navblock .illustration {
	background: url(images/logo_illustration.gif) top right no-repeat;
	height: 47px;
}

.navblock .illustration:hover { background: url(images/logo_illustration_hover.gif) top right no-repeat; }

.navblock .design {
	background: url(images/logo_design.gif) top right no-repeat;
	height: 45px;
}

.navblock .design:hover { background: url(images/logo_design_hover.gif) top right no-repeat; }

.navblock .animation {
	background: url(images/logo_animation.gif) top right no-repeat;
	height: 47px;
}

.navblock .animation:hover { background: url(images/logo_animation_hover.gif) top right no-repeat; }

.navblock .hr /* IE has problems with actual hrs */
{
	height: 10px;
	padding: 0;
	margin: 10px 35px 10px 20px;
	background: url(images/hr.gif) repeat-x left;
}

.navblock .contact {
	margin: 0 35px 0 20px;
	text-align: center;
}

.navblock .contact span { 
	color: #252525;
	margin: 0 0.5em 1em 0.5em;
	height: 19px;
	line-height: 19px;
	padding-bottom: 21px;
	padding-top: 0.5ex;
}

.navblock .contact span a { 
	color: #252525;
	text-decoration: none;
	outline: none; 
}

.navblock .contact span a:hover {color:#a00;}

.navblock .contact .email { padding-left: 24px; background: url(images/mail_icon.gif) top left no-repeat; }
.navblock .contact .pdf { padding-left: 18px; background: url(images/pdf_icon.gif) top left no-repeat; }
.navblock .contact .phone { padding-left: 16px; background: url(images/phone_icon.gif) top left no-repeat; }

.navblock .bottom {
	height: 37px;
	padding-top: 22px;
	background: url(images/logo_bottom.gif) bottom right no-repeat;
}

.brag {
	float: left;
	width: 400px;
	margin: 90px 0 0 70px;
	padding: 0;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	color: #013d47;
}

.brag a {
	text-decoration: none;
	outline: none;
	color: #017f8e;
}

.brag .ast1 { color: #588c03; }
.brag .ast2 { color: #00ac77; }

.brag .footnote {
	font-size: 11px;
	padding: 0;
	margin: 0;
	line-height: 19px;
}

.brag .footnote span { font-weight: bold; font-size: 180%; vertical-align:middle; }

.mainblock {
	float: right;
	width: 933px;
	margin: 55px 0 0 0;
	background: #fff url(images/right.gif) right repeat-y;
}

.mainblock .top {
	background: url(images/top_right.gif) top right no-repeat;
	height: 17px;
}

.mainblock h1 {
	margin: 50px;
	text-indent: -100000px;
	height: 94px;
	clear: both;
}

.mainblock h1.illustration { background: url(images/illustration_heading.gif) top left no-repeat; }
.mainblock h1.design { background: url(images/design_heading.gif) top left no-repeat; }
.mainblock h1.animation { background: url(images/animation_heading.gif) top left no-repeat; }


.section {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}


.section .top {
	margin: 50px 0 0 0;
	padding: 0;
	height: 33px;
}

.section .middle {
	padding: 0;
	margin: 0;
}

.section h2 {
	float: left;
	width: 500px;
	padding-left: 25px;
	margin: 0;
	font-size: 30px;
	font-weight: normal;
}

.section p {
	width: 325px;
	margin: 0 0 0 570px;
	padding: 10px 0 10px 0;
	font-size: 13px;

}

.section p a {
	color: #fff;
}

.section .bottom {
	clear: both;
	background: #fff;
	height: 17px;
}


.illustration_section { background: #F78400; }
.illustration_section .top { background: url(images/illustration_top.gif) no-repeat; }
.illustration_section .middle { background: url(images/illustration_middle.gif) repeat-y; }
.illustration_section .bottom { background: url(images/illustration_bottom.gif) no-repeat; }

.design_section { background: #4d4d63; }
.design_section .top { background: url(images/design_top.gif) no-repeat; }
.design_section .middle { background: url(images/design_middle.gif) repeat-y; }
.design_section .bottom { background: url(images/design_bottom.gif) no-repeat; }

.animation_section { background: #006b9e; }
.animation_section .top { background: url(images/animation_top.gif) no-repeat; }
.animation_section .middle { background: url(images/animation_middle.gif) repeat-y; }
.animation_section .bottom { background: url(images/animation_bottom.gif) no-repeat;  height: 15px;}

.links_section { background: #343b40; }
.links_section .top { background: url(images/links_top.gif) no-repeat; }
.links_section .middle { background: url(images/links_middle.gif) repeat-y; }
.links_section .bottom { background: url(images/links_bottom.gif) no-repeat; height: 11px;}
.links_section h2 {
	float: left;
	width: 280px;
	margin: 0;
	color: #91C6FF;
	padding: 0;
	text-align:center;
}
.links_section .middle ul {
	list-style: none;
	margin: 0 0 0 291px;
	width: 580px;
	padding: 0.5em 22px 0 22px;
	
	font-size: 12px;
	text-align: center;

}
.links_section .middle ul li {
	display: inline;
	padding-right: 4em; 
	line-height: 2em;
}

.links_section .middle ul li a {
	text-decoration: none;
	font-size: 14px;
	color: #fff;
}
.links_section .middle ul li a:hover { color: #91C6FF; }

.items
{
	margin: auto;
	padding-top: 50px;
	width: 714px;
}

.item {
	float: left;
	margin: 0 0 50px 0;
	width: 714px;
	padding: 0;
}

.half_item {
	width: 331px; 
	margin: 0 25px 50px 0px;
}

.other_item {
	margin: 0 0 50px 25px; 
}


.item p {
	background: #000 url(images/picture_corner.gif) right top no-repeat;
	color: #fff;
	text-align: left;
	padding: 5px 10px 5px 10px;
	margin: 0;
}

.item p a {
	color: #fff;
}

.item img {
	clear: both;
}


address {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #546090;
	font-size: 10px;
	font-style: normal;
}