@charset "UTF-8";
/* CSS Document */

/*---------------------------------skeleton------------------------------------*/

body{text-align:center;}

textarea {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000033; margin:0px; font-weight:100;}

p {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000033; line-height:15px; margin:0px;}

.space{line-height:5px;}

.space2{line-height:15px;}

.p{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; line-height:16px; margin:0px;}

.p2{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; margin:0px; line-height:13px;}

.p3{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; margin:0px; line-height:13px; text-decoration:none;}

a {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; margin:0px; line-height:13px; text-decoration:none;}
a:hover{text-decoration:underline;}

h1{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000033; line-height:18px; margin:0px; font-weight:bold; margin:0px;}

h2{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#000033; line-height:20px; margin:0px; font-weight:100; }

.more{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000066;}

#wrapper {margin:0 auto; width:728px; height:auto;}

#logo{
	width:auto;
	height:auto;
	position:absolute;
	top:5px;
	left:213px;
}

strong {
	font-weight: normal;
}

ul { color:#000033;}




#header{position:relative; width:728px; height:150px; float:left;}



/*---------------------------------Nav---------------------------------*/

#nav{
	height:13px;
	left:121px;
	top:124px;
	text-align:center;
	width:491px;
	position:absolute;
}



#home{height:13px; width:33px; float:left; background-image:url(../images/navigation/home.gif); margin-right:15px; background-position:0 -1px;}
#home:hover{background-position:0 -17px;}

#products{height:13px; width:59px; float:left; background-image:url(../images/navigation/products.gif); margin-right:15px; background-position:0 -1px;}
#products:hover{background-position:0 -17px;}

#media{height:13px; width:37px; float:left; background-image:url(../images/navigation/media.gif); margin-right:15px; background-position:0 -1px;}
#media:hover{background-position:0 -17px;}


#blog{height:13px; width:83px; float:left; background-image:url(../images/navigation/blog.gif); margin-right:15px; background-position:0 -1px;}
#blog:hover{background-position:0 -17px;}


#icebreaker{height:13px; width:67px; float:left; background-image:url(../images/navigation/icebreaker.gif); margin-right:15px; background-position:0 -1px;}
#icebreaker:hover{background-position:0 -17px;}

#crispin_tv{height:13px; width:63px; float:left; background-image:url(../images/navigation/crispin_tv.gif); margin-right:15px; background-position:0 -1px;}
#crispin_tv:hover{background-position:0 -17px;}

#contact{height:13px; width:53px; float:left; background-image:url(../images/navigation/contact.gif); background-position:0 -1px;}
#contact:hover{background-position:0 -17px;}

#bistro{height:13px; width:89px; float:left; background-image:url(../images/navigation/bistro.gif); background-position:0 -1px; margin-right:15px;}
#bistro:hover{background-position:0 -17px;}





#div_1 {
	width:728px;
	background-color:#FFFFFF;
	float:left;
	position:relative;
}

#div_2 {
	width:241px;
	height:85px;
	float:left;
	position:relative;
}

#div_3 {
	width:241px;
	height:85px;
	float:left;
	position:relative;
}

#div_4 {
	width:241px;
	height:85px;
	float:left;
	position:relative;
}

#div_5{
	position:absolute;
	top:19px;
	left:6px;
	width:58px;
	height:57px;
}

#div_6{
	text-align:left;
	position:absolute;
	top:17px;
	left:76px;
	width:157px;
	height:auto;
}


#div_7{
	position:absolute;
	top:19px;
	left:8px;
	width:58px;
	height:51px;
}

#div_8{
	text-align:left;
	position:absolute;
	top:17px;
	left:79px;
	width:149px;
	height:auto;
}

#div_9{
	position:absolute;
	top:17px;
	left:7px;
	width:75px;
	height:64px;
}

#div_10{
	text-align:left;
	position:absolute;
	top:17px;
	left:92px;
	width:149px;
	height:auto;
}

#divider_1{
	position:absolute;
	width:1px;
	height:72px;
	top:11px;
	left:-9px;
	background-color:#FFFFFF;
}

#divider_2{
	position:absolute;
	width:1px;
	height:72px;
	top:11px;
	left:234px;
	background-color:#FFFFFF;
}

#product_nav{
	position:absolute;
	top:363px;
	left:342px;
	width:auto;
	height:auto;
}

#product_nav_1{
	position:absolute;
	top:343px;
	left:342px;
	width:auto;
	height:auto;
}


#product_copy{
	position:absolute;
	top:21px;
	left:343px;
	width:363px;
	height:222px;
	text-align:left;
	overflow:auto;
}

#product_table{
	position:absolute;
	top:192px;
	left:343px;
	width:190px;
	height:154px;
}

#product_table_1{float:left; height:14px; width:150px; text-align:center; background-image:url(../images/generic/products_table_1_bg.gif); background-repeat:repeat; border-style:solid; border-color:#FFFFFF; border-width:1px;}
#product_table_2{float:left; height:14px; width:30px; text-align:center; border-style:solid; border-color:#FFFFFF; border-width:1px;}

#mov{
	position:absolute;
	top:218px;
	left:624px;
	width:auto;
	height:auto;
}

#tandc{float:left; width:100%; height:20px; margin-top:20px;}

#quicktime{
	position:absolute;
	left:26px;
	top:25px;
	width:489px;
	height:286px;
}

#mov_1{
	position:absolute;
	top:25px;
	left:534px;
	width:153px;
	height:86px;
	background-image:url(../images/mov/mov_1.png);
}
#mov_1:hover{background-position:0 -86px;}

#mov_2{
	position:absolute;
	top:117px;
	left:534px;
	width:153px;
	height:86px;
	background-image:url(../images/mov/mov_2.png);
}
#mov_2:hover{background-position:0 -86px;}

#mov_3{
	position:absolute;
	top:209px;
	left:534px;
	width:153px;
	height:86px;
	background-image:url(../images/mov/mov_3.png);
}
#mov_3:hover{background-position:0 -86px;}


#mov_4{
	position:absolute;
	top:301px;
	left:534px;
	width:153px;
	height:86px;
	background-image:url(../images/mov/mov_4.png);
}
#mov_4:hover{background-position:0 -86px;}


#mov_copy{
	position:absolute;
	left:26px;
	top:324px;
	width:480px;
	height:auto;
	text-align:left;
}

#qtlink{
	position:absolute;
	left:32px;
	top:6px;
	width:345px;
	height:17px;
	text-align:left;
}


/*---------------------------------Changable Stuff------------------------------*/