/*STUFF FOR ALL PAGES*/
body{
	/*#d9e6de*/
	background:#4f7674 url(cf_hand_bg.png) no-repeat;
	background-size:2250px;
	background-attachment: fixed;
	background-position:-160px -50px;
}
#main{
	margin-left:auto;
	margin-right:auto;
	width:650px;
	border-radius:5px;
	background-color:#c9c9c9/*a3a6a4*/;
	box-shadow:0px 5px 10px black;
		-webkit-box-shadow:0px 5px 10px black;
		-moz-box-shadow:0px 5px 10px black;
		-o-box-shadow:0px 5px 10px black;
		-ms-box-shadow:0px 5px 10px black;
}
#header{
	height:30px;
	margin-top:-8px;
	text-align:left;
	background-color: #123432;
	margin-left:-10px;
	width:110%;
	border:none;
	border-radius:0px;
}
#breaker{
	position:fixed;
	margin-left:-10px;
	width:110%;
	height:55px;
	border:none;
	border-radius:0px;
	background-color:#123432;
}
div a{
	background-color:transparent;
	text-decoration:none;
}
table{
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}
td{
	vertical-align:top;
}
h3{
	font:bold 20px verdana;
	padding:5px;
	background-color:#345654;
	border-radius:5px 5px 0px 0px;
	border-bottom:2px solid white;
	text-align:center;
	color:white;
}
h4{
	font:14px verdana;
	background-color:#345654;
	border-radius:5px 5px 0px 0px;
	border-bottom:2px solid white;
}
p{
	font:15px Gadget, sans-serif;
	padding:25px;
}
p a{
	color:orange;
}
p a:visited{
	color:#cc3300;
}
p a:hover{
	color:blue;
}
p a:active{
	color:white;
}
#copyright{
	text-align:center;
	font:10px verdana;
}
ul{
	list-style-type:none;
}




/*MAIN PAGE STUFF*/
.bbox{
	text-align:center;
	background-color:black;
	border-radius:5px;
	color:white;
	box-shadow:10px 10px 15px black;
		-webkit-box-shadow:10px 10px 10px #666;
		-moz-box-shadow:10px 10px 10px #666;
		-o-box-shadow:10px 10px 10px #666;
		-ms-box-shadow:10px 10px 10px #666;
}
#blog{
	margin-top:-125px;
	width:250px;
	height:325px;
}
#blog p{
	text-align:justify;
	background-color:#d9e6de;
	margin:10px;
	border:3px solid #456765;
	color:black;
	overflow:hidden;
}
#blog a{
	color:gray;
}
#blog a:hover{
	color:white;
}
#social{
	margin-top:20px;
	width:250px;
}
#social img{
	border-radius:10px;
	max-height:75px;
	box-shadow:none;
	transition:0.5s;
		-webkit-transition:0.5s;
		-moz-transition:0.5s;
		-o-transition:0.5s;
		-ms-transition:0.5s;
}
#social img:hover{
	box-shadow:0px 0px 5px white;
		-moz-box-shadow:0px 0px 5px white;
		-webkit-box-shadow:0px 0px 5px white;
		-o-box-shadow:0px 0px 5px white;
		-ms-box-shadow:0px 0px 5px white;
}




/*NAVIGATION BAR*/
nav ul{
	width:110%;
	z-index:1;
	position:fixed;
	list-style-type: none;
    margin: -10px;
    padding: 0px;
    background-color: #234543;
}
nav > ul > li {
	float:left;
    color:white;
	font:16px Segoe UI;
}

nav li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
nav li a:hover {
    color:black;
	background-color:#59bbb5;
	transition: .25s;
		-webkit-transition:0.25s;
		-moz-transition:0.25s;
		-o-transition:0.25s;
		-ms-transition:0.25s;
}
nav li img{
	vertical-align:-10%;
}
#social li{
	margin-top:-10px;
	padding-bottom:10px;
	text-align:left;
}
#social li a:hover{
	color:white;
}
.dropdown > ul{
	width:auto;
	margin:-5px;
	visibility:hidden;
	opacity:0;
	transition:0.5s;
		-webkit-transition:0.5s;
		-moz-transition:0.5s;
		-o-transition:0.5s;
		-ms-transition:0.5s;
	box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		-o-box-shadow:none;
		-ms-box-shadow:none;
}
.dropdown:hover>ul{
	margin:0px;
	visibility:visible;
	opacity:1;
	box-shadow:5px 5px 10px black;
		-webkit-box-shadow:5px 5px 10px black;
		-moz-box-shadow:5px 5px 10px black;
		-o-box-shadow:5px 5px 10px black;
		-ms-box-shadow:5px 5px 10px black;
}
.dropdown:hover>ul>li:hover{
	background-color:#59bbb5;
}







/*ABOUT PAGE INFORMATION*/
#main > table{
	border-radius:25px;
	width:750px;
	background-color:#345654;
	box-shadow:5px 5px 10px black;
		-webkit-box-shadow:5px 5px 10px #666;
		-moz-box-shadow:5px 5px 10px #666;
		-o-box-shadow:5px 5px 10px #666;
		-ms-box-shadow:5px 5px 10px #666;
}
#andrew{
	margin-left:-125px;
}
#robin{
	margin-left:25px;
}
.aboutdesc{
	padding:10px;
	vertical-align:middle;
	color:white;
}
.portrait{
	margin:5px 5px 0px 5px;
	max-height:250px;
	background-color:white;
	border-radius: 20px;
}




/*PRODUCTS PAGE INFO*/
.screenshot{
	display:none;
	max-width:650px;
}
.smallimg{
	cursor: pointer;
	text-align:center;
	max-height:100px;
}
.lboxcontainer{
	position:fixed;
	background-color:#234543;
	padding:15px;
	max-height:500px;
	border-radius:15px;
	top:50%;
	left:50%;
	transform: translate(-50%, -2000%);
	-webkit-transform: translate(-50%, -2000%);
	-ms-transform: translate(-50%, -2000%);
}
.lbox:before{
	content: "";
	position:fixed;
	display:none;
	background-color:rgba(0,0,0,0.75);
	top:0;
	left:0;
	height:100%;
	width:100%;
}
#lightBox{
	cursor: pointer;
	content: "";
	position:fixed;
	display:none;
	background-color:rgba(0,0,0,0.75);
	top:0;
	left:0;
	height:100%;
	width:100%;
}
#lbc{
	height:490px;
	width:650px;
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:#234543;
	padding:15px;
	border-radius:15px;
	
}
.lbox:target:before{
	display:block;
}
.lbox:target .lboxcontainer{
	top:15%;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
}
.game{
	display:inline-block;
	margin-left:-55px;
	text-align:justify;
	background-color:#345654;
	border-radius:5px !important;
	width:750px;
	padding:0px;
	box-shadow:0px 5px 10px black;
		-webkit-box-shadow:0px 5px 10px black;
		-moz-box-shadow:0px 5px 10px black;
		-o-box-shadow:0px 5px 10px black;
		-ms-box-shadow:0px 5px 10px black;
}
.game img{
	vertical-align:middle;
}
.game p{
	color:white;
}
.game h3{
	height:20px;
	background-color:#345654;
}
.game table{
	margin-left:0px !important; 
	float:left; 
	margin-top:-15px;
	padding:5px;
}
#lbox-close{}
.glow{
	border-radius:5px;
	box-shadow:none;
	transition:0.5s;
		-webkit-transition:0.5s;
		-moz-transition:0.5s;
		-o-transition:0.5s;
		-ms-transition:0.5s;
}
.glow:hover{
	box-shadow:0px 0px 5px white;
		-moz-box-shadow:0px 0px 5px white;
		-webkit-box-shadow:0px 0px 5px white;
		-o-box-shadow:0px 0px 5px white;
		-ms-box-shadow:0px 0px 5px white;
}


/*LINKS INFORMATION*/
.bigshot{
	float:left; 
	max-height:200px; 
	padding:5px;
	border-radius:15px !important;
}
.smallshot{
	margin-top:-10px;
	max-height:75px;
	padding-left:5px;
	padding-right:5px;
	border-radius:10px;
}