/* 	INFO


/*
	GENERAL	
*/


a:link 		{color: #D6C945 ; text-decoration: underline;} /* unvisited link */
a:visited 	{color: #D6C945 ; text-decoration: underline;} /* visited link */
a:hover 	{color:#FFFFFF; text-decoration: none;} /* mouse over link */
a:active 	{color:#ffffff;} /* selected link */

a 			{outline:none; text-decoration:none; list-style:none;}

.clear			{clear:both;}
.clear-right	{clear:right;}
.clear-left		{clear:left;}

li {list-style-position: outside; list-style-image: url(../images/pointer.gif);} 

h2	{color: #CBCBCB; font-size: 20px; font-style: italic; text-decoration: underline; margin-bottom: 15px;}

/*
	MAIN STYLES
*/

body {
	background: url(../images/backgrdgrad.gif) top left repeat-x #626107;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	height: 100%;
	
}

#wrapper { 
	width: 800px; 
	min-height:1000px;
	height:auto !important;
	position: relative; 
	z-index:1;
	border:0px;
	margin:0px auto;
	text-align:left;
	margin-bottom:50px;
	overflow: visible;

}

#background {
	position:absolute;
	top:35px;
	width:900px;
	min-height:1100px;
	height:auto !important;
  	height:990px;
	position: relative; 
	z-index:2;
	background-color: #000000;
	border: 1px ridge #414141;
	padding-bottom: 52px;
	overflow: visible;
}

#campic	{position:absolute; bottom: 50px; right: -15px;}

#filmstrip {
	position:absolute;
	left:585px;
	top:197px;
	width:176px;
	height:584px;
	z-index:4;
}

#background #sidebar	{width: 213px; position:absolute; 
						right:35px; 
						top:97px;}
#background ul#sidebar li	{ list-style: none; margin: 0 0 33px 0; border: 2px solid #3b3b3b; padding: 5px; }

#vio		{z-index:1000;
			background: #3c3c3c;}

#header {position:absolute; left:50px; top:30px; width:554px; z-index:3; text-align: center; height: 165px;}
#header img {position:absolute; left:37px;}
#header p	{position: absolute; top: 151px; left: 185px; font-size: 11px;}




#content {position:absolute; left:20px; top:245px; width:550px; z-index:5; margin:28px 0 50px 38px; }
#content ul	{margin:40px 0 20px 0; line-height:20px;}
#content li	{text-indent:0px; padding:0 0 10px 15px; text-align:left; margin:0 0 0 40px;}





	#film	{margin-bottom:87px; text-align: center; }

ul#movie	{width:560px; margin:0 0 0 0;}
ul#movie li	{width: 108px; float: left; list-style: none;  padding: 0; margin: 0 0 0 1px;}
	ul#movie li img {border: 1px white solid;  margin: 0 0 0 1px;}
	
	
	h1 {color:#f6ed00 ; font-size:24px; font-family: "Courier New", Courier6, monospace; margin-bottom:5px;}

	p, 
	ul.products,
	#content ul li		{font-family: Verdana, Arial, Helvetica, sans-serif; color: #cbcbcb; font-size: 13px;}
	p.filmtag 	{margin-top:-10px; font-size: 12px;}

#linksbar {position:absolute; left:85px; top:220px; width:450px; height:30px; z-index:6;}


#linksbar ul li		{list-style:none; display:inline;}
#linksbar ul li a 	{display:block; float:left; height: 30px; text-indent:-9999px; 
							background-image: url(../images/navbar.gif); margin-left:20px;}
#linksbar ul li.nav-home a 		{width: 79px;  background-position: 0 -60px; margin-left: 10px;}
#linksbar ul li.nav-product a 	{width: 105px; background-position: -79px -60px; }
#linksbar ul li.nav-contact a 	{width: 95px;  background-position: -263px -60px;}
#linksbar ul li.nav-prices a 		{width: 79px;  background-position: -184px -60px;}

#linksbar ul li.nav-home a:hover 		{width: 79px; background-position: 0 -30px;}
#linksbar ul li.nav-product a:hover 	{width: 105px; background-position:  -79px -30px;}
#linksbar ul li.nav-contact a:hover 	{width: 95px;  background-position: -263px -30px;}
#linksbar ul li.nav-prices a:hover 	{width: 79px; background-position:  -184px -30px;}

#linksbar ul li.nav-home a:active 	{width: 79px; background-position: 0 -90px;}
#linksbar ul li.nav-product a:active 	{width: 105px; background-position:  -79px -90px;}
#linksbar ul li.nav-contact a:active 	{width: 95px;  background-position: -263px -90px;}
#linksbar ul li.nav-prices a:active		{width: 79px; background-position:  -184px -90px;}


#footer {
	position:absolute;
	text-align:center;
	left:350px;
	bottom: -6px;
	height:1px;
	z-index:8;
	font-size: 9px;
	font-style: normal;
	font-weight: lighter;
	color: #2d2d2d;
}

#dakine {
	position:absolute;
	left:644px;
	top:1069px;
	width:150px;
	height:32px;
	z-index:9;
}



#footer a:link		{color: #2d2d2d; text-decoration: none;}
	
#footer a:visited	{color: #2d2d2d; text-decoration: none;}

#footer a:hover 	{color: #ffffff; text-decoration: none;}


/*
	CONTACT PAGE
*/



.contact-helmet 		{margin: 20px 0 0 65px;}
#content.contact ul		{width:423px; margin:80px 0 20px 0;}
#content.contact ul li 	{list-style:none; text-align:center;margin-left: 0; padding-left: 0; }
#content.contact ul li p {font-size: 20px;}

#content #socialmedia 	{margin: 0 0 20px 84px; height: 120px; text-align: left;}
#socialmedia ul li	{list-style: none; float: left;}
#socialmedia ul	{margin: 10px 0 0 0 !important; height: 100px !important; width: 500px;}
#content #socialmedia h4 {color:#CBCBCB;}

#calltoaction	{border: 1px solid white; width: 100px; text-align: center; font-size: 15px; padding:8px; float: right; margin-left: 10px;}
#calltoaction span	{font-size: 30px;}
/*
	PRICES
*/


#content.prices span			{color:#ffffff; font-size:30px;}

#content.prices div 				{width: 450px; text-align:center;}
#content.prices ul				{background-color: #171717; border: 1px solid #2e2e2e; width: 200px;  margin:20px  0 20px 130px;}
#content.prices div ul li		{list-style:none; text-align:center; margin:5px 0; padding:0; }
#content.prices div ul li p 	{font-size:20px;}
#content.prices div ul li p img {margin: 0 10px;}
.divider		{border-bottom: solid 1px white; border-top: solid 1px white; padding: 10px 0;}

#content p	{margin-bottom: 20px;}

table.logo-prices td	{color: white; text-align: center; padding: 10px 20px; font-size: 23px;}
table.logo-prices	{ margin: 14px 0 68px 0;}


/* Products */
.cameras li div	{float: left; margin: 0 43px 5px 0;}
.cameras li div img	{clear: both;}
.products #background	{height: 2250px !important;}
.products #content	{width: 700px;}
.products #content ul	{margin: 0; padding: 0;}
.products #content ul li	{margin: 0; list-style: none; margin-bottom: 20px; padding-left: 8px;}
.products #content ul li p	{margin-bottom: 17px;}
.products #content ul li ul li	{margin-bottom: 0; list-style: circle outside;}
.products #content ul li h3	{font-size: 14px; font-weight: bold;}
.products #content ul li h4	{font-weight: bold;}
.vio-cam	{height: 700px;}

.product-logos	{float: right;}
.product-logos li	{ list-style: none; padding: 10px; border-bottom: 2px solid #3b3b3b; border-left: 2px solid #3b3b3b; margin:4px 10px 4px 4px; }