@charset "utf-8";

* {
    padding:0;
    margin:0;
    border:0;
    outline:0;
}
body {
    position: relative;
    background: #000 url(../images/bkg.png) no-repeat center top;
    color: #FFF;
    font-family: Arial, Helvetica, Sans-serif;
}
a, a:hover, a:active, a:visited {
    color: #fff;
    text-decoration: none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

#content {
    display:block;
    width:978px;
    margin:0 auto;
    z-index: 0;
}
#header {
    display:block;
    height:194px;
}
#flash {
    display:block;
    margin:0 auto;
    width:640px;
    height:360px;
}
#main {
    position:absolute;
    z-index:1;
}
#nav {
    display:block;
    width:100%;
    margin-top:79px;
}
a.button {
    float:left;
    display:block;
}
.about {
    width:156px;
    height:30px;
    margin-left:124px;
}
.portfolio {
    width:270px;
    height:30px;
    margin-left:44px;
}
.contact {
    width:225px;
    height:30px;
    margin-left:38px;
}
.modal {
    z-index: 99;
    display:block;
    position:absolute;
    top:194px;
    left:50%;
    padding:10px;
    width:620px;
    height:340px;
    margin:0 0 0 -320px;
    
    color:#FFF;
    background-color:#202020;
    border: 2px #000 solid;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.hidden {
    visibility: hidden;
}
.modal #me {
    float:left;
    width:177px;
    height:340px;
}
.modal #me img {
    width:177px;
    height:340px;
}
.modal #text {
    float:right;
    width:412px;
    height:340px;
    font-weight:bold;
    font-size: 18px;
    margin-right:10px;
    text-shadow:#000000 0px 1px 0px;
}
.modal #linktext {
    float:right;
    width:599px;
    height:340px;
    margin-right:10px;
}
.modal #box {
    float:right;
    width:619px;
    height:340px;
    color:#FFF;
    margin-right:10px;
    text-shadow:#000000 0px 1px 0px;
}
.modal .close {
    float:right;
    display:block;
    width:11px;
    height:11px;
    margin-top:0px;
    background: url(../images/close.png) no-repeat;
}
.modal .close:hover {
    background: url(../images/closeHover.png) no-repeat;
}
.modal#portfolio {
    width:980px !important;
    height:575px !important;
    top:50% !important;
    left:50% !important;
    margin: -297px 0 0 -500px !important;
}
#gallery {
    width:959px;
    margin-right:10px;
}

#cover {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #000000;
    filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=0.7);
	filter:alpha(opacity=0.7);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#english {
    float:left;
    display:block;
    height:33px;
    padding: 15px 10px 0 48px;
    margin:10px 10px 0px 0px;
    color:#FFF;
    font-size:16px !important;
    background:#3f3f3f url(../images/pdf_english.png) no-repeat left top;
    border-bottom: 1px solid #000;
    border-top:none;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
#spanish {
    float:left;
    display:block;
    height:33px;
    padding: 15px 10px 0 48px;
    margin:10px 10px 0px 0px;
    color:#FFF;
    font-size:16px !important;
    background:#3f3f3f url(../images/pdf_spanish.png) no-repeat left top;
    border-bottom: 1px solid #000;
    border-top:none;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
#friends {
    float:left;
    display:block;
    height:33px;
    padding: 15px 10px 0 10px;
    margin:10px 10px 0px 0px;
    color:#FFF;
    font-size:16px !important;
    background-color:#3f3f3f;
    border-bottom: 1px solid #000;
    border-top:none;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
#english:hover, #spanish:hover, #friends:hover {
    background-color: #191919;
    border-top: 1px solid #000;
    border-bottom: 1px solid #303030;
}

.greyed {
    color:#484848 !important;
    text-shadow:none !important;
}
input {
    color:#FFF;
    width:158px;
    font-weight:bold;
    text-shadow:#000 0px 1px 0px;
    padding:10px;
    margin:10px;
    background:#191919;
    border: 1px solid #000;
    border-bottom: 1px solid #303030;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
textarea {
    width:567px;
    height:120px;
    color:#FFF;
    font-family: Arial, Helvetica, Sans-serif;
    font-weight:bold;
    text-shadow:#000 0px 1px 0px;
    padding:10px;
    margin:10px;
    background:#191919;
    border: 1px solid #000;
    border-bottom: 1px solid #303030;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
input.submit {
    background-color:#3f3f3f;
    border:none;
    border-bottom: 1px solid #000;
}
.submit:hover {
    background-color: #191919;
    border-top: 1px solid #000;
    border-bottom: 1px solid #303030;
}
#reply {
    display:none;
    color:#FFF;
    font-family: Arial, Helvetica, Sans-serif;
    font-weight:bold;
    text-shadow:#000 0px 1px 0px;
    padding:10px;
    margin:10px;
    background:#3f3f3f;
    border:#003300;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}