html, body {
	background-color: #fff;
	font: 12px Arial, Helvetica;
	font-size: 0.9em;
	line-height: 1.5em;
}

body {	/*overflow: hidden;*/	}

#preload { display: none; }


#intro { 
	line-height: 17px; 
	color: #666;
	height:80px;
	margin-top:90px;
	margin-left:240px;
/*	margin-right:40px;	*/
	background-image: url(../img/start/toprule.jpg);
	background-repeat: repeat-x;	
}

.rule {
	margin-left:-40px;
}

.toprule { 	
	width:100%;
	margin-top:90px;
	margin-left:240px;
	margin-right:40px;
	background-image: url(../img/start/toprule.jpg);
	background-repeat: repeat-x;		
}

#start { 
	line-height: 17px; 
	color: #666;
	height:150px;
	margin-top:90px;
	margin-left:240px;
	margin-right:40px; 
	
}

#container { 
	line-height: 17px; 
	color: #666;
	margin-top:148px;
}

#container div {
	float: left;
}

.spacer {
	float: left;
	width: 240px; /*390*/
	height: 480px;
}

.spacer2 {
	float: left;
	width: 240px; /*390*/
	height: 480px;
}

.fullcolumn {
	float: left;
	width: 100%; /*390*/
	height: 120px;
	margin-top:0px;
	margin-right:0px;
	
}

.leftcolumn {
	float: left;
	width: 100%; /*390*/
	height: 120px;
	margin-top:0px;
	margin-right:0px;
	
}

.rightcolumn {
	float: left;
	width: 200px; /*390*/
	height: 200px;
	margin-top:0px;
	margin-right:0px;
	
}

.introcolumn {
	line-height: 17px; 
	color: #666;
	height:40px;
	margin-top:90px;
}

.homecolumn {
	float: left;
	width: 200px; /*390*/
	height: 150px;
	margin-top:0px;
	margin-right:0px;
	background-color:#FFF;
	
}
.fullcolumn {
	float: left;
	width: 100%; /*390*/	
}


.divider {
	float: left;
	width: 11px; /*390*/
	height: 600px;
	margin-right:10px;
	margin-left:10px;
	background-image:url(../img/start/divider.gif);
}

#viewPort {
	/*height: 90%;*/
	width: 100%;
	float:left;
	height: 480px;	/*overflow:hidden;*/  
}

.clear { clear: both; }

.copy {
	text-align: left;
	float:left;
	width:220px;
	height:600px;
	margin-right:50px;
	margin-left:15px;
	line-height: 1.5em;
	background-repeat: repeat;
}

.copy2 {
	text-align: left;
	float:left;
	width:270px;
	height:600px;
	margin-right:50px;
	margin-left:15px;
	line-height: 1.5em;
	background-repeat: repeat;
}

.copy1 {
	text-align: left;
	float:left;
	width:300px;
	height:600px;
	margin-right:30px;
	margin-left:15px;
	line-height: 1.5em;
	background-repeat: repeat;
}

.copy4 {
	text-align: left;
	float:left;
	width:180px;
	height:600px;
	margin-right:15px;
	margin-left:15px;
	line-height: 1.5em;
	background-repeat: repeat;
}

.copy5 {
	text-align: left;
	float:left;
	width:150px;
	height:600px;
	margin-right:15px;
	margin-left:15px;
	line-height: 1.1em;
	background-repeat: repeat;
}

.home {
	text-align: left;
	float:left;
	width:200px;
	height:600px;
	margin-right:15px;
	margin-left:15px;
	line-height: 1.5em;
	background-repeat: repeat;
}

/*Video Region
----------------------------------------------------------------------------------------------------*/	

.video {
	float:left;
	width:640px;
	height:480px;
	margin-right:0px;
	margin-left:0px;
	line-height: 1.5em;
	column-rule-color:#0F9;
}

.videocomet {
	float:left;
	width:614px;
	height:480px;
	margin-right:0px;
	margin-left:0px;
	line-height: 1.5em;
	column-rule-color:#0F9;
}

.video2 {
	float:left;
	width:640px;
	height:480px;
	margin-right:0px;
	margin-left:0px;
	line-height: 1.5em;
	column-rule-color:#0F9;
}

/*Text Region
----------------------------------------------------------------------------------------------------*/	

.textregion img {
	width:640px;
	height:480px;
	background-image:url(../img/start/textregion.gif);
	cursor: pointer;
}

.textregion img, #start img { 
	float:left;
	margin-right:0px;
}

.textregiontitle {
	font:11px Arial, Helvetica;
	color: #3399ff;
	display:block;
	padding-bottom: 20px;
	width:584px;
	margin-left:-612px;
	
}

/*Image Region
----------------------------------------------------------------------------------------------------*/	

.image img, #start img { 
	float:left;
	margin-right:0px;
}

.image img { 
	cursor: pointer;
}

.image2 img, #start img { 
	float:left;
	margin-right:0px;
}

.image2 img { 
	cursor: pointer;
}

.image3 img, #start img { 
	float:left;
	margin-right:15px;
}

.image3 img { 
	cursor: pointer;
}

.image4 img, #start img { 
	float:left;
	margin-right:15px;
}

.image4 img { 
	cursor: pointer;
}

.contact { 
	text-align: left;
	float:left;
	width:300px;
	height:600px;	
	margin-right:15px;	
	margin-left:15px;
	position:relative;
	line-height: 1.8em;
}

.linksnext { 
	/*float:left;
	width:110px;*/
	height:463px;	
	position:relative;
}

.links { 
	/*float:left;
	width:110px;*/
	height:480px;	
	position:relative;
}

.links2 { 
	/*float:left;
	width:110px;*/
	height:495px;	
	position:relative;
}

.newtitle {
	font:11px Arial, Helvetica;
	color: #3399ff;
	display:block;
	padding-bottom: 5px;
}

.title {
	font:22px Arial, Helvetica;
	color: #666;
	display:block;
	padding-bottom: 5px;
}

.title2 {
	font:22px Arial, Helvetica;
	color: #dfdfdd;
	padding-bottom: 5px;
}

.interests {
	font:11px Arial, Helvetica;
	color: #000;
}

.interestsitalic {
	font:12px Arial, Helvetica;
	font-style:italic;
	color: #000;
}

.interestslarge {
	font:12px Arial, Helvetica;
	color: #000;
}

.clients {
	font:11px Arial, Helvetica;
	color: #000;

}

.copyright {
	font:9px Arial, Helvetica;
	text-align:right;
	color: #CCC;
}

.accessdenied {
	font:11px Arial, Helvetica;
	font-weight:bold;
	color:#F00;
}

.descriptions {
	font:11px Arial, Helvetica;
	color: #000;
}

.descriptionsright {
	font:11px Arial, Helvetica;
	text-align:right;
	color: #000;
}


.descriptionsgrey {
	font:11px Arial, Helvetica;
	color: #CCC;
}

.descriptionsbold {
	font:11px Arial, Helvetica;
	font-weight:bold;
	color: #000;
}

.descriptionsheader {
	font:11px Arial, Helvetica;
	font-weight:bold;
	color: #000;
}

.descriptionsitalic {
	font:11px Arial, Helvetica;
	font-style:italic;
	color: #09F;
}

.descriptionsitalicgrey {
	font:11px Arial, Helvetica;
	font-style:italic;
	color:#999;
}

.descriptionsdates {
	font:11px Arial, Helvetica;
	font-style:italic;
	color: #666;
}
.descriptionsproduced {
	font:10px Arial, Helvetica;
	color:#C4C1BF;
}


.branding {
	font:11px Arial, Helvetica;
	color:#666;
}

.print {
	font:11px Arial, Helvetica;
	color:#666;
}

.webandstrategic {
	font:11px Arial, Helvetica;
	color:#666;
}

.type {
	font:11px Arial, Helvetica;
	color:#666;
}

.other {
	font:11px Arial, Helvetica;
	color:#666;
}

.projectlink a {
	font: 11px Arial, Helvetica;
	color: #09F;/*#09F*/
}

a {
	text-decoration: none;
	color: #000;
	/*font-weight:bold;*/
}
		
a:hover {
	color: #666;
	/*border-bottom:1px  dotted;
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	transition-delay:0.5s;*/
}

a:active {
	color: #666;
}


.nextlink {
	display: block;
	position:absolute;
	bottom: 0px;
	left:0px;
}		

.nextlink a {
	border-bottom:0px;
	width: 106px; height: 16px;
	display:block;
	background:url(../img/icon_next-onoff.jpg) top;
}

.nextlink a:hover {
	background:url(../img/icon_next-onoff.jpg) bottom;
}

			

.backlink {
	display: block;
	position:absolute;
	bottom: 0px;
	left:0px;
}		

.backlink a {
	border-bottom:0px;
	width: 106px; height: 16px;
	display:block;
	background:url(../img/icon_back-onoff.jpg) top;
}

.backlink a:hover {
	background:url(../img/icon_back-onoff.jpg) bottom;
}

.backlinksml {
	display: block;
	position:absolute;
	bottom: 0px;
	left:0px;
}		

.backlinksml a {
	border-bottom:0px;
	width: 106px; height: 16px;
	display:block;
	background:url(../img/icon_backsml.png);
}

#load {
	clear:both;
	display: none;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
	
/*Menu
----------------------------------------------------------------------------------------------------*/		
#menu {
	width:230px; /*390*/
	height: 100%;
	position:fixed;
	left: 0px;
	z-index:200;
	font-size: 11px;
	line-height: 1.1em;
	font-style:normal;
	float: left;
	padding-left: 0px;
	background-image: url(../img/bg-nav.png);
	background-repeat: repeat-y;
}

#logo {
	float: right;
}

#logo a {
	border-bottom:0px;
}

.navigation {
	display: block;
	float:left;
	list-style:none;
/*	background-image:url(../img/gmark3.gif);
	background-repeat:no-repeat;
	height: 100px;
	width: 200px;*/
	
	}

.navigation li {
	width:230px;
	float:left;
	text-indent:40px;
	}
	
.navigation li ul li{
	padding-left:40px;
	}	
	
	
.navigation li a {
	font-weight:normal;
	font-style:normal;
	color:#000;
	}	
	
.navigation li a:hover {
	background-color:#000;
	color:#333;
}

.navigation li a:active {
	background-color:#09F;
	color:#09F;	
}


#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 320px;
height: 420px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #000;
margin: 0.3em auto;
padding-right: 30px;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 320px;
height: 420px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #000;
margin: 0.3em auto;
padding-right: 30px;
}

.menugrey {
	color:#929699;
	font-style:normal;
	line-height: 1.2em;
}

.menuitalics {
	color:#666;
	font-style:italic;
	line-height: 1.2em;
}

.menuitalics2 {
	color:#09F;
	font-style:italic;
	line-height: 1.2em;
}

.menublue {
	color:#66ccff;
	line-height: 1.2em;
}

/*contact form*/
#mask {
	background-color:#171717;
	display:none;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:9000;
}

#contact {
/*	background-color:#000;
*/	display:none;
	left:50%;
	margin-left:-235px;
	position:absolute;
	top:90px;
	width:400px;
	z-index:9999;

	padding:20px;
}

#close {
	background:url(../img/close.png) no-repeat left;
	cursor:pointer;
	line-height:24px;
	padding-top:24px;
	margin-left:-18px;
}

#contact_header {
	font:22px Arial, Helvetica;
	color: #333;
	line-height:50px;
	padding:5px 5px 10px 0px;
}

/* form components */
input,textarea {
	border:1px solid #373737;
	background-color:#171717;
	color:#717171;
	font-size:11px;
	font-family:Arial, Helvetica;
	margin:5px 0;
	padding:15px;
}

input:hover[type=text],input:focus[type=text],textarea:hover,textarea:focus {
	background-color:#373737;
	border:1px solid #373737;
}

input[type=text],textarea {
	width:400px;
}

#submit {
	margin-left:332px;
	background-color:#222;
	width:100px;
	height:42px;
}

#submit:hover {
	cursor:pointer;
	color:#000;
	background-color:#09F;
	border:1px solid #373737;
}

/* alert messages */
.success,.error {
	width:400px;
	display:none;
	font-size:11px;
	margin-bottom: 5px;
}

.success {
	color:#09F;
}

.error {
	color:#F00;
}

.contactcopy a {
	font:40px Arial, Helvetica;
	color:#666;
}

.contactcopy a:hover {
	font:40px Arial, Helvetica;
	color:#09F;
	border-bottom:none;

}