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

html {
	background-color: #E4E4E4;
}


body {
	margin:0 auto;
	padding:0;
	text-align:center;
	background:url(../img/bg.png) repeat #E4E4E4;
	font-family:Georgia,Times,'Times New Roman',serif;
}

#share_tab {
	background-image:url(../img/ralph.png);
	width:81px;
	height:473px;
	display:block;
	position:fixed;
	left:auto;
	z-index:400;
	top:100px;
}
	
#cssda{
position:absolute;
top:0px;
left:0px;
z-index:555;
}

#cssda a{
width:164px;
height:69px;
text-indent:-8000px;
display:block;
background:url(../img/css-design-award-nominee-dark.png) no-repeat;
}

::selection {
   background:#873287;
   color:#fff;
   opacity:.5;
   text-shadow:none;
}

::-moz-selection {
   background:#873287;
   color:#fff;
   opacity:.5;
   text-shadow:none;
}

::-webkit-selection {
   background:#873287;
   color:#fff;
   opacity:.5;
   text-shadow:none;
}

	
#thecssawards{
position:absolute;
top:0px;
right:0px;
z-index:555;
}

#thecssawards a{
width:115px;
height:115px;
text-indent:-8000px;
display:block;
background:url(../img/honormention_black.png) no-repeat;
}

#facebook{
width:100px;
height:50px;
float:right;
margin-top:-30px;
}



@font-face {
	font-family: Hattori Hanzo;
	src: url("fonts/Hattori_Hanzo.otf");
}

a {
	text-decoration:underline;
	color:#838383;
}

h1 {
	font-family:100%/130% "Georgia",Times New Roman,Times,serif;
	font-size:30px;
	font-weight:lighter;
	color:#838383;
}

h2 {
	font-family:100%/130% "Georgia",Times New Roman,Times,serif;
	font-size:16px;
	font-weight:lighter;
	line-height:20px;
	color:#838383;
	
}

h3 {
	font-family:100%/130% "Georgia",Times New Roman,Times,serif;
	font-size:12px;
	font-weight:lighter;
	line-height:20px;
	color:#838383;
	font-style:italic;

}

h4 {
	font-family:100%/130% "Georgia",Times New Roman,Times,serif;
	font-size:20px;
	font-weight:lighter;
	color:#838383;
	line-height:40px;
}

h5 {
	font-family:100%/130% "Georgia",Times New Roman,Times,serif;
	font-size:12px;
	font-weight:lighter;
	color:#838383;
	line-height:18px;

}

.left {
	float:left;
}

.right {
	float:right;
}

#headerTop {
	width:992px;
	height:585px;
	text-align:center;
	margin:0 auto;
}

#headLeft {
	float:left;
}

#headRight {
	float:left;
	background-image:url(../img/headRight.png);
	width:688px;
	height:585px;
}

#topBar {
	width:100%;
	height:3px;
	background-color:#000;
}

#headText1 {
	width:500px;
	height:50px;
	margin-top:130px;
	text-align:left;
	margin-left:50px;
	border-bottom: dotted 1px;
	border-bottom-color:#999;
}

#headText2 {
	height:100px;
	text-align:left;
	border-bottom-color:#838383;
	margin-top:210px;
	margin-left:42px;
	width:500px;
}

#headText3 {
	float:left;
	height:50px;
	width:130px;
	text-align:left;
	border-bottom-color:#838383;
	margin-top:43px;
	margin-left:20px;
	color:#999;
}

#headText4 {
	float:left;
	height:50px;
	width:130px;
	text-align:left;
	border-bottom-color:#838383;
	margin-top:43px;
	margin-left:65px;
	color:#999;
}

#navTop {
	width:400px;
	height:50px;
	margin-left:35px;
	text-align:left;
}

#nav1 {
	float:left;
	width:100px;
	height:50px;
	margin-top:-20px;
	text-align:left;
}

#nav2 {
	float:left;
	width:100px;
	height:50px;
	margin-left:10px;
	margin-top:-20px;
	text-align:left;
	line-height:-50%;
}

#nav3 {
	float:left;
	width:120px;
	height:50px;
	margin-left:25px;
	margin-top:-20px;
	text-align:left;
	line-height:-50%;
}

#navBottom {
	float:left;
	width:400px;
	height:50px;
	margin-left:35px;
	text-align:left;
	margin-top:-60px;
}

#nav1Lower {
	float:left;
	width:100px;
	height:50px;
	margin-top:35px;
	text-align:left;
}

#nav2Lower {
	float:left;
	width:120px;
	margin-left:10px;
	height:50px;
	margin-top:35px;
	text-align:left;
}

#nav3Lower {
	float:left;
	width:100px;
	height:50px;
	margin-left:5px;
	margin-top:35px;
	text-align:left;
}

#citiTop {
	margin:0 auto; 
	width:992px;
	height:637px;
}

#citiLeft {
	float:left;
	text-align: left;
	background:url(../img/citiLeft.png);
	width:335px;
	height:637px;
}

#citiRight {
	float:left;
}

#headline {
	margin-left:25px;
	width:320px;
	height:50px;
	color:#838383;
}

#headline2 {
	margin-left:65px;
	width:320px;
	height:50px;
	color:#838383;
}

#bodycopy1 {
	margin-top:-20px;
	width:300px;
	height:200px;
	color:#838383;
}

#citiBottom {
	text-align:center;
	width:992px;
	height:637px;
	margin:0 auto;
	display:block;
}

#citiBottomLeft {
	float:left;
	width:685px;
	height:631px;
}

#citiBottomRight {
	float:left;
	text-align: left;
	background:url(../img/citiBottomRight.png);
	width:307px;
	height:631px;
}

#citiBottomRight a#site{
	display:block;
	width:300px;
	height:60px;
	color:#F0F;
	margin-top:80px;
}

#citiBottomRight a#pdf{
	display:block;
	width:300px;
	height:60px;
	color:#F0F;
}

#amTop {
	margin:0 auto; 
	width:992px;
	height:1080px;
}

#amleft {
	float:left;
	margin:0 auto; 
	width:569px;
	height:1080px;
}

#amRight {
	float:left;
	text-align: left;
	background:url(../img/amRight.png);
	width:423px;
	height:1079px;
}

#amRight a#pdf{
	float:right;
	width:300px;
	height:60px;
	margin-top:760px;
	margin-left:200px;
}

#bodycopy2 {
	margin-top:100px;
	margin-left:50px;
	width:300px;
	height:200px;
	color:#838383;
}

#bodycopy3 {
	margin-top:-20px;
	width:300px;
	height:200px;
	color:#999;
}

#bodycopy4 {
	margin-top:-20px;
	width:300px;
	height:200px;
	color:#999;
}


#intelityTop {
	margin:0 auto; 
	width:992px;
	height:893px;
}

#intelityLeft {
	float:left;
	text-align: left;
	background:url(../img/intelityLeft.png);
	width:555px;
	height:853px;
}

#intelityRight {
	float:left;
	text-align: left;
	width:437px;
	height:853px;
}

#intelityBottom {
	width:992px;
	height:608px;
	margin:0 auto;
	background:url(../img/intelityBottom.png);
	text-align:center;
}

#intelityBottom a#pdf{
	float:right;
	width:300px;
	height:60px;
	margin-top:520px;
	margin-left:200px;
}

#split1 {
	background:url(../img/split1.png);
	margin:0 auto;
	width:992px;
	height:203px;
}

#split1 a {
	width:120px;
	height:30px;
	margin-top:130px;
	float:right;
}

#split2 {
	background:url(../img/split2.png);
	margin:0 auto;
	width:992px;
	height:170px;
}

#split2 a {
	width:120px;
	height:30px;
	margin-top:80px;
	float:right;
}

#split3 {
	background:url(../img/split3.png);
	margin:0 auto;
	width:992px;
	height:204px;
}

#split3 a {
	width:120px;
	height:30px;
	margin-top:80px;
	float:right;
}

#split5 {
	background:url(../img/split5.png);
	margin:0 auto;
	width:992px;
	height:154px;
}

#split5 a {
	width:120px;
	height:30px;
	margin-top:80px;
	float:right;
}

#split6 {
	background:url(../img/split6.png);
	margin:0 auto;
	width:992px;
	height:188px;
}

#split6 a {
	width:120px;
	height:30px;
	margin-top:80px;
	float:right;
}

#echoTop {
	margin:0 auto; 
	width:992px;
	height:1256px;
}

#echoLeft {
	float:left;
	text-align: left;
	width:512px;
	height:1256px;
}

#echoRight {
	float:left;
	text-align: left;
	background:url(../img/echoRight.png);
	width:480px;
	height:1256px;
}

#echoRight a#site{
	width:300px;
	height:60px;
	color:#F0F;
	margin-top:1035px;
	float:right;
}

#echoRight a#pdf{
	width:300px;
	height:60px;
	color:#F0F;
	float:right;
}

input {
	background:url(../img/input.jpg) repeat-x #f1f1f1;
	border:1px solid #C0C0C0;
	padding:10px 10px 0 10px;
	height:34px;
	width:400px;
	color:#838383;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;
	text-align:left;
}

input:focus {
	border:1px solid #C0C0C0;
}

textarea {
	background:url(../img/input.jpg) repeat-x #f1f1f1;
	border:1px solid #C0C0C0;
	padding:10px 10px 0 10px;
	height:120px;
	width:400px;
	color:#838383;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;
}

textarea:focus {
	border:1px solid #838383;
}

#submit {
	background:url(../img/submit.png) no-repeat;
	width:276px;
	height:60px;
	margin-top:30px;
	border:none;
}

#formContainer {
	margin:0 auto; 
	width:992px;
	height:600px;
}

#formText1 {
	margin-bottom:-20px;
	width:300px;
	height:60px;
}

#formText0 {
	width:400px;
	height:60px;
}

#formText2 {
	margin-bottom:-20px;
	margin-top:-10px;
	width:300px;
	height:60px;
}

#formLeft {
	float:left;
	width:400px;
	height:600px;
	text-align: left;
	margin-left:50px;	
}

#contactText {
	width:300px;
	height:300px;
	margin-left:140px;
	
}

#rightContact {
	background:url(../img/icons.png) top left no-repeat;
	float:left;
	width:400px;
	height:500px;
	margin-left:100px;
	margin-top:100px;
	text-align:left;
}

#footer {
	margin:0 auto; 
	margin-top:100px;
	width:992px;
	height:66px;
	background:url(../img/footer.png);
	text-align:center;
}

#header{
	height:180px; 
	background: url(../img/bg-clouds.png) repeat-y scroll left top;
	text-align:center;	
}

#footerText {
	float:left;
	width:300px;
	height:30px;
	margin-top:10px;
}