/*
Theme Name: Dots
Description: Connect the dots logo with striped background.
Author: Joe McGarry
Author URI: http://fantasticheatbrothers.com/
Tags: orange, stripes, dots, pink, blue, green


*/


body
   {
 background:  url('') fixed repeat-y bottom center;
 margin: 0px;
 padding: 0px;
 text-align: center;
 }



h1, h2, h3, ul, li, p, form
   {
   margin: 0px;
   padding: 0px
   }

hr
   {
   display: none;
   }

a{
   text-decoration:none;
   }

a:hover{
   text-decoration:none;
   }

.space
   {
   clear: both;
   }

#page
   {
   margin: 0px auto;
   padding: 0px;
   padding-top: 5px;
   width: 1000px;
   height: 100%;
   }
   
#verytop
	{
	font-family: Helvetica;
	font-size: 11px;
	color: #444444;
	padding-top: 4px;
	width: 1000px;
	float: left;
	height: 18px;
	}


#header
   {
   background: url('images/elements/bigblue.png') no-repeat top left;
   height: 437px;
   width: 1000px;
   float: left;
   }

#header a
	{
	color:#ffffff
	}

#header a:hover
	{
	color:#3399ff;
	}
	
#header a img
	{
	border: 0px;
	}

	
#headerred
   {
   background: url('images/elements/redbanner.png') no-repeat top left;
   height: 105px;
   width: 1000px;
   }

#headerred a
	{
	color:#ffffff
	}

#headerred a:hover
	{
	color:#ff0000;
	}
		
#headergreen
   {
   background: url('images/elements/greenbanner.png') no-repeat top left;
   height: 105px;
   width: 1000px;
   }

#headergreen a
	{
	color:#ffffff
	}

#headergreen a:hover
	{
	color:#33ff33;
	}
	
#headerpurple
   {
   background: url('images/elements/purplebanner.png') no-repeat top left;
   height: 105px;
   width: 1000px;
   }

#headerpurple a
	{
	color:#ffffff
	}

#headerpurple a:hover
	{
	color:#9966cc;
	}
	
#headerorange
   {
   background: url('images/elements/orangebanner.png') no-repeat top left;
   height: 105px;
   width: 1000px;
   }

#headerorange a
	{
	color:#ffffff
	}

#headerorange a:hover
	{
	color:#ff9900;
	}
	
#headerbblue
   {
   background: url('images/elements/babybluebanner.png') no-repeat top left;
   height: 105px;
   width: 1000px;
   }

#headerbblue a
	{
	color:#ffffff
	}

#headerbblue a:hover
	{
	color:#3399ff;
	}

#headcontent
{
	 height: 105px;
	 float: left;
	 width: 1000px;
	 text-align: center;
 }

#headcontentbig
{
	 height: 435px;
	 float: left;
	 width: 1000px;
	 text-align: center;
 }
 
#logo
{
	 height: 95px;
	 float: left;
	 padding-left:10px;
	 padding-top:5px;
 }

#top_nav
{
	/*background: url('images/elements/blackbar-550x105.png') no-repeat top left;*/
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	 width: 545px;
	 height: 105px;
	 text-align:left;
	 padding-left:3px;
	 padding-top:76px;
	 float: left;
}
.illustration
{
background: url('images/elements/blackbar-550x105ILL.png') no-repeat top left;
}

.games
{
background: url('images/elements/blackbar-550x105GAM.png') no-repeat top left;
}

.animation
{
background: url('images/elements/blackbar-550x105ANI.png') no-repeat top left;
}

.interactive
{
background: url('images/elements/blackbar-550x105INT.png') no-repeat top left;
}

.about
{
background: url('images/elements/blackbar-550x105ABO.png') no-repeat top left;
}

 #top_nav ul
   {list-style: none;}

   #top_nav ul li
   {display: inline;
   padding-left: 8px;
   padding-right: 8px;
    }
    
  /* .selected a
   {background: url('images/elements/links/lineSM.png') repeat-x bottom center; }*/
   
/*  #top_nav ul a:hover
   {background: url('images/elements/links/lineSM.png') repeat-x bottom center; } */
   
   

#top_nav a img
{
border: none;
}

#top_nav_big
{
	font-family: Arial;
	font-weight: bold;
	 width: 1000px;
	 height: 52px;
	 text-align:center;
	 float: left;
}

 #top_nav_big ul
   {list-style: none;
   margin-top: 5px;
   height: 43px;}

   #top_nav_big ul li
   {display: inline;
   height: 43px;
   padding-left: 18px;
   padding-right: 18px;
   }
   
 /* #top_nav_big ul a:hover
   {background: url('images/elements/links/line.png') repeat-x bottom center; }*/
   

#top_navbig a img
{
border: none;
}
 

#flash
{
text-align: center;
float: left;
width: 1000px;
height:385px; 

}


#content
   {
   width: 1000px;
   min-height: 250px;
   float: left;
   text-align: center;
   margin-top: 10px;
   margin-bottom: 18px;
   vertical-align: middle;
   }
   
#content h2
	{
	padding-top: 14px;
	padding-bottom: 22px;
	font-family: Helvetica;
	font-size: 18px;
	}
	
#content h2 img
	{
	vertical-align: middle;
	}
   
#content p
   {
   font-family: Helvetica;
   font-size: 18px;
   line-height: 20px;
  /* width: 1000px;
   float: left;
   padding-top: 5px;
   padding-bottom: 5px;*/
   }
   
#content .about
   {
   padding-top: 24px;
   padding-bottom: 24px;
   }
   
#content .clients
   {
   padding-top: 50px;
   padding-bottom: 5px;
   }
   
#paragraph
	{
	font-family: Helvetica;
   font-size: 18px;
   line-height: 20px;
   width: 1000px;
   float: left;
   padding-top: 5px;
   padding-bottom: 5px;
	}
	
#smallerhead
	{
	padding-top: 6px;
	padding-bottom: 14px;
	font-family: Helvetica;
	font-size: 18px;
	float: left;
	text-align: center;
	width: 1000px;
	}
	
#smallerhead img
	{
	vertical-align: middle;
	max-height: 18px;
	}
   
#littlenav
	{
	margin-top: 2px;
	margin-bottom: 20px;
	margin-left: 420px;;
	width: 160px;
	height: 21px;
	float:left;
	}
	
#littlenavtext
	{
	font-family: helvetica;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	height: 21px;
	width: 103px;
	padding-top: 2px;
	/*padding-bottom: 10px;*/
	background: url('images/elements/pager.png') no-repeat top center;
	float: left;
	}
#arrow
	{
	height: 21px;
	width: 22px;
	float: left;
	margin-right: 3px;
	}
	
#arrow a img
	{
border: 0px;
	}

#arrow2
	{
	height: 21px;
	width: 22px;
	float: left;
	margin-left:3px;
	z-index: 20;
	}
	
#arrow2 a img
	{
border: 0px;
	}	
	
	
#leftblock
	{
	width: 450px;
	float: left;
	min-height: 490px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	}
	
#rightblock
	{
	width: 495px;
	float: left;
	min-height: 490px;
	margin-left: 30px;
	font-family: Times;
	vertical-align: middle;
	color: #c0c0c0;
	font-weight: bold;
	font-size: 20px;
	position: relative;
	padding-top: 4px;
	padding-bottom: 4px;
	}
	
#textrotator
	{
	position:absolute;
	top:24%;
	height:60px;
	
	}
   
#biggallery
	{
	width: 920px;
	margin-left: 40px;
	float:left;
	}
	
#biggallery ul
	{
	list-style: none;
	padding-bottom: 20px;
	}
	
#biggallery ul li
	{
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
	}

#smallgallery
	{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	float:left;
	}
	
#smallgallery ul
	{
	list-style: none;
	padding-bottom: 12px;
	}
	
#smallgallery ul li
	{
	display: inline;
	padding-left: 12px;
	padding-right: 12px;
	}
	
#smallgallery ul li img
	{
	width: 162px;
	}
   
#leftcontent
   {
   width: 400px;
   float: left;
   text-align: left;
   margin-left: 40px;
   }
#rightcontent
   {
   width: 500px;
   min-height: 250px;
   float: left;
   text-align: left;
   margin-left: 20px;
   }
   
#scroller
	{
	width: 920px;
	height: 30px;
	margin-top: 8px;
	margin-bottom: 24px;
	margin-left: 40px;
	font-family: Helvetica;
	font-weight: bold;
	color: #ffffff;
	font-size: 18px;
	float: left;
	background: url('images/elements/blackbarshort.png') no-repeat bottom center;
	}
	
#marquee
	{padding-top: 5px;}
	

   
#entry
   {
   background: url('foundation/entry-960x1.png') repeat-y top left;
   width: 960px;
   min-height: 200px;
   float: left;
   }
#entry h2
	{
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	}
	
#entry p
   {
   font-family: Times;
   font-size: 12pt;
   text-align: center;
   padding: 0px;
   line-height: 20px;
   margin-bottom:12px;
   padding: 12px 50px 0px 120px;
   text-align: left;
   width: 720px;
   }
   

#footer
   {
   background: url('images/elements/bluebannerbottom.png') no-repeat bottom left;
   height: 105px;
   font: normal 12px Helvetica;
   color: #ffffff;
   width: 1000px;
   float: left;
   }
   
#footerred
   {
   background: url('images/elements/redbannerbottom.png') no-repeat bottom left;
   height: 105px;
   font: normal 12px Helvetica;
   color: #ffffff;
   width: 1000px;
   float: left;
   }
   
#footergreen
   {
   background: url('images/elements/greenbannerbottom.png') no-repeat bottom left;
   height: 105px;
   font: normal 12px Helvetica;
   color: #ffffff;
   width: 1000px;
   float: left;
   }
   
#footerpurple
   {
   background: url('images/elements/purplebannerbottom.png') no-repeat bottom left;
   height: 105px;
   font: normal 12px Helvetica;
   color: #ffffff;
   width: 1000px;
   float: left;
   }
   
#footerorange
   {
   background: url('images/elements/orangebannerbottom.png') no-repeat bottom left;
   height: 105px;
   font: normal 12px Helvetica;
   color: #ffffff;
   width: 1000px;
   float: left;
   }
   
#footerbblue
   {
   background: url('images/elements/babybluebannerbottom.png') no-repeat bottom left;
   height: 105px;
   font: normal 12px Helvetica;
   color: #ffffff;
   width: 1000px;
   float: left;
   }
   
#columns
	{
	width:920px;
	padding-left:30px;
	padding-top:6px;
	}
	
#footcol
	{
	width: 460px;
	height: 105px;
	text-align:center;
	float:left;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	}
	
#footcol a img
   {
   border: 0px;
   }

   
#footer a
   {
   font: normal 12px Helvetica;
   color: #000000;
   }
   
#bottomtext
	{
	font-family: Helvetica;
	font-size: 11px;
	color: #444444;
	padding-top: 4px;
	width: 1000px;
	float: left;
	height: 18px;
	}
#bottomtextcol
	{
	width: 333px;
	float: left;
	height: 18px;
	}
	
#bottomtextcol a
	{
	font-family: Helvetica;
	font-size: 11px;
	}
	
#bottomtextcolr
	{
	width: 325px;
	float: left;
	text-align: right;
	height: 18px;
margin-top: -3px;
	}

#bottomtextcolr a img
	{
	border: 0px;
	}