@import url(fonts.css);

* {border:0;padding:0;margin:0;outline:0;}
a {text-decoration:none;}
p {margin-bottom:20px;}

h1, h2, h3, h4, h5, h6 {margin-bottom:20px;font-size: 1.6em;}

body {font-family:"Century Gothic",Helvetica;font-size:15px;background:url("../images/background.jpg") repeat;line-height:22px;font-size:14px;}

#wrapper {margin:20px auto 20px auto;width:980px;}

#header {}
	#header #mainNav a {color:#000000;font-size:1.2em;}
	#header #mainNav .sep {color:#855c37;font-size:1.2em;}
	#header #mainNav .activ {border-bottom: 1px dotted #999999;padding-bottom: 3px;}
	#header #mainNav a:hover {border-bottom: 1px dotted #999999;padding-bottom: 3px;}

#content {position:relative;height: 1000px;overflow: hidden;}

.page {
	position:absolute;
	width:731px;
	height:531px;
	background:url("../images/background.jpg") repeat;
	z-index:5;
	overflow:hidden;
	border:4px solid #ffffff;
	padding:20px;
}
#about {top:18px;left:0;}
#contact {top:18px;right:3px;}

.one-third {
    width:75%;
    float:left;
}
#footer .one-third p {text-align:left;}
.two-third {
    width:25%;
    float:right;
}
.one-third p,
.two-third p {
   padding:0 10px; 
}


.clearboth {
    clear:both;
}

.ri-grid {
	position: relative;
	height: auto;
	width:55%;
}

.ri-grid-loading{
	width: 100px;
	height: 100px;
	background: transparent url(../images/loading.gif) no-repeat center center;
}

.ri-grid ul {
	list-style: none;
	display: block;
	width: 1000px;
	margin-left:-18px;

}

.ri-grid ul:before,
.ri-grid ul:after{
	content: '';
    display: table;
}

.ri-grid ul:after {
    clear: both;
}
.ri-grid ul {zoom: 1;}

.ri-grid ul li {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-o-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;
	float:left;
	margin:18px 0 0 18px;
	position: relative;
	display: block;
	overflow: hidden;
	background:#ffffff;
	width:181px;
	height:181px;
}
.ri-grid ul li a {
	display: block;
	outline: none;
	position: absolute;
	left: 4px;
	top: 4px;
	width: 173px;
	height: 173px;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #ffffff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.ri-grid-loading:after,
.ri-grid-loading:before{
	display: none;
}
/*#grid ul li img {border:4px solid #ffffff;}*/
#grid ul .logo {background:transparent;border:none;width:580px!important;height:180px!important;}
#grid ul .logo a {display:none;}

#footer {clear:both;margin-top:20px;}
	#footer p {text-align:right;}