@charset "UTF-8";
/* CSS Document */


/* @font-face definitions */
@font-face {
    font-family: 'ElliotSixRegular';
    src: url('assets/ElliotSix-fontfacekit/ElliotSix-webfont.eot');
    src: url('assets/ElliotSix-fontfacekit/ElliotSix-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/ElliotSix-fontfacekit/ElliotSix-webfont.woff') format('woff'),
         url('assets/ElliotSix-fontfacekit/ElliotSix-webfont.ttf') format('truetype'),
         url('assets/ElliotSix-fontfacekit/ElliotSix-webfont.svg#ElliotSixRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OswaldLight';
    src:url('assets/oswald-fontfacekit/Oswald-Light-webfont.eot');
    src: url('assets/oswald-fontfacekit/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/oswald-fontfacekit/Oswald-Light-webfont.woff') format('woff'),
         url('assets/oswald-fontfacekit/Oswald-Light-webfont.ttf') format('truetype'),
         url('assets/oswald-fontfacekit/Oswald-Light-webfont.svg#OswaldLight') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*Animation*/

.spin:hover {
-webkit-animation: cssAnimation 1.5s 1 ease;
-moz-animation: cssAnimation 1.5s 1 ease;
-o-animation: cssAnimation 1.5s 1 ease;
}
	

@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -webkit-transform: rotate(359deg) scale(1.2) skew(1deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -moz-transform: rotate(359deg) scale(1.2) skew(1deg) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -o-transform: rotate(359deg) scale(1.2) skew(1deg) translate(0px); }
}


/* Styling */
body{
	background-image: url(assets/400-04952385t.jpg), url(assets/stock-vector-seamless-violet-tile-wallpaper-also-suitable-as-material-pattern-73937521.jpg) ;
	background-repeat:repeat-x, repeat;
	background-position:bottom left, top right;
	 
}

div{
	width:960px;
	height: 1800px;
	margin: 50px auto 100px auto;
	padding: 70px 40px 70px 40px;
	
	
	-webkit-border-radius: 80px 80px 5px 5px;
	-moz-border-radius: 80px 80px 5px 5px;
	border-radius: 80px 80px 5px 5px;
	
	-webkit-box-shadow: 20px -15px 15px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    20px -15px 15px rgba(50, 50, 50, 0.75);
	box-shadow:         20px -15px 15px rgba(50, 50, 50, 0.75);
	
		background: rgb(255,253,239); /* Old browsers */

		background: -moz-linear-gradient(left,  rgb(255,253,239) 5%, rgb(253,254,220) 15%, rgb(255,253,239) 25%, rgb(255,253,239) 80%, rgb(253,254,220) 90%, rgb(255,253,239) 100%); /* FF3.6+ */

		background: -webkit-gradient(linear, left top, right top, color-stop(5%,rgb(255,253,239)), color-stop(15%,rgb(253,254,220)), color-stop(25%,rgb(255,253,239)), color-stop(80%,rgb(255,253,239)), color-stop(90%,rgb(253,254,220)), color-stop(100%,rgb(255,253,239))); /* Chrome,Safari4+ */

		background: -webkit-linear-gradient(left,  rgb(255,253,239) 5%,rgb(253,254,220) 15%,rgb(255,253,239) 25%,rgb(255,253,239) 80%,rgb(253,254,220) 90%,rgb(255,253,239) 100%); /* Chrome10+,Safari5.1+ */

		background: -o-linear-gradient(left,  rgb(255,253,239) 5%,rgb(253,254,220) 15%,rgb(255,253,239) 25%,rgb(255,253,239) 80%,rgb(253,254,220) 90%,rgb(255,253,239) 100%); /* Opera 11.10+ */

		background: -ms-linear-gradient(left,  rgb(255,253,239) 5%,rgb(253,254,220) 15%,rgb(255,253,239) 25%,rgb(255,253,239) 80%,rgb(253,254,220) 90%,rgb(255,253,239) 100%); /* IE10+ */

		background: linear-gradient(to right,  rgb(255,253,239) 5%,rgb(253,254,220) 15%,rgb(255,253,239) 25%,rgb(255,253,239) 80%,rgb(253,254,220) 90%,rgb(255,253,239) 100%); /* W3C */
}

hgroup{
	
	display: block;
	height: 300px;
	width:700px;
	background-color:white;
	text-align:center;
	font-family:'ElliotSixRegular';
	margin: 70px auto 20px auto;
	padding-top: 100px;
	
	-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		
	-webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 5px 5px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 5px 5px rgba(50, 50, 50, 0.5);
	
}
	
	
h1{ 
	font-size:50px;
	color:#EE0000;
	margin: 30px 0px 0px 0px;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
}

h2{
	font-size:30px;
	color:#0000EE;
	margin: 70px 0px 0px 0px;
	
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
}

nav{ 
	display:block;
	margin: -450px 0px 600px 140px;
	
	-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		
}





nav ol li { 
	display:block;
	float:left;
	height:70px;
	width:70px;
	text-align:center;
	font-family:'OswaldLight';
	font-size:22px;
	margin: -30px 60px 10px 0px;
	padding: 40px 20px 0px 20px;
	
	-webkit-border-radius: 80px;
	-moz-border-radius:80px;
	border-radius: 80px;
	
	-webkit-box-shadow: 0px 8px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 8px 5px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 8px 5px rgba(50, 50, 50, 0.5);
	}

nav ol li#one {	
	background-color:#BB0000;
	-webkit-transform: rotate(-20deg);
		-moz-transform: rotate(-20deg);
}

nav ol li#two {	
	background-color:#0000AA;
	-webkit-transform: rotate(20deg);
		-moz-transform: rotate(20deg);
}

nav ol li#three {	
	background-color:#BB0000;
	-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
}

nav ol li#four {	
	background-color:#0000AA;
	-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
}

nav ol li a:link {
	color: white;
	text-decoration:none;
}

nav ol li a:hover {
	color:#FFFF33;
	text-decoration:none;
}

nav ol li a:visited {
	color: white;
	text-decoration:none;
}

nav ol li a:active {
	color: white;
	text-decoration:none;
}

hr{
	position:relative; 
	color:#888888;
	margin-bottom: 30px;
}

section{
	clear:both;
	margin-bottom: 50px;
}

section h3{
	font-family:'ElliotSixRegular';
	font-size:36px;
	margin-bottom: 20px;
	color:#402B81;
	text-shadow:5px 5px #D4C9D7;
	}

section p{
	font-family:'OswaldLight';
	font-size:25px;
	line-height:45px;
}

section#prod{
	clear:both;
	margin-bottom:230px;
	
}

article {
	display:block;
	float: left;
	width: 300px;
	height: 150px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	
}


article p {
	margin: 35px auto 0px auto;
	line-height:30px;
}

article figure a {
	text-decoration:none;
	border:solid #DECFEB 6px;
	width: 100px;
	height: 100px;
	margin: 0px auto 0px auto;
 }
 
article figure a:link {border-color:#DECFEB;}      /* unvisited link */
article figure a:visited {border-color:#DECFEB;}  /* visited link */
article figure a:hover {border-color:#120057;}  /* mouse over link */
article figure a:active {border-color:#DECFEB;}  /* selected link */


s




footer a {
	text-decoration:none;
	font-family:'OswaldLight';
	font-size:20px;
 }
 
footer a:link {color:#402B81;}      /* unvisited link */
footer a:visited {color:#402B81;}  /* visited link */
footer a:hover {color:#FFFF33;}  /* mouse over link */
footer a:active {color:#402B81;}  /* selected link */


footer{
	display:block;
	margin: 0px auto 0px auto;
	text-align:center;
	font-family:'OswaldLight';
	font-size:20px;
	color:#402B81;
	letter-spacing: 3px;
}