@charset "utf-8";
/* CSS Document */

body {
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#808080;
}

#wrapper {
	width:794px;
	margin:24px auto;
	position:relative;

}

* html #site_border {height: 1%;width:792px;}

#site_border {
	border:1px solid #CCC;	
}

#header {
	border-bottom:1px solid #CCC;
	background-color:#FFF;
}

#logo {
	float:left;
	padding:17px 48px 27px 95px;
	border-right:1px solid #CCC;
}

#header_right {
	border:1px solid #FFF;
	background-color:#f7f7f7;
	text-align:center;
	float:left;
	width:289px;
	height:106px;
}

#header_right #time {
	margin:6px 0 0 0;
}

#header_right #time form, #header_right #time input {
	margin:0;
}

#header_right #time input {
	border:none;
	background-color:#f7f7f7;
	font-size:10px;
	width:220px;
	color:#808080;
}

#header_right #resume {
	margin:26px 0 0 0;
}

#resume img {
	position:absolute;
	z-index:1;
	left:550px;
}

#sub_header {
	padding:0;
	float:right;
}

#left {
	border-right:1px solid #CCC;
	width:171px;
	float:left;
	background-color:#FFF;
}

#left #icon {
	background-color:#A2CC18;
	border:1px solid #FFF;
	padding:28px 20px 30px 107px;
}

#left #nav {
	border-top:1px solid #CCC;
	height:288px;
	text-align:right;
}

#left #nav #nav_images{
	width:120px;
	float:right;
	padding: 28px 28px 0 0;
}

#left #nav #nav_images img{
	padding:0;
	margin: 0 0 20px 0;
}

#content {
	float:left;
	width:618px;
	height:503px;
	background-image:url(../images/bg_welcome.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFF;
	border:1px solid white;
}

#copyright {
	padding:10px 0 0 8px;
	color:#A9A9A9;
	line-height:14px;
	margin:0 auto;
}

/* HOMEPAGE */
#banner {
	border-bottom: 1px solid #CCC;
	width:617px;
	margin:0;
}

#banner img {
	margin:50px 0 69px 28px;
	padding:0;
}

#frog_image {
	position:absolute;
	top:43px;
	left:548px;
	margin:0;
}

#welcome {
	width:568px;
	padding:25px 25px 0 25px;
}

#welcome p, #welcome img {
	padding:0 0 13px 0; 
}

#welcome p {
	line-height:19px;
}
/*********/

/* ABOUT */
#about_txt {
	width:550px;
	height:326px;
	background-color:#E9E9E9;
	margin:35px 0 0 13px;
	padding:20px
}

#about_txt h1, #about_txt p {
	padding-bottom:12px;
}

#about_txt h1{
	margin:0;
	font-weight:bold;
	font-size:16px;
	color:#93C308;
}

#about_txt p{
	line-height:17px;
}

#about_txt #resume_button {
	text-align:right;
	padding:0 15px 0 0;
}
/*********/

/* CONTACT */
#contact_txt {
	width:540px;
	height:280px;
	background-color:#E9E9E9;
	margin:34px 0 0 13px;
	padding:20px 30px 20px 20px;
}

#contact_txt p, #contact_txt h2{
	margin:0;
}

#contact_txt p {
	padding-bottom:8px;
}

#contact_txt h2{
	color:#93C308;
	padding-bottom:15px;
	font-size:15px;
}

#contact_txt a {
	text-decoration:none;
	color:#93C308;
}

#contact_txt a:hover {
	color:#bababa;
}


#contact_txt #divider, #contact_txt #info {
	float:right;
}

#contact_txt #info {
	padding:10px 0 0 8px;
}

#contact_frog {
	position:absolute;
	top:273px;
	left:186px;
}
/*********/


/* PORTFOLIO */
#portfolio {
	width:574px;
	height:284px;
	background-color:#E9E9E9;
	margin:35px 0 0 13px;
	padding:8px;
}

#portfolio #text {
	float:left;
	margin:0 8px 0 0;
	width:141px;
}

#portfolio #thumbnail {
	float:left;
	margin:0;
	width:417px;
}

#portfolio #text a {
	color:#93C308;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#portfolio #text a:hover {
	color:#bababa;
}

#portfolio #thumbnail {
	width:282px;
}

#portfolio h1, #portfolio p {
	padding-bottom:12px;
}

#portfolio h1{
	margin:0;
	font-weight:bold;
	font-size:16px;
	color:#93C308;
}

#portfolio p{
	line-height:13px;
}

#next {
	position:absolute;
	top:548px;
	left:650px;
}

#prev {
	position:absolute;
	top:548px;
	left:520px;
}

/*********/


.clear {
	clear:both;
}