body {
			font-family: proxima nova, helvetica, verdana, arial, sans serif;
			margin: 0;
			padding: 0;
			background: #fff url(../images/graph-paper-1280x960-duo.png) left bottom fixed no-repeat;
			-moz-background-size: cover;
			background-size: cover;
			color: #000;
		}

		@media only all and (max-width: 1024px) and (max-height: 768px) { /* Important: 1024x768px has the same ratio as 1280x960px */

			body {	
				-moz-background-size: 1024px 768px;
				background-size: 1024px 768px;
				min-height: 100%;
				height: 100%;
				width: 100%;
				overflow-x: hidden;
			}
		}

		#container {
			margin: 20px auto;
			width: 900px;
			height: 100%;
			padding: 10px 25px;
			background: transparent url(./images/white50.png);
			background: rgba(255, 255, 255, 0.85) none;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
		}
		
		
		#subcontainer {
        position:relative;
        display: table;
        clear:both;
        width: 100%;
    	}
    	
		
		.logo  {
			font-size: 24px;
			float: left;
		}
		
		
		h1 {
			Font-size: 24px;
			font-weight: normal;
			}
			
		.copyright  {
			font-size: 18px;
			float: left;
		}

		/* MAKES THE IMAGE OVERLAP THE PAGE BORDER
		cover		{
			position: absolute;
			left: 965px;
			top: 515px;
				}*/
			

		/*#nav {
			width: 100%;
			float: left;
			margin: 0 0 10px 0;
			padding: ;
			list-style: none;
			background-color: #efefef;
			border-bottom: 1px solid #ccc; 
			border-top: 1px solid #ccc;
				}*/
				
		#topnav {
			
				}
				
		#topnav ul {
			margin: 0; 
			padding: 5px 0px;
			Font-size: 18px;
			list-style-type: none; 
			text-align: right; 
			/*background-color: #fafafa;*/
			background:  rgba(255, 255, 255, 0.70) none;
			/*border-bottom: solid 2px #ccc;*/
				}

		#topnav li {
			display: inline;
				}

		#topnav li a {
			text-decoration: none; 
			padding: .2em .5em;
			color: #831818;
			/*color: #047ea2;*/
			background:  rgba(255, 255, 255, 0.70) none;
			/*background-color: #fafafa;*/ 
			/*display: block;*/
			
			/*padding: 5px 15px;
			text-decoration: none;
			font-weight: bold;
			color: #0118f3;
			border-right: 1px solid #ccc;*/
				}

		#topnav li a:hover {
			color: #f10088;
			background:  rgba(255, 255, 255, 0.70) none;
			/*background-color: #fafafa;*/
				}


		#nav ul {
			margin: 0; 
			padding: 5px 0px;
			Font-size: 18px;
			list-style-type: none; 
			text-align: left; 
			/*background-color: #fafafa;*/
			background:  rgba(255, 255, 255, 0.70) none;
			border-bottom: solid 2px #ccc;
				}

		#nav li {
			display: inline;
				}

		#nav li a {
			text-decoration: none; 
			padding: .2em .5em; 
			color: #831818;
			/*color: #047ea2;*/ 
			background:  rgba(255, 255, 255, 0.70) none;
			/*background-color: #fafafa;*/ 
			/*display: block;*/
			
			/*padding: 5px 15px;
			text-decoration: none;
			font-weight: bold;
			color: #0118f3;
			border-right: 1px solid #ccc;*/
				}

		#nav li a:hover {
			color: #f10088;
			background:  rgba(255, 255, 255, 0.70) none;
			/*background-color: #fafafa;*/
				}

		h1 {
			margin: 0;
		}

		p {
			margin: 10px 0 0;
		}

		a {
			color: #047ea2;
			text-decoration: none;
			background-color: #fcfcfc;
		}

		a:hover {
			color: #f10088;
			text-decoration: underline;
			background-color: #fcfcfc;
		}
		
		#homebuy {
			width: 726px;
			height: 22px;
			font-size: 16px;
			padding: 5px 0px 0px 10px;
			background-color: #fdcd95;
			box-shadow: 1px 3px 4px #565656;
			/*border: solid 1px #d7d7d7;*/
			/*background:  rgba(255, 180, 0, 0.40) none;*/
			/*border-top: solid 2px #ccc;*/
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 4px;
				}
				
		#homebuy ul {
			margin: 0; 
			padding: 0px; 
			list-style-type: none; 
			text-align: left; 
			background-color: #fdcd95;
			/*background:  rgba(255, 180, 0, 0.40) none;*/
			/*border-bottom: solid 2px #ccc;*/
				}
				
		#homebuy li {
			display: inline;
			padding: .2em .5em;
				}
				
		#homebuy li a {
			text-decoration: none; 
			padding: .2em .5em; 
			color: #047ea2;
			background-color: #fdcd95;
			/*background:  rgba(255, 180, 0, 0.40) none;*/
			/*display: block;*/
			
			/*padding: 5px 15px;
			text-decoration: none;
			font-weight: bold;
			color: #0118f3;
			border-right: 1px solid #ccc;*/
				}

		#homebuy li a:hover {
			color: #f10088;
			background-color: #f7f7f7;
			/*background:  rgba(255, 180, 0, 0.40) none;*/
			padding: .2em .5em;
			padding: .2em .5em;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 4px;
				}
				
		.buytext  {
			font-size: 18px;
			float: left;
			background-color: #fdcd95;
			/*background:  rgba(255, 180, 0, 0.40) none;*/
		}

		/*img {
			box-shadow: 2px 4px 5px #646464;;
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
-ms-box-shadow: 0 0 20px rgba(0,0,0,0.4);
-o-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
			}*/
			
		#panels container {
			margin-left: 10px;
			margin-top: 40px;

		}

		#panels	{
			float: left;
			width: 270px;
			height: 240px;
			/*display: block;*/
			border: solid 1px #e7e7e7;
			margin-top: 0px;
			padding: ;
			background-color: #fafafa;
			color: #000;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 8px;
		}
		
		#panelinner {
			padding: 10px 10px;
			
		}
		
		#pagebody {
			/*width: 660px;
			clear: left;
			float: left;*/
			/*position:relative;
    		display: table;
    		clear:both;
    		float: right;*/
			height: 100%;
    		width: 97%;
		}
		
		#sidebar {
			width: 30%;
			display: table-cell;
			border-left: solid 2px #ccc;
			padding: 0px 0px 8px 10px;
		}

		#footer {
			width: 900px;
			height: 50px;
			border-top: solid 2px #ccc;
				}
				
		#footer ul {
			margin: 0; 
			padding: 0px; 
			list-style-type: none; 
			text-align: right; 
			/*background-color: #fafafa;*/
			background:  rgba(255, 255, 255, 0.70) none;
			/*border-bottom: solid 2px #ccc;*/
				}
				
		#footer li {
			display: inline;
			padding: .2em .5em;
				}
				
		#footer li a {
			text-decoration: none; 
			padding: .2em .5em; 
			color: #047ea2;
			background:  rgba(255, 255, 255, 0.70) none;
			/*background-color: #fafafa;*/ 
			/*display: block;*/
			
			/*padding: 5px 15px;
			text-decoration: none;
			font-weight: bold;
			color: #0118f3;
			border-right: 1px solid #ccc;*/
				}

		#footer li a:hover {
			color: #f10088;
			background:  rgba(255, 255, 255, 0.70) none;
			/*background-color: #fafafa;*/
				}


/* NIVO SLIDER */

.nivoSlider {
    position:relative;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
    background-color: #efefef;
    filter:alpha(opacity=0);
    opacity: 0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
}
				
				
				
		/* SHOW HIDE */

#slidingDiv, #slidingDiv_2 {
	height:100%;
    background-color: #E8E8E8;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3F585F;
    border:solid 1px #ccc;
    display:none;
}


				
/* DROP DOWN MENU */

#dd {
  margin-left: 0px;
  padding: 0 0 20px 0;
}

#dd li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font: bold 11px arial;
}

#read a {
  text-align: center;
  background: #5970B2;
  padding: 4px 10px;
  color: #fff;
  width: 60px;
  text-decoration: none;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 2px 4px 5px #888;
}

#dd li a.menu {
  display: block;
  text-align: center;
  background: #5970B2;
  padding: 4px 10px;
  margin: 0 1px 0 0;
  color: #FFF;
  width: 60px;
  text-decoration: none;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 2px 4px 5px #888; 
}

#dd li a.menu:hover {
  background: #49A3FF;
}

.submenu {
  background: #EAEBD8;
  border: 1px solid #5970B2;
  visibility: hidden;
  position: absolute;
  z-index: 3;
}

.submenu a {
  display: block;
  font: 11px arial;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: #2875DE;
}

.submenu a:hover {
  background: #49A3FF;
  color: #FFF;
}
