/* do the right thing */
@import url('reset.css');

/* paint it black */
body {
	font-family:"Verdana", "Arial", sans-serif;
	font-size:0.9em;
	background:#BFEBF6;
}

	a { color:#129BCF; text-decoration:none; }
	a:hover { color:#00f; text-decoration:underline; }

    .text-area p {
        padding:3px 0 10px 0;
    }

	#container {
		width:980px;
		margin:0 auto;
	}

		#logo {
			width:560px;
			float:left;
		}

		#my-info {
			width:320px;
			float:right;
			font-size:0.9em;
			padding-top:5px;
			line-height:120%;
		}

			#my-info a {
				color:#000;
			}

			#my-info li {
				text-align:right;
			}

			#my-info li.email {
				font-weight:bold;
			}

		#top-navigation {
			width:100%;
			clear:both;
			overflow:hidden;
			font-family:"Georgia", "Times New Roman", serif;
			font-size:1.2em;
			padding-top:5px;
			padding-bottom:20px;
		}

			#top-navigation li {
				display:inline;
				padding:0 30px 0 30px;
			}

				#top-navigation li a {
					color:#00AEEE;
				}

				#top-navigation li a:hover {
					color:#0000ff;
					text-decoration:none;
				}

		.image-grid {
			width:390px;
			float:left;
			overflow:hidden;vid
		}

			.image-grid li {
				width:120px;
				height:120px;
				padding:5px;
				float:left;
			}

				.image-grid .ghost {
					display:none;
				}

				.image-grid .coming-soon {
				    width:100%;
				}

		#glasses {
			width:590px;
			height:520px;
			float:right;
			background:transparent url('/images/glasses.jpg') center no-repeat;
		}

		    #glasses span {
		        display:block;
                text-align:center;
                margin-top:445px;
            }

        .text-area {
            width:360px;
            text-align:justify;
            float:left;
        }

        .links .text-area {
            padding-top:50px;
            font-size:1.5em;
        }