/* Look in the TOP BODY section. There's PHP codee there */

body 
{
	background-color:#ffffff;
	margin: 0px;
	padding: 0px;
	background-image: url(http://www.chriswinters.com/images/leftswig.jpg) ;
}
		
#wrap 
{
	width: 980px;
	
}
		
#container 
{
float: left;
}

#container .column 
{
	float: left;	
	margin-bottom: -2002em;     	
	/* This controls the position at botom, bring it up by lowering value.. .*/
	padding-bottom: 2001em;    
	position: relative;
	text-align: center;
	margin-left: 15px;
}

#center 
{
	margin: 0px;
	padding: 0px; /*10px 20px;       /* CC padding */
	width: 750px;
}
#left 
{
	margin:0px;
	width: 90px;             /* LC width */
	padding: 0px;          /* LC padding */
}

#left img
{
margin: 0px;
padding: 0px;
border: none;
border-width:0px;
}

#right {
	margin: 0px;
	
	width: 115px;             /* RC width */
	padding: 0px;          /* RC padding*/
	margin-right: -100%;
	background-image: url(http://www.chriswinters.com/images/rightswig.jpg);	
	

}

#footer {
	clear: both;
	text-align:center;
	padding:0;
	margin: 0px 0;
	font: 12px "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
	color:#0085CC;
	width: 980px;
}

/*** IE Fix ***/
* html #left {
	left: 150px;              /* RC fullwidth */
}

/*** Equal-height Columns ***/
#container 
{
	overflow: hidden;
}

/*** Footer Fix ***/
/*
* html body {
	overflow: hidden;
}
*/

* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	background: #FFF;         
	/*** Same as body background ***/
}
#header{
	font-size: large;
	text-align: center;
	/*padding: 0.3em 0;*/
	background-color: #ffffff;
}
		
	/* ThE REST */
	
#video 
{
width: 750px;
height: 300px;
left: 115px;
top: 420px;
overflow: hidden;
background-image: url(http://www.chriswinters.com/images/videobkgd.jpg);

}

#videoActual {
	
	top: 42px;
	width: 698px;
	height: 240px;
	left: 35px;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
}


#flashReel {

right: 0px;
height: 240px;
width: 320px;
}

#reelContent {

left: 0px;
width: 320px;
height: 240px;
text-align: center;

}



	#topBody 
	{
	background-color:#ffffff;
	margin: 0px;
	padding: 0px;
	width: 720px;
	height: 320px;
	
	 /* background-image: url(http://www.chriswinters.com/images/topbody_image.jpg); */
	 
	
	}

div#introtext 
{
 clear:both;
    position: relative;
    left: -200px;
    top: 10px;
    font-family:Verdana;
    color: #0085CC;
}



#gallery {

width: 750px;
height: 610px;
left: 115px;
top: 415px;
overflow: auto;
background-image: url(http://www.chriswinters.com/images/gallerybkgd.jpg);

}
#galleryActual 
{
	
	top: 42px;
	width: 733px;
	height: 550px;
	left: 10px;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	margin-top: 30px; 	
}

#galleryActual li 
{
list-style: none;
text-align: left;
height: 55px;
width: 55px;
margin-top: 5px; 
margin-right: 8px;
float: left;
padding-left: 8px;
padding-top: 13px;
}

/* The actual image thumbnails within the gallery */
.imageThumbs 
{
border-width: 1px;
border-color: #0099FF;
height: 55px;
width: 55px;

}

/* each images in tab section */
.imageTabs 
{
width: 35px;
}

/* This is the width of the gallery images span */
#galleryItabs 
{
	position: relative;
	top: 16px;
	width: 170px;
	padding: 0px;
	height: 52px;
	left: 15px;
	margin: 0px;
	white-space: nowrap;	
}

#galleryItabs li 
{
list-style: none;
height: 35px;
width: 35px;
margin-top: 6px;
margin-bottom: 5px;
float: left;
padding-left: 5px;
padding-right: 1px;
padding-top: 1px;
}

#tabs 
{
width: 225px;
height: 300px;
float: left;
background-image: url(http://www.chriswinters.com/images/tabsbkgd_2.jpg);

}

#videoTab, #galleryTab, #bioTab, #contactTab  {

margin:12px;
padding-top:20px;
width: 200px;
height: 60px;
}

#contactBox{
	margin: 10px;
	width: 190px;
	height: 60px;
	padding: 0px;
	padding-top: 25px;
}
#news, #bio, #contact{

height: 300px;
left: 225px;
top: 0px;
}

/* This is the news container and background. */
#news { float: left; background-image: url(http://www.chriswinters.com/images/newsbkgd.jpg); width: 310px;}

#bio {background-image: url(http://www.chriswinters.com/images/biobkgd_3.jpg); width: 720px; height: 770; padding-top: 10px;}

#contact {background-image: url(http://www.chriswinters.com/images/biobkgd.jpg); width: 525px;}

#FilmographyContent {
width: 745px;
top: 29px;
left: 2px;
height: 750px;
overflow: auto;
text-align:left;
font: 11px Verdana, sans-serif;
}


#bioContent {
width: 710px;
top: 29px;
left: 12px;
height: 710px;
overflow: auto;
margin-top: 45px;
margin-left: 15px;
}

#VideographyContent {
width: 745px;
top: 29px;
left: 2px;
height: 1200px;

text-align:left;
font: 11px Verdana, sans-serif;
}



#links
{
	float: left;
	background-image:url(http://www.chriswinters.com/images/linksbkgd.jpg);
	width: 210px;
	height: 300px;
}

#linksContent 
{
margin: 5px;
margin-bottom:25px;
width: 190px;
text-align: left;
height: 180px;
overflow: hidden;
}

#newsContent 
{
	width: 280px;
	margin: 5px;
	margin-top: 30px;
	margin-left:15px;
	height: 250px;
	overflow: auto;
}

.newsDate, .newsTitle, .newsText, .bioText, .linkText, .blackText, .genText 
{
font-family:  verdana; 
/* font-family: Arial, Helvetica, sans-serif; */
text-decoration: none;
font-size: 10px;
}

.blackText11 {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 11px;
color:#000000;
}

.style3 {color: #000033}
.style5 {color: #FFFFFF}

.blackHeading , .whiteHeading {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
.blackHeading {color:#000000;}
.whiteHeading {color:#ffffff;}



.newsDate{
font-weight: bold;
color: #356289;
}

.bioText
 { 
  color: #356289;
  clear:both;
  text-align: left;
 }

.newsTitle {
font-weight: bold;
color: #004EA4;
}
.newsText, .blackText{color: #000000;}
#linkss li {
list-style: none;
background-image: url(http://www.chriswinters.com/images/link-bkgrd.jpg);
height: 31px;
width: 162px;
float: right;
margin-top: 15px;
margin-left: 0px;
padding-right: 25px;
padding-top: 7px;
background-repeat: no-repeat;
}

.linkText 
{
padding-left: 3px;
color: #004EA4;
text-align: left;
line-height: 15px;
}


/* Overlapping words, so put -h1- TEXT -/h1   then -h2- TEXT -/h2- */
/* big  text */
h1
{
	margin:          0 ;
	font-weight:     normal;
	color:           #E6F5FF;
	font-size:       3.2em;
	padding-left: 20px;
}
/* regualr text */
h2
{
	margin:          0;
	display:         inline;
	position:        relative;
	top:             -1.5em;
	left:            1em;
	font-size:       1.8em;
	font-weight:     normal;
	color:           #0085CC;
}

#Frm
{
 clear: both;
  margin: 0px 100px;	
 width: 720px;
 text-align: left;

}


/* This is the panel thank you names listing. If problem spacing, then:
 1.3em * amount in column list = coltopper's margin-top)
*/ 

ol.thankyou 
{
  list-style: none;  	
  margin: 0;
  padding: 0;
}
 
li.thankyou li 
{
  padding: 0px;
  line-height: 1.3em;
}
 
.col1 {margin-left: 3em;}

.col2 {margin-left: 17em;}
 
.col3 {margin-left: 28em;}

.col4 {margin-left: 40em;}

.col5 {margin-left: 52em;}
 
.coltopper {margin-top: -11.9em;}