/* global */

	html{
		height:100%;
		}
    body{ 
		background:#ffffff url(../images/bg_body.gif) repeat-x;
        font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#333;
/* 		line-height:180%; */
		margin:0;
		padding:0;
		text-align:center;
        }

    /* headings */
        h1{
			font-size:200%;
			font-weight:normal;
            }		
		h2, h3, h4, h5, h6{
			font-weight:normal;
			margin:1em 0;
			}	
        h2{            
			font-size:160%;
            }	
        .col h2{            
			padding-bottom:.5em;
			background:url(../images/bg_full.gif) 0 100% no-repeat;
            }
        #content h2{            
			padding-top:.5em;
			background:url(../images/bg_line.gif) 0 0 no-repeat;
            }									
        h3{          
			font-size:140%;
            }		
        h4{          
			font-size:120%;
            }				
    /* // headings */

    /* image replacement */
        .graphic, #header h1, #header li, ul#nav li, p#join, #price, #individual, #intro span, #subscribe, button, #preview h1, #preview span{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

    /* clearfix */

		#content:after, ul:after, .fixed:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		#content, ul, .fixed{
			display:block;
			}
		/*  \*/
		#content, ul, .fixed{
			min-height:1%;
			}
		* html #content, * html ul, * html .fixed{
			height:1%;
			}

    /* // clearfix */
	
	/* HTML Tags */
        a{
			text-decoration:none;
			color:#e2001a;
            }
        a:hover{
			color:#999;
            }			
		table, input, textarea, select, li{
			font:100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
			}				
		p, blockquote, ul, ol, form{
			margin:1em 0;
			}
		blockquote{
			}
		pre{
			font:12px "Courier New", Courier, monospace;
			background:#f9f9f9;
			border-top:1px solid #ccc;			
			border-bottom:1px solid #ccc;			
			padding:10px 15px;
			margin:1em 0;
			line-height:100%;
			color:#222;
			}
		img{
			border:none;
			}			
		hr{
			display:none;
			}	
		table{
			margin:1em 0;
			width:100%;
			border-collapse:collapse;
			}
		th, td{	
			padding:2px 5px;
			}	
		th{	
			text-align:left;
			}	
		li{
			display:list-item;
			}
	
	/* // HTML Tags */	
	
/* // Global */

/* page setup */

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:706px;
		background:url(../images/bg_container.png) repeat-y;		
		margin-bottom:2em;
		}
	#header{
		background:url(../images/bg_header.gif) no-repeat 0 0;		
		height:106px;
		}	
	#logo{
		position: absolute;		
		top: 35px;
		left: 40px;
/* 		z-index: 1; */
		}			
	#intro{
		background:url(../images/bg_inner.gif) no-repeat 0 0;		
		position:relative;
		}	
	#inner{
		background:url(../images/bg_inner.gif) no-repeat 0 0;		
		}			
	#content{
		background:#e2e2e2 url(../images/bg_content.gif) repeat-x;	
		margin:0 5px;
		padding:20px 36px 80px 36px;	
		font-size:13px;
		}	
	#main{
		float:left;
		display:inline;
		width:530px;
		margin-left:17px;
		}											
	.col{
		float:left;
		display:inline;	
		width:299px;	
		margin-left:36px;
		color:#4e4e4e;
		font-size:14px;
		padding:0 0 1em 0;
		}
	.full{
		clear:both;
/* 		width: 299px; */
		background:url(../images/bg_full.png) no-repeat 36px 0;		
		padding: 15px;
		color:#747474;
		position:relative;
		}	
	#footer{
		clear:both;
		background:url(../images/bg_footer.png) no-repeat 0 100%;		
		padding:0 36px 2em 36px;
		font-size:11px;
		color:#ccc;
		line-height:120%;
		}		

/* //page setup */


/* navigation elements */

	/* main nav */
		
		ul#nav,  
		ul#nav li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#nav{
			position:absolute;
			margin:0;
			padding:0;
			width:706px;
			height:69px;
			top:77px;
			left:0;
			}	
		ul#nav li{
			float:left;
			display:inline;
			height:69px;
			line-height:69px;
			}	
		ul#nav li a{
			float:left;
			display:inline;
			height:69px;
			line-height:69px;
			background-position:0 0;
			background-repeat:no-repeat;			
			}
		ul#nav li a:hover{
			background-position:0 -69px;
			}			
		ul#nav li#nav1, ul#nav li#nav1 a{width:84px;background-image:url(../images/nav_1.gif);}	
		ul#nav li#nav2, ul#nav li#nav2 a{width:80px;background-image:url(../images/nav_2.gif);}	
		ul#nav li#nav3, ul#nav li#nav3 a{width:133px;background-image:url(../images/nav_3.gif);}	
		ul#nav li#nav4, ul#nav li#nav4 a{width:68px;background-image:url(../images/nav_4.gif);}	
		ul#nav li#nav5, ul#nav li#nav5 a{width:112px;background-image:url(../images/nav_5.gif);}	
		ul#nav li#nav6, ul#nav li#nav6 a{width:156px;background-image:url(../images/nav_6.gif);}	
		ul#nav li#nav7, ul#nav li#nav7 a{width:199px;background-image:url(../images/nav_7.gif);}															

		ul#nav li#nav1{margin-left:24px;}

	/* //main nav */
	
	/* top nav */
		
		ul#topnav,  
		ul#topnav li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#topnav{
			position:absolute;
			margin:0;
			padding:0;
			height:20px;
			top:80px;
			right:35px;
			}	
		ul#topnav li{
			float:left;
			display:inline;
			height:20px;
			margin-left:10px;
			font-size:11px;
			}	
		ul#topnav li a{
			float:left;
			display:inline;
			height:20px;
			line-height:20px;
			color:#fff;
			}
		ul#topnav li a:hover{
			text-decoration:underline;
			}			
			
	/* // top nav */				
	
/* //navigation elements */


/* header */

	#header h1{
		position:absolute;
		margin:0;
		padding:0;
		width:278px;
		height:73px;
		top:0;
		left:0;
		background:url(../images/bg_logo.gif) no-repeat 0 0;	
		}
	#header h1 a{
		display:block;
		height:73px;
		}
	#meta{
		position:absolute;
		float:left;
		display:inline;
		margin:0;
		height:46px;
		line-height:46px;		
		top:25px;
		right:5px;
		text-align:center;
		font-size:12px;
		overflow:hidden;	
		background:url(../images/bg_meta.gif) no-repeat 0 0;	
		padding-left:15px;
		color:#fff;
		}	
	#meta span{
		float:left;
		display:inline;
		padding-right:15px;
		background:url(../images/bg_meta.gif) no-repeat 100% 0;	
		}			
	#meta a{
		text-decoration:underline;
		font-weight:bold;
		color:#fff;
		}	
	#meta a:hover{
		color:#aaa;
		}						

/* // header */

/* content */
				
	#content img{
		border:1px solid #fff;
		}	
	.left{
		float:left;
		display:inline;
		margin-right:15px;
		}			
	#content .left img{
		border:1px solid #222;
		border-top:1px solid #000;
		border-left:1px solid #000;
		background:#111;
		padding:5px;
		}		
		
	h2#title{
		background:#222322 url(../images/bg_title.gif) repeat-x;	
		color:#fff;
		margin:0 5px;
		padding:24px 36px;			
		font-size:25px;
		}	
				
	#intro ul, #intro li{ 
		margin:0;
		padding:0;
		list-style:none;
		}	
	#intro div{ 
		height:400px;
		width:696px;
		margin-left:5px;
		overflow:hidden;
		position:relative;
		}	
	#intro ul{ 
		height:241px;		
		}	
	#intro li{ 
		float:left;
		display:inline;
		height:241px;
		width:696px;
		}	
	#intro span{ 
		display:block;
		width:35px;
		height:69px;
		position:absolute;
		left:-30px;
		top:140px;
		}	
	#intro span.next{ 
		left:701px;
		}														
	#intro span a{  
		display:block;
		width:35px;
		height:69px;
		background:url(../images/btn_prev.png) no-repeat 0 0;	
		}	
	#intro span.next a{ 
		background:url(../images/btn_next.png) no-repeat 0 0;	
		}								

	.col strong, .full strong{
		padding:0 2px;
		}
	.col a, .full a, #content a{
		font-weight:bold;
		text-decoration:underline;
		}	
		
	#content strong{
		background:#fff;
		}				

	/* thumbs */	
	
		.thumbs, .thumbs li {
			margin:0;
			padding:0;
			list-style:none;
			}
		.thumbs li{
			padding-bottom:1em;
			background:url(../images/bg_line.gif) no-repeat 0 100%;				
			}					
		#content .thumbs li img{
			float:left;
			display:inline;
			margin-right:15px;
			border:1px solid #ccc;
			border-top:1px solid #bbb;
			border-left:1px solid #bbb;
			background:#fff;
			padding:5px;			
			}
		.thumbs li .links{
			float:left;
			display:inline;
			margin:0;
			padding:0;
			width:300px;		
			border-top:1px solid #bbb;	
			font-size:15px;							
			}			
		.thumbs li .links li{
			padding:.5em 0;
			list-style:none;	
			background:none;
			border-bottom:1px solid #bbb;				
			}		
		#content .thumbs li .links li a{
			text-decoration:none;
			display:block;
			}												
	
	/* // thumbs */			

/* // content */

/* footer */

	#footer .first{
		background:url(../images/bg_full.gif) no-repeat 0 0;		
		padding-top:2em;
		}
	#footer p{
		margin:.5em 0;
		text-align:center;		
		}		
		
/* // footer */

	#test{
		width: 650px !important	; 	
		}	
	#vide{
		height: 30px !important	;
		min-height: 60%;
		
	}	

      .button {
            padding: 4px 10px 3px 25px;
            border: solid 1px #efefef;
            position: relative;
            cursor: pointer;
            display: inline-block;
            background-image: url(../images/bkg.png);
            background-repeat: repeat-x;
            font-size: 11px;
            height: 14px;
            text-decoration: none;
            color: #747474;
            -moz-border-radius-bottomleft: 5px;
            -moz-border-radius-bottomright: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
        }
        .button img {
            position: absolute;
            top: -4px;
            left: -12px;
            border: none;
        }
        .button:hover {
            color: #969696;
        }
        input, textarea {
            display: block;
            margin-bottom: 10px;
            width: 300px;
        }	
	#large_box {
	width:700;
	height:400
	;}	
	
	.boxgrid{ 
		width: 325px; 
		height: 260px; 
		float:left; 
		overflow: hidden; 
		position: relative; 
		}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
		}
	.boxgrid p{ 
		padding: 0 0px; 
		color:#8e8e8e; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
		}
	 	.captionfull .boxcaption {
		top: 260;
 		left: 0;
 				}
 	.caption .boxcaption {
 		top: 220;
 		left: 0;
 		}
		.boxcaption{ 
		float: left; 
		position: absolute; 
		background: #ffffff; 
		height: 100px; 
		width: 100%; 
		opacity: .7; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 		}