@charset "utf-8";

/*RESET CSS*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
line-height: 145%;
letter-spacing: 1px;
margin: 0px;
padding: 0px;
border: 0px;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 100%;
list-style: none;
}

/*END RESET CSS*/

/*********** MAIN CSS ***************/
/************************************/

/* TAGS */
body{
background-color: #242424;
}

input {height: 20px; width: 80%; padding: 10px; margin-bottom: 10px; }
textarea {width: 80%; padding: 10px; margin-bottom: 10px;}
h1 {font-size: 2em; letter-spacing: 15px; font-style: italic; font-family: Times, serif;}
h2 {font-size: 1.5em; }
a {text-decoration: none; color: #ccc; font-family:"Lucida Sans", Arial, sans-serif; font-size: small; padding-bottom: 1px; border-bottom: 0px solid #ccc;  }
a:hover {padding-bottom: 3px; text-decoration: underline;}
p {margin-bottom: 30px;  font-size: 12px; font-family: "Lucida Sans",Arial, sans-serif;  }

/* IDs */
#top { width: 100%; height: 100px; background-color: #fff; }
#content {color: #eee; width: 100%; min-height: 370px; height: auto; padding: 0px 0px 10px 0px;}
#footer {width: 100%; min-height: 400px; background-image: url(../img/footer_bg.jpg); padding-top: 60px; font-family: Arial, sans-serif; color: #000; }
#strip_logo {width: 900px; height: 60px; background-color:#fff; margin:auto; z-index: 20;  position: relative; bottom: -35px; -webkit-border-radius: 30px; border-radius: 30px; -webkit-border-radius: 30px;}
#strip {width: 100%; height: 15px; background-color:#fff; position: relative; z-index: 10;}
#mac {background-image: url(../img/mac2.png); width: 378px; height: 358px; position: relative; left: 40px; bottom: 10px}



/* CLASSES */
.nav {text-align:center; width: 330px; height: 25px; margin: auto; margin-top: 5px;}
.nav_item {float: left; margin-left: 20px; }
.nav_item:hover {border-bottom: 1px solid #ccc;}
.center_el {margin:auto; width: 900px; padding: 10px 0px 0px 0px; position: relative}
.str_img {float: left; padding-left: 27px; margin: 3px;}
.quote {font-family: Times, serif; font-style: italic; color: #eee; font-size: larger;}
.cite {font-family: "Lucida Sans", Arial, sans-serif; color: #fff; font-size: 10px;}
.huge {font-size: 130px; float: left; position: relative; top: -60px; color: #999;}
/* COLUMNS */
.left_2_col{width: 45%; margin-right: 5px; float: left; clear: none;}
.right_2_col{width: 45%; margin-left: 5px; float: right; clear: none;}
.left_3_col{width: 33%;  float: left; }
.middle_3_col{width: 33%; margin:auto; text-align: left; padding: 0px 30px 0px 30px; text-align: center; }
.right_3_col{width: 60%; float: right; text-align: right; }


/************************************/
/*********END MAIN CSS**************/


/*ADDITIONAL FORMATTING*/

.bold{
font-weight: bold;
}

/*END ADDITIONAL FORMATTING*/