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

#container {
	width:1000px;
	text-align:left;
	margin:0 auto;
	border: 1px #333 solid;
	margin-top:10px;
	margin-bottom:25px;
	}

/************************************************ Top Divs **********************/
	
#top {
	width: 1000px;
	height: 107px;
	}
	
#navlist {
	background-image:url(../images/nav.jpg);
	background-repeat:repeat-x;
	height:26px;
	display:block;
	padding-top: 6px;
	}
	
#navlist ul {
	margin: 0px;
	padding: 0 0 10px 4px;
	}

#navlist ul li {
	display:inline;
	list-style-type:none;
	font-family: century gothic, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-variant:small-caps;
	}

/**************************************************** Nav List Links **************/

#navlist ul li a {
	color: #777777;
	text-decoration:none;
	padding: 6px 10px 9px 12px;
	text-decoration:none; font-weight:normal;
	}
	
#navlist ul li a:hover, #navlist ul li a:active {
	background-image: url(../images/menuhov.jpg);
	background-repeat:repeat-x;
	height:32px;
	color: #FFFFFF;
	}
	
/**************************************************** Main Colum ******************/

#main {
	width:1000px;
	float:left;
	background-color:#141519;
	}
	
/*************************************************** Left Columns ******************/

#left {
	float:left;
	width:300px;
	height: 250px;
	margin-top: 50px;
	padding-left:25px;
	}
	
#logo_main {
	width: 195px;
	float:left;
	display:inline;
	height: 80px;
	width: 195px;
	margin:165px 0 0 130px;
	}

#leftport {
	margin-right:10px;
	padding-bottom:25px;
	display:block;
	float:right;
	clear:right;
	width:950px;
	}

.examples {
	float:left;
	width:925px;
	display:block;
	}
	
#riddle_pic {
	float:left;
	display:block;
	width:320px; height:240px;
	margin:10px 0 25px 300px;
	}

#tp {
	float:left;
	display:block;
	margin:10px 0 25px 250px;
	width:400px; height:400px;
	}

#riddle {
	margin:0 auto;
	margin-top:10px;
	margin-bottom:25px;
	width:900px; height:800px;
	}
	
#sixdgs {
	margin-left: 60px;
	margin-bottom:25px;
	width:800px; height:90px;
	float:left;
	display:block;
	}
	
.logoname {
	width:200px;
	text-align:center;
	display:inline-block;
	float:left;
	padding:25px 0 15px 80px;
	font-family: 'centrury gothic', Arial, Helvetica, sans-serif;
	font-size:14px;	
	color:#CCCCCC;
	}
	
.logopic {
	width:200px; height:200px;
	text-align:center;
	display:inline-block;
	float:left;
	margin-left:80px;
	}
	
/********************** Websites **********************/
	
.webname1 {
	width:320px;
	text-align:center;
	display:inline;
	float:left;
	padding:30px 0 15px 80px;
	font-family: 'centrury gothic', Arial, Helvetica, sans-serif;
	font-size:14px;	
	color:#CCCCCC;
	}
	
.webname2 {
	width:320px;
	text-align:center;
	display:inline;
	float:left;
	padding:30px 0 15px 120px;
	font-family: 'centrury gothic', Arial, Helvetica, sans-serif;
	font-size:14px;	
	color:#CCCCCC;
	}
	
.webpic1 {
	width:320px; height:240px;
	text-align:center;
	display:inline;
	float:left;
	padding-left:80px;
	}
	
.webpic2 {
	width:320px; height:240px;
	text-align:center;
	display:inline;
	float:left;
	padding-left:120px;
	}
	
/******************** Announcements *******************/
	
.baby_pic1 {
	width:320px; height:213px;
	text-align:center;
	display:inline;
	float:left;
	padding-left:80px;
	}
	
.baby_pic2 {
	width:320px; height:213px;
	text-align:center;
	display:inline;
	float:left;
	padding-left:120px;
	}

/******************* Movies *************************/

#movie1 {
	margin:25px 0 0 80px;
	display:inline;
	width:340px; height:320px;
	float:left;
	}
	
#movie2	{
	margin:25px 0 0 80px;
	display:inline;
	width:340px; height:320px;
	float:left;
	}

/************************************************** Form **************************/

#form {
	float:left;
	width:650px;
	padding-left:50px;
	padding-bottom: 50px;
	}
	
#required_message {
	text-align:left;
	display:block;
	padding: 0 0 12px 125px;
	font-weight:bold;
	}

#submit {
	float:left;
	padding: 15px 0 0 135px;
	}

#clear {
	float:right;
	padding: 15px 10px 0 0;
	}	
	
/************************************************** Mailer ************************/

#mailer {
	margin:0 auto;
	margin-top:75px;
	padding-top:150px;
	text-align:center;
	width: 600px;
	padding-bottom: 150px;
	background-color:#141519;
	border: 1px #333 solid;
	}
	
/*************************************************** Right Column ******************/
	
#right {
	margin-top: 8px;
	display:block;
	float:right;
	width: 600px;
	padding-bottom: 25px;
	}

#right_contact {
	margin-top: 8px;
	float:right;
	width: 600px;
	}

/*********************************************** Images ***************************/

.frame {
	border: 1px #333 solid;
	}


/*************************************************** Footer ***********************/

#footer {
	text-align:center;
	clear:both;
	display:block;
	}