/**
 * The Base Font for all pages
**/
 p{ 
	margin-top: 0px;
	padding-top: 0px;
	font-family:'Tahoma',sans-serif,arial,verdana;  
 	font-size:14px;
	color: #002060; /*blue*/
	}
p.small {
	font-size: 10px;
}
h1 {
 	font-family:Avian,'Century Gothic', Tahoma, sans-serif,arial;  
 	color:#002060;
 	font-size:2empx;
 	font-weight:bold;
	margin-bottom:5px;
	margin-top:0px;
	
}

.newlayoutControl h1	{
	font-family:Avian, Arial,'Century Gothic', Tahoma, sans-serif,arial;  
	color:#002060;
 	font-size:2em;
 	font-weight:normal;
	margin-bottom:5px;
	margin-top:0px;
	text-align:left;
	padding-top:15px;
	padding-bottom:15px;
}

.newlayoutControl h2	{
	font-family:Avian, Arial,'Century Gothic', Tahoma, sans-serif,arial;  
 	color:#002060;
 	font-size:1.6em;
 	font-weight:normal;
	margin-bottom:5px;
	margin-top:0px;
}

h2 {
 	font-family:Avian,'Century Gothic', Tahoma, sans-serif,arial;  
 	color:#002060;
 	font-size:2.5em;
 	font-weight:normal;
	margin-bottom:5px;
	margin-top:0px;
	
}

h2.red	{
	color:#E91239;
}


h3 {
	font-family:Avian, Arial,'Century Gothic', Tahoma, sans-serif,arial;  
 	color:red; /*pink */
 	font-size:16px;
 	font-weight:bold;
	margin-bottom:5px;
	margin-top:0px;

}

h4	{
	font-family:Avian, Arial,'Century Gothic', Tahoma, sans-serif,arial;  
 	color:#002060;
 	font-size:24px;
 	font-weight:normal;
	margin-bottom:5px;
	margin-top:0px;
}

h3.customdesign {
	font-family:Avian, Arial,'Century Gothic', Tahoma, sans-serif,arial;  
 	color:#002060;
 	font-size:1.3em;
 	font-weight:normal;
	margin-bottom:5px;
	margin-top:0px;

}
 
.customdesign a:hover {
 	color:#0070a0;
}

#Page {
   width:800px;
   max-width: 800px;
	font-family:'Tahoma',sans-serif,arial,verdana; 
   }
  #newPage {
width:960px;
max-width: 960px;
font-family:'Tahoma',sans-serif,arial,verdana; 
   }

.phonenumber	{
	font-size:1.1em;
}

.videothumb	{
	position:relative;
	top:0px;
	left:0px;
	width:280px;
	display:block;
}

.dinoheader	{
	width:280px;
	height:155px;
	top:10px;
	position:absolute;
	overflow:visible;
	margin-bottom:3px;
}

.newheader	{
	background: url(../img/2011/heading.jpg) no-repeat top center;
}

.ownidea	{
	text-align:center;
	position:relative;
	height:230px;
}

.ownidea img	{
	position:absolute;
	right:70px;
}
.ownidea h3	{
	padding-top:00px;
	font-size:30px;
	
}
.floatbottom	{
	float:right;
	bottom:10px;
	right:0px;
	height:20px;
}

.productpreview img	{
	width:206px;
	height:206px;
}
table.title {	width: 650px;
			border: none;
			height: 145px;  }
table.title td.pageName {
			text-align: left;
			vertical-align: middle;}
table.title td.title_button{
	width:160px;
	
	text-align: right;
	vertical-align: middle;}

	
table.layoutControl{
padding:0px;
margin:0px;
max-width: 800px;
min-width:800px;
border: 0px;
border: none;}

table.newlayoutControl{
padding:0px;
margin:0px;
max-width: 960px;
min-width:960px;
border: 0px;
border: none;}

#credits, #credits a,  #credits a:visited
{ text-align:center; color:#000000;  font-size: 11px;}

#credits a:hover {
 color:#444444;
 }
 
  /*The top of every page*/
.heading{
background-image:url('../img/misc/header.jpg');
background-repeat: no-repeat;
background-position: top left;
height: 140px;
padding-left: 155px;
padding-top: 20px;
text-align:left;
} 

.newheading {
	background-image:url('../img/2011/large-dino.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	height: 370px;
	padding-left: 335px;
	padding-top: 0px;
	text-align:left;

} 

.newsubheading {
	background-image:url('../img/2011/large-dino-testimonial.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	height: 160px;
	padding-left: 285px;
	padding-top: 0px;
	text-align:left;
	vertical-align:top;

}

.newheadingtext	{
	text-align:center;
	position:relative;
	top:20px;
	left:-20px;
	color:#000000;
	font-size:1.1em;
	width:400px;
	
}




.galleryholder	{
	position:relative;
	float:right;
	margin:auto;
	height:350px;
	width:350px;
	padding-bottom:150px;
}

.galleryholder img { 
width:350px;
height:350px; }


 div.heading img{
 z-index: 100;
 position:absolute;
 top:20px;
 }
 div.heading img.index{
 top:10px;
 margin-left: 40px;
 }
 div.heading div.callnow{
 z-index: 900;
 position:relative;
 left:470px;
 top:10px;
 font-family: impact, David, tahoma;
 font-size: 28px;
 width:180px;
 text-align: center;
 
 color: #717275;/* #002060; /*blue //#AEBC2E;*/
 }
 div.floatimagecontainer{
 z-index: 900;
 position:relative;
 left:470px;
 top:0px;
 }
 
 img.floatover{
 z-index: 1002;
 position: absolute;

 }
 

 table td.left_pannel{
 background-image: url('../img/misc/green_left_pannel.jpg');
	background-repeat: repeat-y;
	width:165px;
	text-align: center;
/*	vertical-align:top;*/
	padding:0px;
	margin:0px;
 }
 
 
 table td.left_pannel a.logo img{ background-image: url('../img/logo/littledinosaur.jpg');
				background-repeat:no-repeat;}
/* depreciated no longer active  
 table td.left_pannel a.logo img:hover{ background-image: url('../img/logo/littledinosaurRed.jpg');  }
  */
  
 table td.article{
  vertical-align: top;  
 text-align: left; /*/this is the main section of text justification*/
 padding:0px;
 margin:0px;
 padding-right:50px;

 }
  table td.articlehome{
  vertical-align: top;  
 text-align: center; /*/this is the main section of text justification*/
 padding:0px;
 padding-left:30px;
 margin:0px;

 }
 
 table td.right_pannel{ 
	width: 165px;
	background:none;
/*	background-image: url('../img/misc/green_right_pannel.jpg');*/
	background-repeat: repeat-y;
	text-align: right;
	vertical-align:top;
	padding:0px;
	padding-top:0px;
	border:none;
 
 }

table.inner	{
	position:relative;

}	

table.inner p	{

}	
	table.inner td{padding-top: 0px;
	padding:0px;
	margin:0px;
	text-align: left; /*justify the home page text */
	vertical-align:top;
	color: #002060; /*blue*/
	border-top:dotted 3px #BBB;
	}
	
	table.inner td.noborder, table.inner td table td{
	border-top:dotted 0px #BBB;
	}
	
	table.inner td.link{
	border-top:dotted 0px #BBB;
	}
	
	table.inner td a{color: #002060; /*blue*/}
		table.inner td a:hover{color: #777; /*blue*/}
		
	table.inner td.first{ text-align: center;}
	
	table.inner td.first img { padding:30px;
	width:185px;}
	
	img.nowidth { margin-left:70px;}
	
	table.inner td.first.lesspadding img { padding:5px;}
	
	table.inner td.second p{ padding: 0px; margin:0px;}
	table.inner td.second  p.desc{  padding-bottom:10px;}
	
	
	table.inner td.itemlisting{  }
	
	table.inner td.mid{ text-align: center;}

table.category td{
		width: 190px;
		padding:5px;
		
		text-align:center;
	}
	
table.category td a img{
	 padding:0px;
	 		}
table.category td a{
	text-decoration:none;
	border-bottom:none;
	}


	#link{ text-align:right; 	top: 0px;	font-size: 14px;}
	#link  a{color: red;}	
	#link a:hover{color: #c1e746;}
	#link a:visited{color: red;}
		
	
	
	table.inner td.link{ text-align:left;	vertical-align:top;}
	table.inner td.link a{ color: red; top:0px;}
	
	
	a:visited{color:#002060;}
	#simDetials  a:hover{color: #0000C1;}
	
	a img{
	text-decoration: none;
	padding: 3px;
	}
/* removed as now going with hovering images instead of border to tell about link
	a img:hover{
	text-decoration: none;
	padding:0px;
	border: 3px solid rgb(193,231,70);
	}
*/	
	img.main{
	z-index:100; 
	left: 0px; 
	top: 0px; 
	display: block ;
	position:relative; 
	}
	img.hov{
	z-index: 300; 
	display:none; 
	position: absolute;
	}
	
	
 hr{ border:none; border:0px; border-color: white; background-image: url('../img/misc/hr_short.jpg'); height:5px;}
 
 
/* #nav {text-align: center; }*/

/* #nav {text-align: center; }*/
table td.nav{width:165px; text-align:left; padding-left: 15px;}
 table td.nav:hover a{ 
					color: #002060; /*navy blue */
					text-decoration: none;
					font-weight: normal;}
  
 table td.nav  a, .galleryText p{ 
		font-size:14px;
		color:#000088;
		text-decoration: none;
		font-weight: normal;
		padding:5px;
	}
	
td.notoppadding{
padding-top:0px;
}	
 
 
.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.under{ display: none; }

table td.productbubble{
background: url('../img/misc/green border specials.jpg') no-repeat;

padding: 25px;

}

table td.productbubble2{
background: url('../img/misc/grey border bg.jpg') no-repeat;
padding: 25px;
padding-top:20px;
height:255px;
margin-bottom:20px;
}
table td.productbubble2 a img{
padding: 0px;

height:180px;
}
 ul {
	padding-bottom:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #002060; /* blue*/
	font-family:'Tahoma',sans-serif,arial,verdana;  
	font-size:14px;

}
ul li{
	padding-bottom:0px;
	padding-top:4px;
	text-indent: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	color: #002060; /* blue*/
	font-family:'Tahoma',sans-serif,arial,verdana;  
	font-size:14px;
	}
	
ul.noindent{
padding-left:25px;
}	
/* copies of above */
ol{padding-bottom:10px;margin-top: 0px;margin-bottom: 0px;  
}
ol li{padding:0px;padding-top:4px;text-indent: 0px;margin-top: 0px;margin-bottom: 0px;
	color: #002060; /* blue*/
	font-family:'Tahoma',sans-serif,arial,verdana;  
	font-size:14px;
 }

 ol.small li {
 font-size: 12px;
 }
 
  




#Footer {
  /*width:750px;*/
  height:10px; 
  padding:15px;
  margin:12px;
  
      
  border-bottom:3px;  
  border-bottom-color:#800000;
  border-bottom-style:solid;
  
  /*border-bottom:double morone double 3px solid; /* ok in ie but not moz */ 

}
#NewHR {
  height:2px; 
  margin:0px;
  
      
  border-bottom:2px;  
  border-bottom-color:#800000;
  border-bottom-style:solid;
  
  /*border-bottom:double black double 3px solid; /* ok in ie but not moz */

}  

 /**
  * Colors: Short Cut for accessing 
  * standard id Australia Colors
  */

.red {
  	color:#E91239;
}   

img  {
 border:none;
 border:0px;    
 text-decoration:none;
} 

.hov{ display:none;}
 
 /*
table. tr:hover {
  
   color:black;
    
   border-bottom-style: solid; 
   border-bottom-width: 1px;  
   border-bottom-color:#000000;  
   border-bottom:thin;
   background-color:#ffffef;
}  
 
 
*/
 
 
 #VerticleSpacer25 {
  width:100%;
  height:25px;
 }
 #VerticleSpacer15 {
  width:100%;
  height:15px;
 }

 #VerticleSpacer5 {
  width:100%;
  height:5px;
 }
  #VerticleSpacer55 {
  width:100%;
  height:55px;
 }

/* used on sections in the order form which are originally hidden */
.hidden{
display:none;
}


.menuh1{
font-family: Avian, Arial;
font-size: 22px;
color: white;
text-align: left;
padding-bottom: 10px;
padding-top:10px;
padding-left:15px;
}

.d3{
font-family: Avian, Arial;
font-size: 22px;
color: grey;
}

 a.indexTitle{
	font-family: Avian, Arial;
	font-size: 22px;
	text-align: left;
	padding-bottom: 10px;
	padding-top:5px;
	padding-left:0px;
	font-weight:bold;
	text-decoration: none;
	color: #000088;
}
a.indexTitle:link{
color: #000088;
}
a.indexTitle:visited{
	color: #000088;
}

 a.indexTitle:hover{
	color:#AAAAAA;
}

#loading {
 	width: 200px;
 	height: 100px;
 	background-color: #c0c0c0;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
}

.imagegallerytext	{
	font-family: Avian, Arial;
	font-size:25px;
	text-transform:lowercase;
	position:relative;
	top:15px;
	padding:10px;
	padding-bottom:40px;
	padding-top:10px;
	text-align:center;

}

table.surfstyles{
width:620px;
}
table.surfstyles td{
width: 108px;
text-align:center;
}
.simhoverpoint{
border: 1px solid white;
}

.simhoverpoint:hover{
cursor:pointer;
border-color:black;
}

img.right{
float:right;
padding-left: 15px;
}

.rightalign {
text-align:right;
float:right;
padding-right:10px;
}

.inline{
	display:inline;
}

.pointer{
cursor: pointer;
}
.greenbubble{

color:#fff;
padding:10px;

}

.left{
text-align:left;
}

.white{
color: #fff;
}

a.green, .green{
	color: #B3DE12;
}


.small{
font-size: 12px;
}

ul.shock{
text-indent:0px;
padding-left: 0px;
margin-left: 0px;
padding-top: 20px;
padding-right: 10px;
}
ul.shock li{
list-style-type: none;
text-indent:0px;
font-family: AvantGarde, avian, arial, tahoma;
font-size:14px;
padding-left: 0px;
margin-left: 0px;
padding-top: 10px;
}

.intro	{
	font-size:1.3em;
	line-height:1.5em;
}

input[type=text], textarea, select	{
	background-color:#DDDDDD;
	border:1px #BBBBBB solid;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:3px;
}

input#recaptcha_response_field{
	background-color:#FFFF66;
}

.floatright	{
	float:right;
}



/********************/
/*  NAVIGATION BAR  */
/********************/



.newmenu ul li a:hover, .newmenu ul li a:active  {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#fe3a6f;
}
.newmenu {
	width:860px;
	height:30px;
	padding-top:10px;
	background-color:#ED294F;
	height:30px;
	padding-top:6px;
	padding-bottom:6px;
	margin-top:10px;
	z-index:500;
	text-align:center;
	padding-left:100px;
}


/*		TOP ROW		*/
.newmenu a
{
	font-family:Avian, Arial;
	font-size:21px;
	font-weight:normal;
	color:#FFFFFF;
	padding:20px;
	padding-top:2px;
	padding-bottom:5px;
	letter-spacing:2px;
	text-decoration:none;
	
}

.newmenu ul
{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.newmenu ul li
{
	float:left;
	position:relative;
	z-index:2000 /*IE6*/;
}

/* the colours of the main menu links when hovered */
.newmenu ul li:hover a,.newmenu ul li a:hover
{ 
	color:#FFFFFF;
	background-color:#;

}

/*		DROP DOWN LEVEL 1		*/

.newmenu ul li ul {
	display:none;
	border:none;
	position:absolute;
	z-index:999;
	top:30px;
	margin:0px;
	padding:0px;
	left:0px;
	background-color:#ED294F;
	
}
.newmenu ul li ul li {
	border-bottom:2px solid #FFF;
	border-top:none;	
	text-align:left;
}

.newmenu ul li ul li a {
	font-size:20px;
	font-weight:normal;
	color:#FFFFFF;
	padding:20px;
	padding-top:2px;
	padding-bottom:5px;
	letter-spacing:2px;
	text-decoration:none;
	width:230px;
}

.newmenu ul li ul li, .newmenu ul li ul li a {
	display:none;
} /* new line for IE 6 fix*/



/*	SET ALL ITEMS TO VISIBLE ON HOVER */

.newmenu ul li:hover ul, .newmenu ul li:hover ul li, .newmenu ul li:hover ul li a ,.newmenu ul li a:hover ul li a
{
	display:block;
} /*displays inner list in chrome*/


.newmenu ul li:hover ul li a:hover
{
	display:block;
	background-color:#FE3A61;
	color:#FFFFFF;
}



.videopreview	{
position:absolute;
top:0px;
height:321px;
}

.videolink	{
	position:absolute;
	top:100px;
	left:3px;
	z-index:9;
}

.tvoverlay	{
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:222px;
	z-index:1000;
}

.testimonial	{
	position:relative;
	top:322px;
	width:250px;
	height:220px;
	padding:15px;
	font-size:13px;
	text-align:center;
	color:#000088;
	background: #ffffff;
	float:left;
	margin-bottom:20px;
	/*url(../img/testimonial-background.jpg) repeat-x*/
}

.testimonial-next{
	position:absolute;
	color: #000088;
	text-decoration: underline;
	font-size: 14px;
	float: right;
	margin-right: 25px;
	cursor: pointer;
	top:40px;
	right:0px;

}
.testimonial-next:hover{
	color: #7c7c7c;
}

#youtubeplayer img	{
	width:280px;
}

.blue	{
	color:#000088;
}

.surfpins img, .paintedsurf img	{
	padding-left:0px;
	padding-right:0px;
	float:left;
}
