/* ## COLORS
bright green: #afbd21
bright red: #b5121b
chocolate: #332d23
background: #4f4a42
dull gray: #999999
azure: #616184
*/

/* REDEFINE BASE TAGS */
html, body {
min-height: 100%;
}

body {
color: #333; 
font-size: 11px; 
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
text-align: left;
background-color: #4f4a42;
margin: 0px;
background-position: bottom;
background-attachment: fixed;
background-repeat: repeat-x;
background-image: url(/images/backgrounds/bottom.jpg);
}

p {
margin-bottom: 7px;
margin-top: 0px;
line-height: 1.5em; 
}

h1 {
font-family: georgia, times, "times new roman", serif; 
font-weight: normal;
font-size: 15px;
color: #b5121b;
margin-bottom: 4px;
padding: 0px;
margin-top: 0;
text-transform: none;
}

h2 {
font-weight: bold;
letter-spacing: .1em;
font-size: 10px;
color: #afbd21;
margin-bottom: 1px;
padding: 0px;
margin-top: 0;
padding: 0;
text-transform: uppercase;
}

a:link { 
color: #db5c1e; 
text-decoration: none;
}
 
a:visited { 
color: #db5c1e; 
text-decoration: none;
}

a:hover { 
color: #db5c1e; 
text-decoration: underline;
}

img {
border: none;
margin: 0;
padding: 0;
}

hr {
height: 1px;
border-style: none;
background-image: url(/images/CSS/hr.gif);
background-repeat: repeat-x;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
}

ul {
margin-top: 2px;
margin-left: 0px;
padding-left: 15px;
padding-top: 0;
list-style-type: square;
}

/* BACKGROUNDS */
#background_top {
background-position: top center;
background-repeat: repeat-x;
background-image: url(/images/backgrounds/top.jpg);
}

#copy_box_home {
padding: 10px;
margin-top: 10px;
background-color: #fff;
border-top: 7px;
border-bottom: 7px;
border-left: 0px;
border-right: 0px;
border-color: #332d23;
border-style: solid;
}

#copy_box {
padding: 10px;
margin-top: 10px;
background-color: #fff;
background-position: bottom;
background-repeat: no-repeat;
background-image: url(/images/backgrounds/copybox.jpg);
border-top: 7px;
border-bottom: 7px;
border-left: 0px;
border-right: 0px;
border-color: #332d23;
border-style: solid;
}

#copy_box_menu {
text-align: center;
padding: 10px;
margin-top: 10px;
background-color: #fff;
background-position: bottom;
background-repeat: no-repeat;
background-image: url(/images/backgrounds/copybox.jpg);
border-top: 7px;
border-bottom: 7px;
border-left: 0px;
border-right: 0px;
border-color: #332d23;
border-style: solid;
}

/*WRAPPER */
#wrapper {
width: 900px;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
}

#column_right_alt {
margin-top: 15px;
float: right;
display: inline;
width: 430px;
}

#column_right {
float: right;
display: inline;
width: 430px;
}

#column_left {
float: left;
display: inline;
width: 430px;
}

#small_left {
float: left;
display: inline;
width: 200px;
}

#small_right {
float: right;
display: inline;
width: 200px;
}
/* these are for the form, but they don't really matter right now because I can't get the icontact form to work unless I use their javascript */
#form_left {
float: left;
display: inline;
width: 100px;
}

#form_right {
float: right;
display: inline;
width: 450px;
}

/*MISC*/
#floatclear {
clear: both;
}

#photowrap_left {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
display: inline;
}

#photowrap_right {
float: right;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
display: inline;
}

#movie {
width: 430px;
text-align: center;
float: left;
display: inline;
background-repeat: no-repeat;
background-image: url(/images/backgrounds/behind-quicktime.gif);
}

#form {
padding-top: none;
padding-bottom: none;
padding-left: 150px;
padding-right: 150px;
background-repeat: none;
background-image: url(/images/backgrounds/behind-form.gif);
}

#texture {
background-position: top;
background-repeat: none;
background-image: url(/images/backgrounds/behind-form.gif);
}

#fineprint {
font-size: 9px;
color: #999;
line-height: 1.2em;
margin-top: 10px;
}

/*nav*/
#nav_logo_column {
width: 108px;
float: left;
display: inline;
margin: 0px;
padding: 0px;
}

#nav_column {
width: 157px;
float: left;
display: inline;
margin: 0px;
padding: 0px;
}

#nav_column_x {
width: 132px;
float: left;
display: inline;
margin: 0px;
padding: 0px;
}

#nav_column_y {
width: 180px;
float: left;
display: inline;
margin: 0px;
padding: 0px;
}

#nav {
padding-top: 20px;
padding-bottom: 10px;
background-color: #332d23;
width: 900px;
}

#nav li {
margin-bottom: 5px;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
list-style: none;
line-height: 1.3em; 
font-size: 10px;
}

#nav ul {
margin-left: 0px;
padding-left: 0px;
}

#nav a:link { 
color: #999;
text-decoration: none;
}

#nav a:visited { 
color: #999;
text-decoration: none;
}

#nav a:hover { 
color: #afbd21; 
text-decoration: none;
}

/*misc style*/
.menu_callout {
font-style: italic;
color: #afbd21;
}