body {
 background: url('img/background.jpg') no-repeat fixed top center;
 text-align: center;
 padding: 0px;
 margin: 0px;
}

#wrap {
 width: 982px;
 margin-left: auto;
 margin-right: auto;
}

.red {
font-size: 23px;
color: #d0322a;
font-weight:bold;
}

.blue {
font-size: 26px;
color: #175bc2;
font-weight:bold;
}

/* header */

#header {
 position: relative;
 text-align: center;
 padding: 0px;
 margin: 0px;
}

h1 {
 float: left;
 background: url('img/logo2.png') no-repeat;
 height: 117px;
 width: 288px;
 text-indent: -9999px;
 padding: 0px;
 margin-top: 20px;
}

#support {
 float: right;
 background: url('img/support.png') no-repeat;
 width: 129px;
 height: 52px;
 position:relative;
 top: 30px;

}

a {
color:black;
}

.board {
background: url('img/boardbg.png');
width: 282px;
height: 272px;
margin-top: 13px;
margin-left: 13px;
border: solid 1px;
}


/* Menu */

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 17px;
	margin-right: 8px;
	list-style: none;
	background-repeat: no-repeat;
        position: relative;
        top: 110px;
        left: 405px;


}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 90px;
	background-repeat: no-repeat;


}


.home {
 background-image: url('img/home.png'); 
 width:63px;
 height: 17px; 
 border-right: solid;
 border-width: 1px;
 border-color: white;

}

.home a {
 background-image: url('img/homea.png');
 width: 63px;
 height: 17px;
}

.about {
 background-image: url('img/about.png');
 width:67px;
 height:17px;
 border-right: solid;
 border-width: 1px;
 border-color: white; 
}

.about a {
 background-image: url('img/abouta.png');
 width:67px;
 height:17px;

}

.products {
 background-image: url('img/products.png');
 width:95px;
 height:17px;
 border-right: solid;
 border-width: 1px;
 border-color: white; 
}

.products a {
 background-image: url('img/productsa.png');
 width:95px;
 height:17px;
}

.subscribe {
 background-image: url('img/subscribe.png');
 width:104px;
 height:17px;
 border-right: solid;
 border-width: 1px;
 border-color: white; 
}

.subscribe a {
 background-image: url('img/subscribea.png');
 width:96px;
 height:17px;
}

.contact {
 background-image: url('img/contact.png');
 width:83px;
 height:17px;
 border-right: solid;
 border-width: 1px;
 border-color: white; 
}

.contact a {
 background-image: url('img/contacta.png');
 width:77px;
 height:17px;
}

.login {
 background-image: url('img/login.png');
 width:50px;
 height:17px;
}

.login a {
 background-image: url('img/logina.png');
 width:50px;
 height:17px;
}


ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;
}





/* menu end */


/* body */

#body {
 overflow: hidden;
 width: 100%;
 padding-bottom: 20px;
 position: relative;
 top: -5px;
 }

#bodyscroll {
 
 text-align: left;
 background: url('img/bodybg.png');
 padding-bottom: 25px;
 overflow: hidden;
}


#maincontainer {
position: relative;
top:20px;
float: left;
background: url('img/bodybg.png');
width: 982px;
padding-bottom: 15px;


}

.main {
 background: url('img/primary.png');
 margin-left: 13px;
 margin-top: 15px;
 width: 957px;
 padding-bottom: 25px; 
 float: left;
 outline: 1px solid black; 

}

#sidebarcontainer {
float: right;
background: url('img/bodybg.png');
width: 310px;
position: relative;
top: 20px;
padding-bottom: 15px;
}



#frontpage {
padding-top: 15px;
line-height: 26.5px;
font-size: 12px;
}


#sidebar {
 background: url('img/sidebar.png');
 float: right;
 margin-top: 15px;
 margin-right: 14px;
 width: 283px;
 outline: 1px solid black; 

}

.test {
font-size: 12px;
line-height: 18px;
}

#video {
float: right;
position: absolute;
width: 445px;
height: 250px;
top: 57px;
left: 58px;
z-index: 20;
}

/* body */


#smallphoto {
background: url("img/test1.jpg") no-repeat;
width: 108px;
height: 94px;
float: right; 
padding-left: 15px;
margin-left: 15px;
padding-top: 5px;
margin-top: 25px;
}

#slidercontainer {
 position: relative;
 top: 12px;
 margin-left: auto;
 margin-right: auto;
 width: 955px;
 height: 432px;
 background: url(img/slider_bg.jpg) no-repeat;
 overflow: hidden;
 left: 0px;
 background-color: black;
 outline: 1px solid black; 
}

.header1 {
 background-color: black;
 width: 617px;
 height: 25px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 2px;
}


.header2 {
 background-color: black;
 width: 278px;
 height: 25px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 2px;
} 

h2 {
 color: white;
 padding-top: 10px;
 padding-bottom: 7px;
 font:18px Trebuchet MS, Arial, Helvetica, Sans-Serif; 
}

h3 {
font-family: Arial, Helvetica, sans-serif;
color: #d0322a;
font-size: 25px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 5px;
margin-top: 18px;
}

b {
font-weight: bold;
}

p {
text-align: justify;
padding-left: 20px;
padding-right: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 23px;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: left;
font-weight: bold;
margin-right: 10px;
margin-left: 20px;
margin-top: 0px;
}

h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
padding-left: 20px;
font-size: 25px;
margin-bottom: -10px;
margin-left: 16px;
color: #d0322a;
}

.one {
background: url("img/1.png") no-repeat;
height: 68px;
width: 500px;
padding-left: 75px;
padding-top: 17px;
}

.two {
background: url("img/2.png") no-repeat;
height: 68px;
width: 500px;
padding-left: 75px;
padding-top: 17px;
}

.three {
background: url("img/3.png") no-repeat;
height: 68px;
width: 500px;
padding-left: 75px;
padding-top: 17px;
}

.four {
background: url("img/4.png") no-repeat;
height: 68px;
width: 500px;
padding-left: 75px;
padding-top: 17px;
}

.five {
background: url("img/5.png") no-repeat;
height: 68px;
width: 500px;
padding-left: 75px;
padding-top: 17px;
}





.highlight {
font-weight: bold;
}

.pictoral {
float: right;
margin-top: 25px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
outline: 1px solid black;

}

ul {
text-align: left;
font-weight: bold;
font:18px Trebuchet MS, Arial, Helvetica, Sans-Serif;
padding-right:20px

}

.check{
margin-bottom: 10px;
background-image:url('img/checkmark.png');
background-repeat: no-repeat;
background-position: 0 0;
padding: 0 0 0 40px;
list-style-type: none;
padding-top: 14px;


}


.arrow{
margin-top: 10px;
margin-bottom: 10px;
background-image:url('img/arrow2.png');
background-repeat: no-repeat;
background-position: 0 0;
padding: 0 20px 0 40px;
position: relative;
left: 15px;
list-style-type: none;
padding-top: 17px;


}

.wmv{
margin-top: 10px;
margin-bottom: 10px;
background-image:url('img/wmv.png');
background-repeat: no-repeat;
background-position: 0 0;
padding: 0 20px 0 60px;
position: relative;
left: 50px;
margin-right: 30px;
list-style-type: none;
padding-top: 15px;
height: 40px;
}


.download {
color: red;
}

.ptest {
float: right;
padding-left: 12px;
padding-top: 23px;
outline: black 1px;
}


span {
color: #1c2458;
}

#slider {
 font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
 color:#333;
 padding-bottom:0;
 text-align:left;
 position: relative;
 width: 955px;
 overflow: hidden;
}
	
	img{border:1px;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;

            }
    /* // image replacement */
			
				
	#content{
		position:relative;
		}			

/* Easy Slider */

#sliderbg {
position: relative;
background: url(img/slider_bg.jpg) no-repeat;
height: 407px;
width: 958px;
float:right;

}	
	
	
	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;

		}
	#slider2{
	margin-top:1em;
	}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:690px;
		height:407px;
		overflow:hidden; 
	
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	


	ol#controls{
		margin:0 0;
		padding:5px 0;
		height:11px;
		position: relative;
		text-align: center;
		left: 46%;
		font-size: 10px;
		font-family: Arial;
		}
	ol#controls li{
		margin:0 12px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:15px;
		line-height:15px;
		}
	ol#controls li a{
		float:left;
		height:15px;
		line-height:15px;
		border:1px solid #ccc;
		background:#fff;
		color:#555;
		padding:0 5px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#000;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */



/* bottom body */

#container1 {
padding-bottom:15px;
 width: 311px;
 text-align: left;
 background: url('img/bodybg.png');
 float: left;
 position: relative;
 top: 40px;
 clear: both;
 
}
#container2 {
padding-bottom:15px;
 width: 311px;
 text-align: left;
 background: url('img/bodybg.png');
 position: relative;
 top: 40px;
 float: left;
 left: 25px;

 
}

#container3 {
padding-bottom:15px;
 width: 311px;
 text-align: left;
 background: url('img/bodybg.png');
 float: right;
 position: relative;
 top: 40px; 
}

#footer {
float: right;
height: 150px;
width: 982px;
padding-bottom: 20px;

}

.footer {
color: white;
font-size: 13px;
padding-top: 100px;
text-align: center;
}

#signup {
position: relative;
padding-left: 330px;
padding-top: 20px;
}
