/*TEXT*/
A:link {text-decoration: none;}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none}



@font-face {
 font-family:robotoLight;
 src: url("http://quinny898.co.uk/fonts/Roboto-Light.eot"); /* EOT file for IE */
}

@font-face {
 font-family:robotoLight;
 src: url("http://quinny898.co.uk/fonts/Roboto-Light.ttf"); /* TTF file for CSS3 browsers */
}
@font-face {
 font-family:roboto;
 src: url("http://quinny898.co.uk/fonts/Roboto-Regular.eot"); /* EOT file for IE */
}

@font-face {
 font-family:roboto;
 src: url("http://quinny898.co.uk/fonts/Roboto-Regular.ttf"); /* TTF file for CSS3 browsers */
}

html
{
font-family:roboto;
background-attachment: fixed;
height: 100%;
background-color: #000000;
width: 100%;
color: rgb(255,255,255);
margin-top: 3px;
padding-right:-100px;
font: 100 21px/0px roboto;
}
.actionBar, .holo-actionBar
{
display:none;
}

button, input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	        box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
}
/* The “active” class is used to force the appearance of the active/pressed state */
button:enabled:active, input[type="button"]:enabled:active, input[type="submit"]:enabled:active, input[type="reset"]:enabled:active,
button:enabled.active, input[type="button"]:enabled.active, input[type="submit"]:enabled.active, input[type="reset"]:enabled.active,
select:active, select[size="1"]:active,
select.active, select[size="1"].active {
	-webkit-box-shadow: 0px 0px 0px 4px rgba(51,181,229,0.4);
	   -moz-box-shadow: 0px 0px 0px 4px rgba(51,181,229,0.4);
	        box-shadow: 0px 0px 0px 4px rgba(51,181,229,0.4);
}
button, input[type="button"], input[type="submit"], input[type="reset"] {
	background-color: #474747;
	
	border-left-color: #454545;
	border-right-color: #454545;
	border-top-color: #858585;
	border-bottom-color: #343434;
	
	color: #FFFFFF;
}
button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus {
	background-color: #1F5366;
	
	border-left-color: #037DA6;
	border-right-color: #037DA6;
	border-top-color: #3497B8;
	border-bottom-color: #037094;
	
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 1px #037EA7;
	   -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 1px #037EA7;
	        box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 1px #037EA7;
}
/* The “active” class is used to force the appearance of the active/pressed state */
button:enabled:active, input[type="button"]:enabled:active, input[type="submit"]:enabled:active, input[type="reset"]:enabled:active,
button:enabled.active, input[type="button"]:enabled.active, input[type="submit"]:enabled.active, input[type="reset"]:enabled.active {
	background-color: #2C94BB;
	
	border-left-color: #2B90B6;
	border-right-color: #2B90B6;
	border-top-color: #64B1CD;
	border-bottom-color: #227392;
}

ul#nav
{
border-bottom: rgb(47,175,216) solid 1px;
text-align: left;
padding-bottom: 13px;
margin-left:-15px;
background-color: rgb(0,0,0);
}

.play
{
margin-top:-17px;
position:absolute;
margin-left:89%;
background: url(../images/play.png) no-repeat;
opacity:.3;
}

.xda
{
margin-top:-17px;
position:absolute;
margin-left:85%;
background: url(../images/xda.png) no-repeat;
opacity:.3;
height:48px;
}


.youtube
{
margin-top:-13px;
position:absolute;
margin-left:80.5%;

opacity:.3;
height:38px;
}


ul#nav li
{
display: inline;
font: 100 17px/21px roboto;
margin-right: 5px;
margin-left: 5px;
color: rgb(0,0,0);
padding-left: 5px;
padding-right: 5px;
}

ul#nav li a
{
color: rgb(220,220,220);
}

ul#nav li:hover
{
border-bottom: rgb(60,60,60) solid 3px;
padding-bottom: 11px;
}

ul#nav li a:hover
{
border-bottom: rgb(60,60,60) solid 3px;
padding-bottom: 11px;
color: rgb(255,255,255);
}


ul#nav li#active a:hover
{
border-bottom: rgb(47,175,216) solid 3px;
padding-bottom: 11px;
color: rgb(255,255,255);
}

ul#nav li#active
{
border-bottom: rgb(47,175,216) solid 3px;
padding-bottom: 11px;
}


div.logo1
{

background: url(../images/logo.png);
margin-left:200px;
width:250px;
height:180px;
transform:scale(0.2,0.2);
}

div#logo
{
text-align:center;
/* Fallback for IE */
background-color: rgb(30,30,30);
background:-webkit-gradient(linear, left top, left bottom, color-stop(1, rgb(25,25,25)), color-stop(0, rgb(30,30,30)));
/* Transparent bit */
background-color: rgba(30,30,30,0.6);
background:-webkit-gradient(linear, left top, left bottom, color-stop(1, rgba(25,25,25,0.6)), color-stop(0, rgba(30,30,30,0.6)));
margin-top:-21px;
height:180px;
border-bottom: rgb(47,175,216) solid 1px;
color: rgb(230,230,230);
font: 100 17px/21px roboto;
}

div#logo p
{

position: absolute;
font: 100 38px/21px robotoLight;
margin-left:auto;
margin-right:auto;
padding-left:10%;
margin-top: 75px;
}

div#logo a
{

color: rgb(240,240,240);
}

login
{
font:100 16px/21px robotoLight;
margin-left:243px;
float:left;
margin-top:8px;
}

#check
{
margin-left:20px;
}

div#login p
{
text-align: left;
}
#submit
{
position:absolute;
margin-top:-36px;
margin-left:137px;
background:url(../images/lock1.png) no-repeat;
width:39px;
height:45px;
border: 0px white solid;
}

#submit:hover
{
opacity:.5;
}


#input
{
background-color: rgba(0,0,0,0);
border: 1px solid rgb(51,181,229);
text-align:center;
color: rgb(255,255,255);
width: 150px;
height:20px;
font:100 12px/21px robotoLight;
}

#input:hover
{
border: 1px solid rgba(51,181,229,0.8);;
opacity:.5;
}

#input:focus
{
border: 1px solid rgba(51,181,229,0.8);
opacity:.5;
}

#ab
{
postion:absolute;
margin-left:300px;
}

#input.user
{
margin-right: 10px;
border-right: 0px solid rgb(0,0,0);
}

#input.pass
{
border-left: 0px solid rgb(0,0,0);
}

.titles
{
text-align:left;
height:40px;
background-color: rgba(0,0,0,0.7);
font:25px/25px roboto;
color: rgb(230,230,230);
border-bottom: rgb(46,168,211) solid 1px;
margin-bottom:25px;
}
.titles p1
{
margin-left: 2%;
position:absolute;
margin-top:7px;
font: 100 10px/25px roboto;
color: white;
}

.titles p1 a:link
{
color: rgb(130,130,130);
}

.titles p1 a:visited
{
color: rgb(130,130,130);
}

.titles p2
{
float:right;
padding-right: 15%;
}


#end
{
background-image: url(../images/background-4.2.jpg);
background-color:#000;
margin-left:-8px;
height:auto;
padding-bottom:10px;

}

.body
{
padding-left:50px;
padding-right:40px;
padding-top:0px;
margin-bottom: 20px;
height:auto;
font:100 18px/21px roboto;
}

#box
{
text-align:center;
padding-top:5px;
padding-left:15px;
padding-right:15px;
padding-bottom:5px;
color: rgb(230,230,230);
width:65%;
height:auto;
background-color: rgb(40,40,40);
box-shadow: 0px 0px 15px rgb(30,30,30);
border-top: rgb(53,53,51) 1px solid;
border: rgb(43,43,43) 1px solid;
}

#box h3
{
font-family:robotoLight;
margin-top:2px;
font:100 21px/21px robotoLight;
padding-bottom: 8px;
border-bottom: rgb(53,53,53) solid 1px;
margin-left:-15px;
margin-right:-15px;
color: rgb(110,212,237);
text-align: center;
}

#box h3nob
{
margin-top:2px;
font:100 21px/21px robotoLight;
padding-bottom: 8px;
border-bottom: rgb(53,53,53) solid 0px;
margin-left:-15px;
margin-right:-15px;
color: rgb(110,212,237);
text-align: center;
}

#extra p
{
text-align:center;
margin-top: 4px
}

#extra
{
margin-top: -30px;
border-top: rgb(53,53,53) solid 1px;
width:67.7%;
padding-bottom:30px;

}

more
{
background-image: url(http://quinny898.co.uk/images/more.png);
}

#boxright
{
vertical-align: top;
float:right;
text-align:center;
padding-top:5px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
color: rgb(230,230,230);
width:25%;
height:auto;
background-color: rgb(40,40,40);
box-shadow: 0px 0px 15px rgb(30,30,30);
border-top: rgb(53,53,51) 1px solid;
}

#boxright h3
{
margin-top:2px;
font:100 21px/21px robotoLight;
padding-bottom: 8px;
border-bottom: rgb(53,53,53) solid 1px;
margin-left:-15px;
margin-right:-15px;
text-align: center;
color: rgb(110,212,237);
}

footer
{
margin-top:-20px;
font:16px/0px roboto;
margin-top:0px;
margin-left: -8px;
border-top: rgb(47,175,216) solid 1px;
padding-top: 10px;
padding-bottom: 10px;
text-align:center;
}

footer p
{
font:16px/0px roboto;
margin-left: 0px;
}

footer p1
{
font:16px/0px roboto;
text-align:center;
height:auto;
}

div#footer
{
background-color: rgb(0,0,0);
font:16px/0px roboto;
margin-top:0px;
margin-left: -8px;
border-top: rgb(51,181,229) solid 1px;
padding-top: 5px;
padding-bottom: 5px;
text-align:center;
color: rgb(51,181,229);
margin-right:-8px;
}

div#footerMobile
{
display:none;
}

div#footer p.center
{
position: absolute;
font: 100 10px/21px roboto;
margin-left:40%;
margin-top: 0px;
color: rgb(51,181,229);
}

a:link {color: #33b5e5; text-decoration: none; }
a:active {color: #33b5e5; text-decoration: none; }
a:visited {color: #33b5e5; text-decoration: none; }
a:hover {color: #FFA500; text-decoration: none; }




a.ul:link {color: #33b5e5; text-decoration: underline; }
a.ul:active {color: #33b5e5; text-decoration: underline; }
a.ul:visited {color: #33b5e5; text-decoration: underline; }
a.ul:hover {color: #33b5e5; text-decoration: underline; }


div#footer p.right
{
position: absolute;
font: 100 10px/21px roboto;
margin-left:85%;
margin-top: 0px;
color: rgb(51,181,229);
}

div#footer p.left
{
position: absolute;
font: 100 10px/21px roboto;
margin-left:5%;
margin-top: 0px;
color: rgb(51,181,229);
text-align:left;
}