/* -------------------- Resets --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
 margin: 0;
 padding: 0;
}
/* commented backslash mac hiding hack  \*/ 
html, body{height:100%;} 
#centremovie {
	text-align: center;
}
/* end hack */ 

body {
	  /*--right column color--*/
	color: #000000;
	height:100%;
		min-width: 870px;


}
#infopanel {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 2px;
	color: #000;
	background-color: #C99;
	height: 500px;
	width: 200px;
	position: relative;
	float: right;
	clear: none;
	display: inline;
	white-space: normal;
}
#outer{
	min-height:100%;
	margin-right:250px;
	color: #000000;
	margin-bottom:-52px;
	position:relative;
}
* html #outer {height:100%;}/* for ie as it treats height as min-height anyway */ 
 


ul#nav_main { list-style-type : none;
position: relative;
width : 800px;
height: 92px;
margin: 0;
padding: 0;
}

li#nm_1 { position : absolute;
top : 1px;
width : 152px;
height: 92px;
background-image: url(images/maingrey_L_work.jpg);
}

li#nm_1a { position : absolute;
top : 1px;
width : 152px;
height: 92px;
background-image: url(images/maingrey_D_work.jpg);
}

li#nm_2 { position : absolute;
top : 1px;
left: 152px;
width : 89px;
height: 92px;
background-image: url(images/maingrey_D_web.jpg);
}

li#nm_2a { position : absolute;
top : 1px;
left: 152px;
width : 89px;
height: 92px;
background-image: url(images/maingrey_L_web.jpg);
}

li#nm_1 a:hover { position : absolute;
background-image: url(images/maingrey_D_work.jpg);
width : 152px;
}

li#nm_2 a:hover { position : absolute;
background-image: url(images/maingrey_D_web.jpg);

width : 89px;
}

li#nm_1a a:hover { position : absolute;
background-image: url(images/maingrey_D_work.jpg);
width : 152px;
}

li#nm_2a a:hover { position : absolute;
background-image: url(images/maingrey_D_web.jpg);

width : 89px;
}

 ul#nav_main a { 
display: block;
width: 152px;
height: 92px;
text-indent: -9999px;
text-decoration: none;
overflow: hidden; }




#header #this {
	background-image: url(images/maingreya.png);
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	display: inline;



}

#header #indexWork {
	background-image: url(images/maingreya.png);
	width: 185px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;



}

#header #leftmain {
	
	margin: 0px;	
	padding: 0px;

}

#header #this a {
	
	text-indent: -9999px;

	margin: 0px;
	padding: 0px;
	height: 95px;
	width: 185px;
	display: inline;
	position: relative
}


#header #this h3 {
	

	margin-left: 150px;
	padding: 0px;
	height: 95px;
	width: 453px;

}

#header #this a:hover {
	height: 95px;
	width: 185px;
	background-image: url(images/mainhovera.png);
	background-repeat: no-repeat;
	background-position: -150px;
}

#header #indexWork a {
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 95px;
	width: 185px;
	position: relative;
	display: inline;
}

#header #indexWork h3 {
	

	margin-left: 150px;
	padding: 0px;
	height: 95px;
	width: 453px;


}

#header #indexWork a:hover {
	height: 95px;
	width: 185px;
	background-image: url(images/mainhover2a.png);
	background-repeat: no-repeat;
	background-position: -150px;
		display: inline;

}



* html #header {height:100px;}
#header h1,h2,h3 {padding: 5px 0;}

#navbar{
    height:30px;
    margin-right:-250px; /*--allow for sidebar--*/
    color:#000;
    text-align:center;
    position:relative;
}
#right {
	position:relative;/*ie needs this to show float */
	width:250px;
	height:500px;
	float:right;
	margin-right:-249px;/*must be 1px less than width otherwise won't push footer down */
	z-index:2;
	color:#000;
	right:-1px;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #000;
}

#right2 {
	position:relative;/*ie needs this to show float */
	width:100%;
	height:500px;
	float:left;
	margin-right:-249px;/*must be 1px less than width otherwise won't push footer down */
	z-index:2;
	color:#000;
	right:-1px;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #000;
}

#websites {
		top: 160px;

	position: relative;
	text-align: center;
	width: 235px;
	font-weight: lighter;
}

#websites #web {
	top: -20px;
	text-align: center;
	width: 235px;
	height: 20px;
	font-weight: lighter;
}

#websites #weba {

	height: 5px;
}

#websites #web2 {
	top: -15px;
	position: relative;
	text-align: center;
	width: 235px;
	font-weight: lighter;
	
}

#websites #web3 {
	position: relative;
	text-align: center;
	width: 235px;
	height: 70px;
	font-weight: lighter;
	background-image: url(images/links.png);
	background-repeat: no-repeat;
	background-position: center 8px;
}

.twoColHybRt #divFirst #div1 #sidebar1 #link #websites h4 {
	font-size: 13px;
	font-family: "Garamond", "Georgia", "Times New Roman", Times, serif;
	text-align: center;
	text-decoration: none;
	font-style: normal;
	font-weight: lighter;
	height: 22px;
	top: -10px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#websites #web2 h5 {
	top: 74px;
	font-size: 13px;
	width: 235px;
	
	font-family: "Garamond italic", "Georgia  italic", "Times New Roman", Times, serif;
	text-align: center;
	text-decoration: none;
	font-style: italic;
	font-weight: lighter;
}

#leftmovie2 {
	min-width: 800px;
	background-repeat: no-repeat;
	height: 500px;
}


#leftmovie {
	min-width: 800px;
	background-image: url(flash/pics/img_1.jpg);
	background-repeat: no-repeat;
	height: 500px;
}

#right #pos{margin-left:10 px;}

#right #pos li {
	padding: 0px;
	width: 154px;
	list-style-type: none;
	text-decoration:none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}

#right #pos a {
	background-image: url(images/port1.png);
	text-indent: -9999px;
	margin: 0px;	
	padding: 0px;
	height: 22px;
	width: 235px;
	text-decoration:none;
	list-style-type: none;
	display: block;
	background-repeat: no-repeat;
}




#right #pos a:hover {
	background-image: url(images/port2.png);
	background-repeat: no-repeat;
}


#right #pos #two a {
	background-image: url(images/cv1.png);
	text-indent: -9999px;
	padding: 0px;
	height: 22px;
	width: 235px;
	text-decoration:none;
	list-style-type: none;
	display: block;
	background-repeat: no-repeat;
	margin: 0px;
}
#right #pos #two a:hover {
	background-image: url(images/cv2.png);
	background-repeat: no-repeat;
}




#right #pos #navcontact {
	margin: 0px;
	padding: 0px;
	background-position: top;
	vertical-align: top;
	
}


#right #pos #navcontact ul {
	margin-top: 15px;
	padding: 0px;
}

#right #pos #navcontact li {
	padding: 0px;
	width: 154px;

	list-style-type: none;
	text-decoration:none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}

#right #pos #navcontact a {
	background-image: url(images/email1.png);
		text-indent: 15px;
	height: 21px;
	font-size: 13px;
	font-family: "Garamond italic", "Georgia  italic", "Times New Roman", Times, serif;
	text-decoration: none;
	font-style: italic;
	font-weight: lighter;

	padding-top: 23px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #000;
	
	width: 235px;
	list-style-type: none;
	display: block;
	background-repeat: no-repeat;
}




#right #pos #navcontact a:hover {
	text-indent: 15px;
	font-size: 13px;
	font-family: "Garamond italic", "Georgia  italic", "Times New Roman", Times, serif;
	text-decoration: none;
	font-style: italic;
	font-weight: lighter;
	background-image: url(images/email2.png);
	background-repeat: no-repeat;
	
}





#right #pos #navcontact #two a {
	background-image: url(images/phone1.png);
	text-indent: 15px;
	font-size: 13px;
	font-family: "Garamond italic", "Georgia  italic", "Times New Roman", Times, serif;
	text-decoration: none;
	font-style: italic;
	font-weight: lighter;
	
	background-repeat: no-repeat;
	position:relative;
	
}
#right #pos #navcontact #two a:hover {
	background-image: url(images/phone2.png);
	text-indent: 15px;
	font-size: 13px;
	font-family: "Garamond italic", "Georgia  italic", "Times New Roman", Times, serif;
	text-decoration: none;
	font-style: italic;
	font-weight: lighter;
	
	background-repeat: no-repeat;
	
}





#links {
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
	top: 95px;
}


#links ul {
	top: 0px;

	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	top: -30px;
}

#links li {
	top: 0px;

	padding: 0px;
	width: 235px;
	list-style-type: none;
	text-decoration:none;
	margin-top: 0px;
	margin-right: auto;

	margin-left: 0px;
	text-align: center;

}

#links a {
		top: 0px;

	background-image: url(images/chris1.png);
	text-indent: -9999px;
	margin: 0px;
	margin-bottom: -4px;
	padding: 0px;
	height: 22px;
	width: 235px;
	text-decoration:none;
	list-style-type: none;
	display: block;
	background-repeat: no-repeat;
		background-position: center center;
			text-align: center;


}




#links a:hover {
	background-image: url(images/chris2.png);
	background-repeat: no-repeat;
		text-align: center;

}
#links #weare a {
	background-image: url(images/weare.png);
	text-indent: -9999px;
	margin: 0px;
	margin-bottom: -4px;
	padding: 0px;
	height: 22px;
	width: 235px;
	text-decoration:none;
	list-style-type: none;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
		text-align: center;

}
#links #weare a:hover {
	background-image: url(images/weare2.png);
	background-repeat: no-repeat;
		text-align: center;

}


#links #hannah a {
	background-image: url(images/hannah.png);
	text-indent: -9999px;
	margin: 0px;
	margin-bottom: -4px;
	padding: 0px;
	height: 22px;
	width: 235px;
	text-decoration:none;
	list-style-type: none;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
		text-align: center;

}
#links #hannah a:hover {
	background-image: url(images/hannah2.png);
	background-repeat: no-repeat;
		text-align: center;

}



#links #and a {
	background-image: url(images/andsomep.png);
	text-indent: -9999px;
	margin: 0px;
	margin-bottom: -4px;
	padding: 0px;
	height: 22px;
	width: 235px;
	text-decoration:none;
	list-style-type: none;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
}
#links #and a:hover {
	background-image: url(images/andsomep2.png);
	background-repeat: no-repeat;
}



#links #games a {
	background-image: url(images/games1.jpg);
	text-indent: -9999px;
	margin: 0px;
	margin-bottom: -4px;
	padding: 0px;
	height: 22px;
	width: 235px;
	text-decoration:none;
	list-style-type: none;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
}
#links #games a:hover {
	background-image: url(images/games2.jpg);
	background-repeat: no-repeat;
}




* html #right{margin-left:-3px;}

#right p,h3,h4 {padding:20px 5px 5px 15px;}
#main p,h2,h3,h4 {padding:10px 15px 5px 15px;}

#footer {
	width:100%;
	clear:both;
	height:50px;
	
	color: #000000;
	text-align:center;
	position:relative;
}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
#clearfooter {clear:both;height:50px;}/*needed to make room for footer*/
/* commented backslash hack v2 \*/ 
* html #main {height:1%;}
/* end hack for 3 pixel jog*/ 
#main {min-height:0}