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

.container {
	width:1024px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	
}

/********************************/
/* general html tag rules */
/********************************/
body {
	background-color:#9a9a9a;
	background-repeat: no-repeat;
	background-position: center;
	background-image:url(images/WEB_index_f.png);
	background-attachment: fixed;
     }
	 
h1 {
	background-image:;
	height:200px;
	width:600px;
	position:absolute;
	color: #ffffff;
	top: 535px;
	left: 640px;
	margin: 0px;
	padding: 0px;
	font-family:'Inconsolata', sans-serif;
	font-size: 17px;
	line-height:1.5;
	letter-spacing:6px;
	font-weight:500;

}

h2 {
	background-image:;
	height:200px;
	width:200px;
	position:absolute;
	color: #ffffff;
	top: 410px;
	left: 200px;
	margin: 0px;
	padding: 0px;
	font-family:'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
	font-size: 11px;
	line-height:1.5;
	letter-spacing:1px;
	font-weight:lighter;
}

h3 {
	background-image:;
	height:200px;
	width:200px;
	position:absolute;
	color: #ffffff;
	top: 490px;
	left: 200px;
	margin: 0px;
	padding: 0px;
	font-family:'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
	font-size: 11px;
	line-height:1.5;
	letter-spacing:1px;
	font-weight:lighter;
}

h4 {
	background-image:;
	height:200px;
	width:200px;
	position:absolute;
	color: #ffffff;
	top: 670px;
	left: 720px;
	margin: 0px;
	padding: 0px;
	font-family:'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
	font-size: 11px;
	line-height:1.5;
	letter-spacing:1px;
	font-weight:lighter;
}

h7 {
	background-image:;
	height:200px;
	width:200px;
	position:absolute;
	color: #ffffff;
	top: 670px;
	left: 720px;
	margin: 0px;
	padding: 0px;
	font-family:'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
	font-size: 11px;
	line-height:1.5;
	letter-spacing:1px;
	font-weight:lighter;
}
p {
	width: 440px;
	color: #FFFFFF;
	position:absolute;
	top: 360px;
	left: 100px;
	margin: 20px;
	padding: 0px;
	font-family: 'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
	font-size: 12px;
	float: inherit;
	text-align: justify;
}
	
p2 {
	width: 440px;
	color: #FFFFFF;
	position:absolute;
	top: 80px;
	left: 0px;
	margin: 20px;
	padding: 40px;
	font-family: 'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
	font-size: 10px;
	float: inherit;
	text-align: justify;
	line-height:1.5;
	letter-spacing:1px;
}

p3 {
	width: 440px;
	color: #FFFFFF;
	position:inherit;
	top: 130px;
	left:0px;
	margin: 20px;
	padding: 20px;
	font-family: 'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
	font-size: 10px;
	float: inherit;
	text-align: center;
	line-height:1.5;
	letter-spacing:1px;
}
	



/********************************/
/* general template class rules */
/********************************/


.phoneBox {
	background-image:url(images/speech_box2.png);
	height: 700px;
	width: 580px;
	position:absolute;
	margin: 0px;
	top: -180px;
	left: 440px;
	
	}
	
.speechBox {
	background-image: url(images/speech_box.png);
	height: 720px;
	width: 540px;
	position:absolute;
	margin: 0px;
	top: 60px;
	left: 430px;
	
	
}
	
	.commentbox{
background-image:;
	height: 0px;
	width: 0px;
	position:absolute;
	margin: 0px;
	top: 450px;
	left: 370px;
}
	

.wrapBucket {
	

}

.logo {
	background-image:;
	height:300px;
	width:250px;
	position:absolute;
	margin: 0px;
	top: 460px;
	left: 1050px;
	
}

	
.navMain {
	background-image:url(images/navbar.png);
	height: 78px;
	width: 1200px;
	color: #FFFFFF;
	top:10px;
	left:115px;
	position:absolute;
	z-index:1000;
	
}


/********************************/
/* general navigation rules */
/********************************/

.navMain ul {
	
	margin: 10px;
	padding: 20px;
	font-family:'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
	font-size: 13px;
	color: #FFFFFF;
	float:right

}
.navMain li {
	margin:10px;
	padding:0px 20px;
	list-style:none;
	display:inline;
}
.navMain li a {
	margin:0px;
	padding:0px;
	color: #FFFFFF;
	text-decoration:none;

}
.navMain li a:hover {
	border-right:solid 0px white;
	
	display:block;
	color: #6A458A;
	font-size: 13px;
	background-color:#0;
	text-decoration:overline;
	font-family:'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;

}




/********************************/
/* general list rules */
/********************************/
/********************************/
/* general drop down menu rules */
/********************************/	

.dd_menu {
	color: #FFFFFF; padding:0px; margin:0px; list-style-type:none; height:0px; 
}
.dd_menu li {
float:left; height:80px; border-right:solid 1px white;
}
.dd_menu li a {
padding:9px 20px; display:block; color:#CCC; text-decoration:none; font-family:'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
}
.dd_menu ul {
	position:absolute; left:1110px; top:-7999px; list-style-type:none;
}
.dd_menu li:hover {
position:top;
}

/* this is the project drop box */	
.dd_menu li:hover ul {
	left:710px; top:91px;background-image:url(images/index_speech_box.png); padding:8px; border:0px solid black; width:400px; height:615px; top:80px;
	}
	
/* this is the project icons */	
.dd_menu li:hover ul li {

	height:155px; top:400; border:none;padding:20px;
	
	margin-top:110px;
	margin-bottom:-184px;
	margin-left:30px;
	padding-left:10px;
	padding-right:0px;
	padding-top:45px;

	}
	


/********************************/
/* general drop down text rules */
/********************************/

.dd_menu li:hover ul li a {
	height:22px; padding:0px; ; font-size:px; letter-spacing:0px; 
	width:100px; border:px solid ;font-family:'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
}





.copyright {
top:780px;position:fixed;left:630px;
;font-size:11px;font-family:'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;

}