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

/* We need some good fonts */
@import url(http://fonts.googleapis.com/css?family=Average+Sans);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/* some basic styles first */
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "Open Sans", sans-serif;
}

* {
	margin: 0;
	padding: 0;
}

.container {
	background: url("../images/bg.jpg") no-repeat scroll 0 0 #CCCCCC;
    border: 1px solid #006178;
    height: 500px;
    margin: 100px auto 0;
    overflow: hidden;
    width: 900px;
}

h1 {
	color: #006178;
    font-family: "Average Sans", sans-serif;
    font-size: 38px;
    line-height: 100px;
    margin-left: 10px;
}

h1 span {
	color: #006178;
}


.left {
	    float: left;
    margin-top: 20px;
    width: 20%;
	}

.right {
	    float: right;
    margin-right: 60px;
    width: 65%;
	}

p {
	color: #000;
	margin: 20px 0;
	font-size: 13px;
}

a {
	color: white;
	text-decoration: none;
}

ul li{
	font-size: 13px;
}

ul li a {
	background: none repeat scroll 0 0 #006178;
    display: block;
    margin: 5px 10px;
    padding: 5px;
    transition: all 0.2s ease 0s;
    width: 90%;
}

/* Some juicy hover effects */
ul li a:hover {
	color: #006178;
	background: none repeat scroll 0 0 #EAEAEA;
}

/* And here's the final coming soon page. You can use the same techniques to create your own coming soon pages. Good luck :) */