/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */

/* PICTURES */
#pictureSlider { }
#pictureSlider div
 {
	 height:100%;
	 width:100%;
	 position:absolute;
	 z-index:0;
	left:0;
}

/* NAVIGATION BOX */
.navbox { width:450px; height:300px; position:absolute; left:0px; top:33%;}

.navbox ul { list-style:none; position:absolute; right:10px; top:10px; }
.navbox ul li { display:inline; cursor:pointer; }
.navbox ul li a 
{ 
	display: block;
    float: left;
    width: 30px;
    height: 30px;
    text-align:left;
    background-image: url(../images/nav_btns.png);
    margin-left: 5px;
    text-decoration: none;
    color: #eee;
    font: bold 14px Helvetica, Arial, Sans-serif;
    line-height: 30px;
    background: #f6050d;
    border-radius: 50%;
	padding-left:10px;
}
.navbox ul li a:hover { background-position:bottom; color:#000; }	
.navbox ul li a.active { color:#000; }

.navbox h2 { padding:50px 20px 0 20px; font: bold 40px Helvetica, Arial, Sans-serif; text-shadow: 0px 2px 6px #333; color:#fff; }
.navbox p { padding:20px 20px 20px 20px; font-family: "Segoe UI","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Tahoma,Verdana,sans-serif; font-size:17px; color:#eee; }
.navbox p a { text-decoration:none;  text-transform:uppercase; letter-spacing: 10px; color:#eee; }
.navbox p a:hover { border-bottom:1px dotted; }
.navbox p.bottom { position:absolute; bottom:5px; right:5px; }

.cam1
{	
	background: -webkit-linear-gradient(rgba(99, 132, 162, 0.7),rgba(212, 227, 234, 0.82));
	background: -0-linear-gradient(rgba(99, 132, 162, 0.7),rgba(212, 227, 234, 0.82));
	background: -ms-linear-gradient(rgba(99, 132, 162, 0.7),rgba(212, 227, 234, 0.82));
	background: -moz-linear-gradient(rgba(99, 132, 162, 0.7),rgba(212, 227, 234, 0.82));
	background:linear-gradient(rgba(99, 132, 162, 0.7),rgba(212, 227, 234, 0.82));
	z-index:99;
}
.cam2 
{
	background: -webkit-linear-gradient(rgba(226, 144, 180, 0.7),rgba(31, 171, 219, 0.7));
	background: -0-linear-gradient(rgba(226, 144, 180, 0.7),rgba(31, 171, 219, 0.7));
	background: -ms-linear-gradient(rgba(226, 144, 180, 0.7),rgba(31, 171, 219, 0.7));
	background: -moz-linear-gradient(rgba(226, 144, 180, 0.7),rgba(31, 171, 219, 0.7));
	background:linear-gradient(rgba(226, 144, 180, 0.7),rgba(31, 171, 219, 0.7));
	z-index:99;	
}
.cam3 
{
	background: -webkit-linear-gradient(rgba(27, 31, 58, 0.7),rgba(83, 153, 213, 0.7));
	background: -0-linear-gradient(rgba(27, 31, 58, 0.7),rgba(83, 153, 213, 0.7));
	background: -ms-linear-gradient(rgba(27, 31, 58, 0.7),rgba(83, 153, 213, 0.7));
	background: -moz-linear-gradient(rgba(27, 31, 58, 0.7),rgba(83, 153, 213, 0.7));
	background:linear-gradient(rgba(27, 31, 58, 0.7),rgba(83, 153, 213, 0.7));
	z-index:99;
}
.cam4
{ 
	background: -webkit-linear-gradient(rgba(0, 134, 178, 0.7),rgba(20, 20, 22, 0.7));
	background: -0-linear-gradient(rgba(0, 134, 178, 0.7),rgba(20, 20, 22, 0.7));
	background: -ms-linear-gradient(rgba(0, 134, 178, 0.7),rgba(20, 20, 22, 0.7));
	background: -moz-linear-gradient(rgba(0, 134, 178, 0.7),rgba(20, 20, 22, 0.7));
	background:linear-gradient(rgba(0, 134, 178, 0.7),rgba(20, 20, 22, 0.7));
	z-index:99;
}
@media screen and (max-width: 450px)
{
	.navbox
	{
		width:100%;
		height:350px;
		left:0px;
		top:27%;
	}
	.navbox h2 
	{ 
		font: bold 25px Helvetica,Arial, Sans-serif;
	}
}
@media screen and (max-width:1000px)
{
	.navbox
	{
		top:17%;
	}
	
}