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

#container {
	width: 607px;
	background: #333333;
	padding-left: 0px;
	padding-right: 0px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	top: 0%;
}
#newscontainer {
	background-color: #666;
	height: 511px;
	width: 603px;
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: hidden;
}

#banner {
	background-color: #999999;
	overflow: hidden;
	height: 75px;
	width: 607px;
	position: absolute;
	top: 6px;
	color: #333;
}
#animation_window {
	background-color: #999999;
	height: 144px;
	width: 607px;
	position: absolute;
	top: 82px;
}
#menu_options {
	background-color: #999999;
	position: absolute;
	height: 75px;
	width: 607px;
	top: 241px;
}
#news {
	position: absolute;
	left: 32px;
	height: 18px;
	width: 58px;
	top: 6px;
}

#main_content {
	height: 414px;
	width: 607px;
	position: absolute;
	top: 412px;
	background-color: #999999;
}
#content_about {
	height: 362px;
	width: 463px;
	color: #333;
	overflow: hidden;
	left: 80px;
	position: absolute;
	top: 16px;
	margin: 0px;
	background-image: url(about_text.gif);
	background-repeat: no-repeat;
}
#content_contact {
	height: 362px;
	width: 463px;
	color: #333;
	overflow: hidden;
	left: 80px;
	position: absolute;
	top: 16px;
	background-image: url(contact_text.gif);
	background-repeat: no-repeat;
}
#content_news_01 {
	height: 362px;
	width: 463px;
	color: #333;
	overflow: hidden;
	left: 80px;
	position: absolute;
	top: 16px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
}
#content_news_02 {
	height: 362px;
	width: 463px;
	color: #333;
	overflow: hidden;
	left: 80px;
	position: absolute;
	top: 16px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	visibility: hidden;
}
#content_news_03 {
	height: 362px;
	width: 463px;
	color: #333;
	overflow: hidden;
	left: 80px;
	position: absolute;
	top: 16px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	visibility: hidden;
}



#content_work {
	height: 362px;
	width: 545px;
	color: #333;
	overflow: hidden;
	left: 31px;
	position: absolute;
	top: 16px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
}
#content_showreel {
	height: 362px;
	width: 545px;
	color: #333;
	overflow: hidden;
	left: 31px;
	position: absolute;
	top: 16px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
}
span {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 0px;
}
#enquiries {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	height: 95px;
	overflow: hidden;
	width: 463px;
	position: absolute;
	margin: 0px;
	display: block;
}
#email {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
	height: 110px;
	overflow: hidden;
	width: 463px;
	position: absolute;
	margin: 0px;
	display: block;
	top: 98px;
	background-image: url(contact_text_email.gif);
	background-repeat: no-repeat;
}


#project_01_image_A {
	overflow: hidden;
	height: 291px;
	width: 545px;
	position: absolute;
	top: 60px;
	background-color: #999999;
}
#project_01_image_B {
	overflow: hidden;
	height: 291px;
	width: 545px;
	position: absolute;
	top: 60px;
	visibility: hidden;
	background-color: #999999;
}
#project_01_image_C {
	overflow: hidden;
	height: 291px;
	width: 545px;
	position: absolute;
	top: 60px;
	background-image: url(projects/images/01_C.jpg);
	visibility: hidden;
	background-color: #999999;
}
#project_details {
	position: absolute;
	top: 3px;
}


#project_title {
	overflow: hidden;
	position: absolute;
	height: 32px;
	width: 545px;
	top: 0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
}
#project_description {
	overflow: hidden;
	position: absolute;
	height: 64px;
	width: 545px;
	top: 18px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}



#controlup {
	height: 32px;
	width: 16px;
	position: absolute;
	top: 32px;
	left: 16px;
}
#box {
	height: 511px;
	width: 603px;
	background-color: #666;
	left: 0px;
	top: 0px;
	position: absolute;
}

#logo {
	height: 37px;
	width: 183px;
	position: absolute;
	left: 31px;
	top: 26px;
	background-color: #999999;
}
#left_squares {
	background-image: url(square.png);
	height: 66px;
	width: 32px;
	background-repeat: repeat;
}

#description {
	position: absolute;
	left: 226px;
	top: 45px;
	height: 18px;
	width: 221px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height: 13px;
	text-decoration: none;
}
body {
	background-color: #333333;
}
#body {
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
}


#squares {
	height: 96px;
	width: 607px;
	background-color: #666666;
	top: 314px;
	position: absolute;
	overflow: hidden;
}
#right_top {
	width: 608px;
	height: 32px;
	position: absolute;
	background-image: url(square.png);
	background-color: #666666;
	background-repeat: repeat;
	left: -1px;
}
#left_bottom {
	width: 32px;
	height: 32px;
	position: absolute;
	background-image: url(square.png);
	background-color: #666666;
	background-repeat: repeat;
	top: 32px;
	left: -1px;
}
#controldown {
	height: 32px;
	width: 16px;
	position: absolute;
	top: 48px;
	left: 16px;
}
.square {
	background-color: #333333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#square_individual {
	height: 15px;
	width: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #333333;
	position: absolute;
	left: 16px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}
#square_01 {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 15px;
	width: 15px;
	background-color: #333333;
}
#square_02 {
	position: absolute;
	left: 0px;
	top: 16px;
	height: 15px;
	width: 15px;
	background-color: #333333;
}
#square_03 {
	position: absolute;
	left: 0px;
	top: 32px;
	height: 15px;
	width: 15px;
	background-color: #333333;
}
#square_04 {
	position: absolute;
	left: 0px;
	top: 48px;
	height: 15px;
	width: 15px;
	background-color: #333333;
}
#squares_vsnone {
	height: 112px;
	width: 607px;
	top: 316px;
	position: absolute;
	overflow: hidden;
	z-index: 1;
	background-color: #999999;
}
#squares_options_news_top {
	width: 578px;
	height: 16px;
	position: absolute;
	background-image: url(square.png);
	background-color: #666666;
	background-repeat: repeat-x;
	left: 31px;
	top: 32px;
	overflow: hidden;
}
#single_square {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 31px;
	top: 64px;
	overflow: hidden;
}

#news_01 {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 31px;
	top: 64px;
	overflow: hidden;
	visibility: hidden;
}
#news_02 {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 47px;
	top: 64px;
	overflow: hidden;
}
#news_03 {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 31px;
	top: 80px;
	overflow: hidden;
}
#news rollover {
	position: absolute;
	height: 18px;
	width: 58px;
}
#news_01B {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 31px;
	top: 64px;
	overflow: hidden;
}
#news_02B {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 47px;
	top: 64px;
	overflow: hidden;
}
#news_03B {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 31px;
	top: 80px;
	overflow: hidden;
}
#squares_options_news_bottom {
	width: 578px;
	height: 16px;
	position: absolute;
	background-image: url(square.png);
	background-color: #666666;
	background-repeat: repeat-x;
	left: 31px;
	top: 48px;
	overflow: hidden;
}
#squares_project_01 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 31px;
	top: 32px;
	overflow: hidden;
}
#squares_project_02 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 63px;
	top: 32px;
	overflow: hidden;
}
#squares_project_03 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 95px;
	top: 32px;
	overflow: hidden;
}
#squares_project_04 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 127px;
	top: 32px;
	overflow: hidden;
}
#squares_project_05 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 159px;
	top: 32px;
	overflow: hidden;
}
#squares_project_06 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 191px;
	top: 32px;
	overflow: hidden;
}
#squares_project_07 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 223px;
	top: 32px;
	overflow: hidden;
}
#squares_project_08 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 255px;
	top: 32px;
	overflow: hidden;
}
#squares_project_09 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 287px;
	top: 32px;
	overflow: hidden;
}
#squares_project_10 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 319px;
	top: 32px;
	overflow: hidden;
}
#squares_project_11 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 351px;
	top: 32px;
	overflow: hidden;
}
#squares_project_12 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 383px;
	top: 32px;
	overflow: hidden;
}
#squares_project_13 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 415px;
	top: 32px;
	overflow: hidden;
}
#squares_project_14 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 447px;
	top: 32px;
	overflow: hidden;
}
#squares_project_15 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 479px;
	top: 32px;
	overflow: hidden;
}
#squares_project_16 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 511px;
	top: 32px;
	overflow: hidden;
}
#squares_project_17 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 543px;
	top: 32px;
	overflow: hidden;
}
#squares_project_18 {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #666666;
	left: 575px;
	top: 32px;
	overflow: hidden;
}






#work {
	position: absolute;
	left: 92px;
	height: 18px;
	width: 58px;
	top: 6px;
}
#showreel {
	position: absolute;
	left: 152px;
	height: 18px;
	width: 97px;
	top: 6px;
}
#about {
	position: absolute;
	left: 255px;
	height: 18px;
	width: 65px;
	top: 6px;
}
#contact {
	position: absolute;
	left: 325px;
	height: 18px;
	width: 84px;
	top: 6px;
}
#copyright {
	position: absolute;
	right: 32px;
	height: 15px;
	width: 120px;
	bottom: 6px;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	font-variant: normal;
}
#content_02 {
	height: 362px;
	width: 463px;
	color: #333;
	overflow: hidden;
	left: 80px;
	position: absolute;
	top: 16px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	visibility: hidden;
}
#work_options {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 31px;
	overflow: hidden;
}
#work_options_02 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 63px;
	overflow: hidden;
}
#work_options_03 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 95px;
	overflow: hidden;
}
#work_options_04 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 127px;
	overflow: hidden;
}
#work_options_05 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 159px;
	overflow: hidden;
}
#work_options_06 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 191px;
	overflow: hidden;
}
#work_options_07 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 223px;
	overflow: hidden;
}
#work_options_08 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 255px;
	overflow: hidden;
}
#work_options_09 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 287px;
	overflow: hidden;
}
#work_options_10 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 319px;
	overflow: hidden;
}
#work_options_11 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 351px;
	overflow: hidden;
}
#work_options_12 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 383px;
	overflow: hidden;
}
#work_options_13 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 415px;
	overflow: hidden;
}
#work_options_14 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 447px;
	overflow: hidden;
}
#work_options_15 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 479px;
	overflow: hidden;
}
#work_options_16 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 511px;
	overflow: hidden;
}
#work_options_17 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 543px;
	overflow: hidden;
}
#work_options_18 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 64px;
	left: 575px;
	overflow: hidden;
}





#work_01_A {
	position: absolute;
	height: 16px;
	width: 16px;
	overflow: hidden;
	visibility: hidden;
}
#work_01_B {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 16px;
	overflow: hidden;
	top: 0px;
}
#work_01_C {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 0px;
	top: 16px;
	overflow: hidden;
}
#work_01_AB {
	position: absolute;
	height: 16px;
	width: 16px;
	overflow: hidden;
}
#work_01_BB {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 16px;
	top: 0px;
	overflow: hidden;
}
#work_01_CB {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 0px;
	top: 16px;
	overflow: hidden;
}
#reel {
	height: 362px;
	width: 545px;
	color: #333;
	overflow: hidden;
	position: absolute;
	top: 39px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
}
#client {
	position: absolute;
	left: 414px;
	height: 18px;
	width: 62px;
	top: 5px;
}
#content_news_04 {
	height: 362px;
	width: 463px;
	color: #333;
	overflow: hidden;
	left: 80px;
	position: absolute;
	top: 16px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	visibility: hidden;
}
#content_news_05 {
	height: 362px;
	width: 463px;
	color: #333;
	overflow: hidden;
	left: 80px;
	position: absolute;
	top: 16px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	visibility: hidden;
}

#news_04 {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 47px;
	top: 80px;
	overflow: hidden;
}
#news_05 {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 31px;
	top: 96px;
	overflow: hidden;
}

#news_04B {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 47px;
	top: 80px;
	overflow: hidden;
}
#news_05B {
	position: absolute;
	height: 16px;
	width: 16px;
	left: 31px;
	top: 96px;
	overflow: hidden;
}