/******************************************************************************
* Defines styles for CSS Positioning                      *
******************************************************************************/
#container
{
width: 99%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 140%;
}

#content
{
width: 99%;
margin: 0px;
padding: .2em;
color: #333;
line-height: 130%;
}

.followdiv { clear:both; }

#demoleft
{
float: left;
width: 225px;
margin: 0;
padding: .5em;
}

#demoleft p { margin: 0 0 5px 0; }


#demoleft h1{ 
margin: 5px 0 0 0; 
font-size: 17px;
color: #000000;
border: 0;
}


#democontent
{
margin-left: 230px;
border-left: 1px solid gray;
padding: .5em;
max-width: 25em;
}

#democontent h2 { margin: 0 0 .5em 0; }



#clipsleft
{
float: left;
width: 150px;
margin: 0;
padding: .5em;
}

#clipscontent
{
margin-left: 0;
padding: .5em;
width:98%;
}

#clipsleft p { margin: 0 0 5px 0; }


.imagecontainer
{
float: left;
width: 53px;
margin: 0;
padding: 0;
}

.imagecontent
{
margin-left: 60px;
padding: 0;
max-width: 40em;
}

.searchcontainer
{
float: left;
width: 25px;
margin: 0;
padding: 0;
}


.searchcontent
{
margin-left: 35px;
padding: 0em;
max-width: 40em;
}

#imagenumber
{
float: left;
width: 25px;
margin: 0;
padding: 0;
}


.searchcontent ul { 
list-style: disc;
margin-left: 0;
padding-left: 1.2em;
	 }

.searchcontent li { 	
padding: 0 0 5px 0;
margin: 0; }


#numbercontent
{
margin-left: 35px;
padding: 0em;
max-width: 45em;
}


#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #fff;
border-top: 1px solid gray;
}


.productioncontent
{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 14px;
line-height: 17px;
margin-left: 200px;
padding: 0;
max-width: 40em;
color: #333333;
}


.clearboth { clear: both; }
 
.floatleft
{
float: left;
margin: 0 5px 10px 10px;
border: 1px solid #666;
}