/* CSS Document */
/*global reset*/
:focus {

	outline: 0;

	-moz-outline-style: none;

}



a:active

{

  outline: none;

}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
2	    margin:0; 
3	    padding:0; 
4	} 
5	table { 
6	    border-collapse:collapse; 
7	    border-spacing:0; 
8	} 
9	fieldset,img {  
10	    border:0; 
11	} 
12	address,caption,cite,code,dfn,em,strong,th,var { 
13	    font-style:normal; 
14	    font-weight:normal; 
15	} 
16	ol,ul { 
17	    list-style:none; 
18	} 
19	caption,th { 
20	    text-align:left; 
21	} 
22	h1,h2,h3,h4,h5,h6 { 
23	    font-size:100%; 
24	    font-weight:normal; 
25	} 
26	q:before,q:after { 
27	    content:''; 
28	} 
29	abbr,acronym { border:0; 
30	} 

/*body*/
a{
color:#6C715A;
}
a:visited{
color:#6C715A;
}

a:hover{
color:#000000;
}

a:active{
color:#6C715A;
}

a img {border: none; }

body {
background-color:#6C715A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:1.3em;
}

/*maincontainer*/
div#mainContainer{
position:relative;
margin:10px auto;
width:900px;
height:auto;
background-color:#282921;
border:#1A1A1A solid 2px;
color:#eeeeee;
}

/*header*/
div#header{
background-image:url(../images/header.jpg);
width:900px;
height:113px;

}

#header h3{
margin:0;
padding:0;
}
.clear{
clear:both;
}

#header h1{
text-indent:-3000px;
padding:0;
margin:0;
}

#header h2{
text-indent:-3000px;
padding:0;
margin:0;
}

#Portfolio{
text-indent:-3000px;
background-image:url(../images/portfolio.jpg);
height:95px;
width:162px;
display:block;
padding:0;
margin:0;
}

#about{
text-indent:-3000px;
background-image:url(../images/about.jpg);
height:95px;
width:103px;
display:block;
padding:0;
margin:0;
}

#contact{
text-indent:-3000px;
background-image:url(../images/contact.jpg);
height:95px;
width:132px;
display:block;
padding:0;
margin:0;
}

ul#navigation{
list-style:none;
padding:0;
margin:0;
}

ul#navigation li{
float:left;
}

#navigationContainer{
position:absolute;
top:0px;
right:90px;
}

/*secondary Navigation*/

div#subNavigation{
background-image:url(../images/secondarynavbg.jpg);
width:189px;
height:96px;
float:left;
margin-left:5px;
position:relative;
background-position:-590px 0;

}

div#htmlOver{
background-image:url(../images/secondarynavbg.jpg);
width:189px;
height:96px;
float:left;
margin-left:5px;
position:relative;
background-position:-397px 0;
}

div#designOver{
background-image:url(../images/secondarynavbg.jpg);
width:189px;
height:96px;
float:left;
margin-left:5px;
position:relative;
background-position:-202px 0;
}

div#flashOver{
background-image:url(../images/secondarynavbg.jpg);
width:189px;
height:96px;
float:left;
margin-left:5px;
position:relative;
background-position:-7px 0;
}

#htmlsubNav a, #htmlsubNav a:visited{
color:#000000;
font-weight:bold;
font-size:12px;
text-decoration:none;
height:17px; width:175px;
display:block;
}

#htmlsubNav a:hover{
color:#4C5140;
}

h4#htmlsubNav{
padding:0;
margin:0;
display:block;
margin-top:25px;
margin-left:10px;
}

#designsubNav a, #designsubNav a:visited{
color:#282921;
font-weight:bold;
font-size:12px;
text-decoration:none;
height:17px; width:175px;
display:block;
}

#designsubNav a:hover{
color:#000000;
}

h4#designsubNav{
padding:0;
margin:0;
display:block;
position:absolute;
top:45px;
left:10px;
}

#flashsubNav a, #flashsubNav a:visited{
color:#6B7259;
font-weight:bold;
font-size:12px;
text-decoration:none;
height:17px; width:175px;
display:block;
}

#flashsubNav a:hover{
color:#4D5140;
}

h4#flashsubNav{
padding:0;
margin:0;
display:block;
position:absolute;
top:65px;
left:10px;
}


/*secondary personal info div*/
#personalProfileBG{
position:relative;
background-image:url(../images/myprofilebg2.jpg);
background-position:bottom;
background-repeat:no-repeat;
width:181px;
height:220px;
float:left;
margin-bottom:20px;
font-weight:bold;
color:#FFFFFF;
margin-top:10px;
margin-left:10px;
background-color:#6C715A;
}


#name a:link, #name a:visited, #contactEmail a:link, #contactEmail a:visited{
color:#FFFFFF;
border-bottom:#650604 solid 2px;
text-decoration:none;
display:block;
}

#name a:hover, #contactEmail a:hover{
color:#1A1A1A;
}

h3#subject_h3{
text-indent:-3000px;
background-image:url(../images/subject_h3.jpg);
width:77px;
height:22px;
margin-left:2px;
margin-top:2px;
margin-bottom:1px;
padding:0;
}

h3#training_h3{
text-indent:-30000px;
background-image:url(../images/training_h3.jpg);
width:80px;
height:22px;
padding:0;
margin:0;
margin-left:2px;
}

#contact_h3{
text-indent:-3000px;
background-image:url(../images/contact_h3.jpg);
width:68px;
height:15px;
position:absolute;
top:94px;
background-repeat:no-repeat;
margin-left:2px;
}

#contact_h3 a:hover{
border:#C7F780 solid 2px;
}

p#contactEmail{
position:absolute;
top:93px;
left:75px;
}

p#name{
position:absolute;
top:3px;
*top:3px;
right:13px;
padding:0;
margin:0;
}

p#training1{
position:absolute;
top:28px;
*top:28px;
right:14px;
}

p#training2{
position:absolute;
top:45px;
left:2px;
margin:0;
padding:0;
margin-left:2px;
}

/*main content*/
#mainContent{
margin-top:20px;
background-image:url(../images/maincontentdropshadow.jpg);
background-repeat:repeat-y;
width:690px;
border-top:#21221C solid 1px;
border-bottom:#21221C solid 1px;
float:left;
}

#mainContent p{
display:block;
width:649px;
margin-left:15px;
margin-bottom:5px;

}

#mainContent h3{
background-image:url(../images/h3bg.jpg);
width:649px;
height:44px;
background-repeat:no-repeat;
margin-left:5px;
margin-top:2px;
color:#FFFF00;
text-indent:65px;
padding-top:20px;
font-size:13px;
}

h4.subHeader{
font-size:12px;
margin-left:15px;
color:#FFFF00;
border-bottom:1px solid #3A3D32;
width:550px;
}

h4.projecttitle{
margin-left:15px;
color:#000;
font-size:12px;
padding-top:5px;
padding-bottom:5px;
margin-top:2px;
margin-bottom:2px;
}

h4.resume{
margin-left:15px;
color:#650604;
font-size:12px;
padding-top:5px;
padding-bottom:5px;
margin-bottom:0;
margin-right:0;
}

p#resume a:link, p#resume a:visited{
color:#6C715A;
font-weight:bold;
}

.projectPreview{
padding-top:5px;
padding-bottom:5px;
}

.projectPreview img{
margin-left:10px;
margin-right:10px;
margin-bottom:5px;
}

.projectPreview a img , .projectPreview a:visited img{
border:#282921 solid 2px;
}

.projectPreview a:hover img{
border:#1A1A1A solid 2px;
}


.viewProject{
display:block;
width:auto;
border-bottom:#282921  solid 1px;
text-align:right;
}

.viewProject a{
color:#000000;
font-weight:bold;
text-decoration:none;
}

.pop{
float:left;
}

.pop:active{
color:#FF0000;
font-size:16px;
}

#flashContent{
background-color:#474B3D;
border:1px #000 solid;
}

#flashContent p{
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
}

/*Footer*/
#footer{
border-top:#1A1A1A 2px solid;
background-color:#44483A;
width:auto;
padding:5px;
text-align:right;
}

#footer a{
color:#6C715A;
}