body{
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Arial, Helvetica, sans-serif;
color: #6C7477;
background-color:white;
}

#wrapper{
padding:0px;
background-color: white;
width: 780px;
}


a{
color: #6C7477;
text-decoration:underline;
}

a:active{
color: #6C7477;
}

a:hover{
color: #FC9107;
}

a:active{
color: #E6BD09;
}

#header{
background-image: url(images/nav/bg.gif);
background-repeat: repeat-x;
margin: 0px;
}

#logo{
float:left;
}


/* home elements */


#col1{
float:left;
margin:10px 0px 5px 30px;
width: 482px;
display:inline;
}

#col2{
float:left;
margin:0px 0px 0px 10px;
display:inline;
}

#featured img{
border: 1px solid #ABB8B8;

}

#updates{
background-image: url(images/nav/sidebar_bg.gif);
background-repeat: repeat-x;
background-position: top;
margin: 10px 0px 0px 0px;
text-align:left;
font-size:1.1em;
}

#updates a, #updates a:visited{
color:#6C7477;
}

#updates a:hover{
color:#FA9500;
}

#updates a:active{
color:#E8BE08;
}

.updateDate{
font-weight:bold;
margin:10px 0px 0px 0px;
}

#updateItems{
padding:0px 5px 30px 5px;

}

.updatesTitle{
margin:10px 0px 0px 0px;
}

.updateImg{
float:left;
margin:0px 15px 7px 15px;
}

#updates a img{
border: 1px solid #ABB8B8;
}

#updates a:hover img{
border: 1px solid #FC9202;
}

.greyLineHome2{
padding:8px 0px 0px 0px;
margin:0px;
width:200px;
height:1px;
}

.greyLineHome{
padding:0px 0px 7px 0px;
margin:0px;
width:470px;
height:1px;
}


#fotm{
padding:8px 0px 10px 0px;
}


/* contact form */

#contact{
background-image: url(images/nav/sidebar_bg.gif);
background-repeat: repeat-x;
background-position: top;
width:222px;
margin:10px 0px 0px 0px;
}


.formInput{
padding:3px;
margin:2px;
width:200px;
border: 1px solid #C9CFCF;
color: #9A9E9F;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
	}

.formButton{
padding:8px 0px 0px 0px;
}

#contact form{
padding:0px;
margin:0px;
}


/* end home */


/* portfolio */

#sidebarWrapper{
float:right;
background-image: url(images/nav/sidebar_bg.gif);
background-repeat: repeat-x;
background-position: top;
width:200px;
margin:15px;
}

#mainImg{
margin-top:10px;
}

.thumbTitle{
padding:10px 6px 8px 6px;
}


#thumbs{
width:190px;
padding: 0px 10px 7px 10px;
}

#thumbs img{
margin:0px;
}

#thumbs a img{
border: 1px solid #B2BDBD;
margin: 1px;
}

#thumbs a:visited img{
border: 1px solid #B2BDBD;
margin: 1px;
}

#thumbs a:hover img{
border: 2px solid #FF9933;
margin: 0px;
}

#thumbs a:active img{
border: 2px solid #F0C205;
margin: 0px;
}

.selectedThumb{
border: 2px solid #44555C;
margin: 0px;
}

#prevNext{
background-color:#ABB8B8;
display: block;
padding:3px;
text-align:center;
color: white;
font-size:1.1em;
}

#prevNext a{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:white;
text-decoration:none;
font-weight:bold;
}

#prevNext a:hover{
color: #7F8787;
}

#prevNext a:active{
color: #F0C205;
}

#imgProp{
font-size:1em;
padding: 3px;
line-height:1.2em;
text-align:left;
padding:10px 7px 7px 7px;
}

#imgProp p{
margin: 3px 0px 2px 0px;
}

#imgProp a{
color: #859195;
text-decoration:underline;
}

#imgProp a:hover{
color:#FA8F01;
}

#imgProp a:active{
color:white;
}
.imgDetailHeading{
font-weight: bold;
}

.greyLinePortfolio{
height:1px;
width:160px;
margin:10px;
}

#launch{
padding:0px;
text-align:center;
}

#launch a{
font-weight:bold;
font-size:1em;
color: #6C7477;
text-decoration:none;
}

#launch a:hover{
color:#FF8902;
}

/* end portfolio */

/* start multimedia*/

#multimediaMenu{
margin:10px 0px 0px 55px;
float:left;
display:inline;
font-size:1em;
text-align:center;
width:780px;
}

#multimediaMenu img{
border: 1px solid #ABB8B8;
}

#multimediaMenu a img{
border: 1px solid #ABB8B8;
}

#multimediaMenu a:hover img{
border: 1px solid #FC9202;
}

#multimediaMenu p{
background-image: url(images/nav/sidebar_bg.gif);
background-repeat: repeat-x;
background-position: top;
padding:5px 0px 5px 0px;
margin:0px;
}

.multimediaItem{
float:left;
margin:10px;
display:block;
}

/*end multimedia*/

/* start about*/

#aboutCol1{
background-image: url(images/nav/sidebar_bg.gif);
background-repeat: repeat-x;
background-position: top;
font-size:1.1em;
}

#aboutCol1 p{
text-align:left;
padding:3px 10px 10px 10px;
margin:0px;
}

#aboutCol2{
background-image: url(images/nav/sidebar_bg.gif);
background-repeat: repeat-x;
background-position: top;
width:200px;
margin-top:10px;

}

.contactTitle{
margin:0px 0px 6px 0px;
}


#resume{
padding:0px 0px 2px 0px;
}

#fact{
padding:0px 0px 10px 0px;
}

#badges{
padding:0px 0px 10px 0px;
}

.badge{
padding:1px;
}

/* end about*/

/* footer */

#footer{
margin:15px 0px 0px 0px;
font-size:1.1em;
line-height:2em;
background-image: url(images/nav/footer_bg.gif);
color: #BFBFBF;
clear: both;
}

#footer a{
color: #BFBFBF;
text-decoration: none;
}

#footer a:hover{
color:#E6BD09;
}

#footer a:active{
color:#E4BF0C;
}

#footerNav{
color:#9f9f9f;
}

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

#footerNav a:hover {
color:#FA8F01;
}

#footerNav a:active {
color:#FF9933;
}

/* end footer */

/*corners */

#top, #top2{
background-image: url(images/corners/dot.gif);
background-position: top;
background-repeat: repeat-x;
}

#bottom,#bottom2{
background-image: url(images/corners/dot.gif);
background-position: bottom;
background-repeat: repeat-x;
}

#left, #left2{
background-image: url(images/corners/dot.gif);
background-position: left;
background-repeat: repeat-y;
}

#right, #right2{
background-image: url(images/corners/dot.gif);
background-position: right;
background-repeat: repeat-y;
}

#bottomRight, #bottomRight2{
background-image: url(images/corners/bottom_right.gif);
background-position: right bottom;
background-repeat: no-repeat;
}

#bottomLeft, #bottomLeft2{
background-image: url(images/corners/bottom_left.gif);
background-position: left bottom;
background-repeat: no-repeat;
}

#topRight, #topRight2{
background-image: url(images/corners/top_right.gif);
background-position: right top;
background-repeat: no-repeat;
}

#topLeft, #topLeft2{
background-image: url(images/corners/top_left.gif);
background-position: left top;
background-repeat: no-repeat;
}

/* end corners */


/* misc styles */

.error{
color:#B34A0D;
font-size:2em;
}

.singleImg{
padding:50px;
}

.thanks{
color:#FA8F01;
font-size:1.1em;
}

.greyLine{
margin:10px;
width:170px;
height:1px;
}

/* end misc styles */