/* Basic */

html {
	margin:  0px;
	padding: 0px;
}

body.home {
	margin:  0px;
	padding: 0px;
	color: #FFFFFF;
	font: .75em Trebuchet MS, Arial, sans serif;
	background: #FFFFFF url(../images/background.jpg) repeat-x;
}

/* Layout */

#page {
	position:			      relative;
	margin:				      0px auto 0px auto;
	width:				      700px;
	top: 90px;
}

#header {
	position: relative;
	margin: 0px auto 0px auto;
	width: 	660px;
	height: 80px;
	color: #FFFFFF;
}

#brentsimmons {
	background: url(../images/brentsimmons.gif) no-repeat;
	position: relative;
	width: 	245px;
	height: 56px;
	left: 5px;
}

#brentsimmons a{
	display: 				block;
	width:					245px;
	height:					56px;
}

#nav {
	position: absolute;
	width: 	142px;
	height: 13px;
	left: 512px;
	top: 37px;
}

#content {
	position: relative;
	width:		650px;
	border-bottom: 0px;
	margin: 0px auto 0px auto;
	color: #FFFFFF;
}
div.work {
	position: relative;
	width:		610px;
	height: 250px;
	margin: 0px auto 0px auto;
	z-index: 0;
}
div.summary {
	position: relative;
	width: 285px;
	top: 17px
}
div.thumb {
	position: absolute;
	width: 300px;
	height: 225px;
	left: 295px;
	top: 17px;
	border: 	1px solid #D5D5D5;
	font-size: .1em;
}
#reflect {
	background: url(../images/reflect.jpg) no-repeat top;
	position: relative;
	width: 	652px;
	height: 105px;
	margin: 0px auto 0px auto;
}
#shadow {
	background: url(../images/shadow.gif) no-repeat center;
	position: relative;
	width: 	652px;
	height: 25px;
	margin: 0px auto 0px auto;
}

/* Headings & Text */

h1 {
	font-size: 5em;
	color: #404040;
	margin:  0px 0px 0px 20px;
}
h2 {
	font-size: 1.4em;
	color: #404040;
	margin:  0px 0px 8px 0px;
	padding: 0px;
}
h2.contact {
	font-size: 1.4em;
	color: #404040;
	margin:  4px 0px 15px 0px;
}

p {
	margin:  0px 0px 7px 0px;
    padding:  0px;
}

p.center{
	text-align: center;
}
strong{
	color: #404040;
}

/* Navigation and Links */
a:link {
	color: #B30D3C;
	text-decoration: none;
}

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

a:active {
	color: #B50436;
	text-decoration: none;
}

a:hover {
	color: #6E6E6E;
	text-decoration: none;
}

a.resume {
	position: absolute;
	display: block;
	background: url(../images/resume.gif) no-repeat left;
	width: 62px;
	height: 13px;
}
a.resume:hover{
	background-position: right;
}
a.contact {
	position: absolute;
	left: 80px;
	display: block;
	background: url(../images/contact.gif) no-repeat left;
	width: 62px;
	height: 13px;
}
a.contact:hover {
	background-position: right;
}

/* Images */
a img.thumb {
	border: none;
}
a:hover img.thumb {
	border: none;
}
/* Contact Form */

body.contact {
	margin:  0px;
	padding: 0px;
	color: #FFFFFF;
	font: .8em Trebuchet MS, Arial, sans serif;
	background: #FFFFFF url(../images/contentbackground.gif) repeat-x bottom;
}

#contact {
	position: relative;
	color: #505050;
	margin: 10px auto 0px auto;
	width: 470px;
	height: 275px;
}
#contactform {
	float: left;
	height: 250px;
	width: 300px;
	margin: 0px;
}
#contactinformation{
	float: left;
	height: 250px;
	width: 165px;
	margin: 0px;
}

textarea {
	background: #FFFFFF url(../images/inputbackground.gif) repeat-x top;
}

input {
	background: #FFFFFF url(../images/inputbackground.gif) repeat-x top;
}

input.submit {
 width : 290px;
 height : 16px;
 overflow : hidden;
 padding : 36px 0px 0px 0px;
 margin: 0px;
 background : url(../images/submit.gif) no-repeat center;
 border : 0px;
 cursor: pointer;
}

p.submit {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/* Footer */

#footer {
	position: relative;
	color: #AAAAAA;
	width: 80%;
	text-align: center;
	padding: 2% 10%;
}
#footer {
    \width: 100%;
    w\idth: 80%;
}

/* Coda-Slider */

#wrapper {
    width: 650px;
    margin: 0px auto 0px auto;
    color: #515151;
    background: #66666E;
    border: 1px #CBCBCB solid;
}

#slider {
    width: 650px;
    margin: 0px auto 0px auto;
    position: relative;
    background: #FFFFFF url(../images/contentbackground.gif) repeat-x bottom;
}

.scroll {
    height: 265px;
    width: 650px;
    overflow: auto;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
	padding: 0px 30px 0px 30px;
    height: 225px;
    width: 600px;
}

.scrollButtons {
    position: absolute;
    display: block;
    cursor: pointer;
    height: 30px;
    width: 30px;	

}
.scrollButtons:hover {
	position: absolute;
    display: block;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.scrollButtons.left {
	display: block;
    left: -35px;
    bottom: 120px;
    background: url(../images/scroll_left.gif) no-repeat top;
    height: 30px;
    width: 30px;
}
.scrollButtons.left:hover {
	 background-position: bottom;
}

.scrollButtons.right {
    right: -35px;
    bottom: 120px;
    display: block;
    background: url(../images/scroll_right.gif) no-repeat top;
    height: 30px;
    width: 30px;
}

.scrollButtons.right:hover {
    background-position: bottom;
}

.hide {
    display: none;
}