/*hello code-sneakers!*/


/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Georgia, Garamond, Times, serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td {
margin : 0; padding :0; }
h2, h3, h4, h5, h6 {
font-family: Georgia, Garamond, Times, serif;
}

body {
color: #ffffff;
font-size: 0.9em;
background-color: #000000; 
text-align: left;
line-height: 1.5em;
}

a{
color: #9faf41;
text-decoration: none}

h3,h4{
font-family: Rockwell, georgia, Garamond, Times, serif;
}


h4 {
font-weight: normal;
font-size: 1.2em;
line-height: 1.8em;
color: #9faf41;

}

h5{
font-size: 1.2em;
color: #eee6d3;
float: left;
clear:both;
margin: 5px 0px 5px 0px;
}

em{
color: #eee6d3;
font-weight: normal;
}

p{
margin-bottom: 5px;
}

img{
margin: 10px 20px 20px 0px;
border: 5px solid #eee6d3;
float:left;
}


#box {
margin: 0px auto;
background-color: #000000;	
text-align: left;
width: 960px;
	
}


#masthead {
height: 210px;
width: 960px;
float:left;
clear:both;
}




.notice{
display: block; 
padding: 0px 0px 10px; 
 
float: left; 
clear: both;
margin: 10px 0 20px; 
border-bottom: 1px solid #666;
/*border-top: 1px solid #666;*/
}

#spade{
display: block; 
height: 90px; 
float: left;
width: 100%; 
text-indent: -9999px;
overflow: hidden;
margin: 10px 0 10px;
background: transparent url(../images/spade.png) no-repeat top left; 
}

/*nav*/

#menu{
width: 540px;
height: 210px;
float: right;
position: relative;
}



#menu ul {
height:210px;
bottom: 0px;
}

#menu ul li{
list-style: none; 
float: left;


}

#menu li, #menu a { 
display: block;
min-height: 50px;

}

#menu span{
display: none;
}

#nav0 span{
display: none;
}



#nav0{
width:360px;
height: 210px;
float:left;
background-image: url(images/gregone.gif);
background-repeat: no-repeat;

}


#nav1{
width:110px;
height:50px;
margin-top: 150px;
background-image: url(images/nav_01.gif);
background-repeat: no-repeat;
}

#nav2{
width:120px;
height:50px;
margin-top: 150px;
background-image: url(images/nav_02.gif);
background-repeat: no-repeat;
}

#nav3{
width:100px;
height:50px;
margin-top: 150px;
background-image: url(images/nav_03.gif);
background-repeat: no-repeat;
}

#nav4{
width:100px;
height:50px;
margin-top: 150px;
background-image: url(images/nav_04.gif);
background-repeat: no-repeat;
}

#nav5{
width:110px;
height:50px;
margin-top: 150px;
background-image: url(images/nav_05.gif);
background-repeat: no-repeat;
}

#nav1 a:hover { 
border-bottom: solid 3px #9faf41;
margin: 0px 10px 0px 10px;
}

#nav2 a:hover {
border-bottom: solid 3px #9faf41; 
margin: 0px 10px 0px 10px;
}

#nav3 a:hover { 
border-bottom: solid 3px #9faf41;
margin: 0px 10px 0px 10px;
}

#nav4 a:hover { 
border-bottom: solid 3px #9faf41;
margin: 0px 10px 0px 10px;
}

#nav5 a:hover{ 
border-bottom: solid 3px #9faf41;
margin: 0px 10px 0px 10px;
}


/*<--------------------------content-------------------------->*/

#main{
width: 960px;
margin: 20px 0px 20px 0px;
float: left;
height: 100%;
}

#content {
left: 0px;
top:0px;
width: 600px;
padding: 20px 0px 20px 0px;
color: #ffffff;
float: left;
clear: left;
}

#content p{
max-width: 580px;
float: left;
}

#content h3{
color: #9faf41;
float: left;
}

#content h5{
}

.imagebox a:hover img, .imagebox a:active img{
background-image: url(images/morepics.gif);
background-position: top right ;
background-repeat: no-repeat;
background-color: #333333 ;
padding: 0px 20px 0px 0px;
}




/*<------------------------intro----------------------------->*/

#intro{
width: 600px;
float:left;
clear: right;
}

#intro a{
padding: 0px 20px 10px 0px;
float: left;
clear: both;
}

#intro h2{
position: relative;
font-family: Georgia,Garamond,Times,serif;
font-weight: normal;
text-align: left;
font-size: 2.5em;
color: #ffffff;
line-height: 1.5em;
float: left;
padding: 10px 0px 10px 0px;
clear: both;
}


#intro p{
padding: 5px 20px 5px 0px;
}


.col{
width: 180px;
padding: 10px 10px 20px 10px;
float:left;
}

.col ul li{
margin-left:20px;
list-style-type: disc;
}

/*<------------------------feature---------------------->*/


.feature{
width: 580px;
margin: 20px 0px 20px 0px;
padding: 0px 10px 20px 0px;
background-color: #eee6d3;
float: left;
clear: left;
}

.feature h4{
color: #ffffff;
background-color: #9faf41;
margin: 20px 0px 10px 0px;
padding: 5px 20px 5px 20px; 
float:left;
}

.feature h5{
font-weight: bold;
float: left;
margin: 5px 0px 5px 20px;
color: #333333;

}


.feature em{
color: #111111;
}

.feature p{
color: #333333;
float: left;
margin: 0px 20px 0px 20px;
clear:left;
}

.feature img{
margin: 0px 0px 0px 0px;
border: 5px solid #333333;
}

.feature a.cta{
float: left;
clear: both;

margin: 0px 20px 0px 20px;
}

.imagebox{
background: #333333;
margin: 10px 20px 10px 20px;
float: left;
clear:left;
width:auto;
}
.imagebox a.cta{
margin-left: 0;
padding: 5px 10px;
}

.imagebox h5{
color: #ffffff;

}

/*<--------------------form------------------------------>*/

form p{
margin-right: 50px;
padding: 10px 20px 10px 0px;
}

form label {
padding-left: 20px;
}



/*<--------------------sidebar--------------------------->*/

#sidebar {
width: 280px;
background: #111111;
float:right;
padding: 20px 20px 20px 20px;
margin: 40px 0px 20px 20px;
}

#sidebar blockquote{
float: left;
clear: both;
font-size: 1em;
font-style: italic;
width: 280px;
}

#sidebar em{
font-weight: normal;
color: #eee6d3;
font-style: italic;
}

#sidebar p{
padding: 5px 0px 5px 0px;
float: left;

}

#sidebar ul{
float: left;
padding: 10px 0px 20px 20px;
list-style-type: disc;
color: #ffffff;
}

#sidebar img{
margin: 0px 10px 10px 0px;
border: 5px solid #eee6d3;
float: left;
clear: left;
}

#sidebar h3{
width: 280px;
font-size: 1.4em;
font-weight: normal;
line-height: 1.8em;
border-bottom: solid 3px #9faf41;
margin:5px 0px 5px 0px;
float: left;
clear: both;
}

#flickrset {
width: 280px;
clear: left;
margin: 20px 0px 0px 0px;

}


#flickrset img {
float:left;
clear: none;
margin: 25px 25px 25px 25px;

}

#mail{
float: left;
clear:both;
background: url(images/mail_icon_32.gif) left no-repeat;
padding: 5px 10px 5px 40px; 
}

#phone{
float: left;
clear:both;
background: url(images/phone_icon_32.gif) left no-repeat;
padding: 5px 10px 5px 40px; 
}

#vcard{
float: left;
clear:both;
background: url(images/icon-hcard-download.gif) left no-repeat;
padding: 5px 10px 5px 40px; 
}


/*<-----------------------footer------------------------------>*/



#footer {
color: #939393;
background-color: #111111;
height: 40px;
width: 960px;
margin-top: 100px;
padding: 10px 0px 10px 0px;
font-size: 0.8em;
clear:both;
}

#footer p{
float:left;
padding:0px 20px 0px 20px;
}

#footer ul{
display: inline;
float:right;
padding:0px 20px 0px 20px;
}

#footer li{
display: inline;
padding: 0px 5px 0px 5px;
}