/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}


/* generated by gregg-henry.com */ 
html, body{ 
 margin:0; 
 padding:0;
 background:url(../images/bg.jpg) repeat-x; 
 } 
 
#pagewidth{ 
 width:1005px;
 float:right;
 text-align:left;
 margin-bottom:40px;
} 
 
#header{
 position:relative; 
 height:76px; 
  background-color:transparent; 
 width:100%;
} 
#header img{
 float:right;
 padding-right:45px;
}


#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:704px; 
 padding-top:46px;
 margin-left:10px;
 }
 
/*TITLES**/
#title_portfolio{
 overflow: hidden;
 height:18px;
 background-image:url(../images/h2-portfolio.gif);
 background-repeat:no-repeat;
 width:100%;
}
#title_about{
 overflow: hidden;
 height:18px;
 background-image:url(../images/h2-about.gif);
 background-repeat:no-repeat;
 width:100%;
 margin-top:20px;
}
#title_contact{
 overflow: hidden;
 height:18px;
 background-image:url(../images/h2-contact.gif);
 background-repeat:no-repeat;
 width:100%;
 margin-top:20px;
}
#title_resume{
 overflow: hidden;
 height:18px;
 background-image:url(../images/h2-resume.gif);
 background-repeat:no-repeat;
 width:100%;
 margin-top:20px;
}
.title_h1, .title_h2{
 padding-top:18px;
}

#resumebox{
display:none;
}
/*WHITEBOXES */
#whitebox{
width:700px;
margin-top:3px;
background-color:#FFFFFF;
background-image:url(../images/bg_whitebox.jpg);
background-repeat:no-repeat;
border:1px solid #ebebeb;
float:left;
overflow:hidden;
margin-bottom:15px;
}
p.aboutme{
padding:15px;
}
#whitebox-left{
padding:15px;
width:481px;
/*float:left;*/
}
.workContainer{
padding:15px;
width:481px;
height:343px;
/*float:left;*/
}
.work{
width:700px;
margin-top:3px;
background-color:#FFFFFF;
background-image:url(../images/bg_whitebox.jpg);
background-repeat:no-repeat;
border:1px solid #ebebeb;
float:left;
overflow:hidden;
margin-bottom:15px;
}
.work .workContainer {
	width:481px;
	float: left;
	overflow: hidden;
	height:343px;

}

.work .workContainer ul {
	padding:0;
	margin:0;
	position:relative;
	list-style:none;
	width: 5555px;
}

.work .workContainer ul li {
	position:relative;
	width:481px;
	margin-right: 55px;
	float: left;
	display: inline;
}

.work .workContainer ul li img{
	position:relative;
	top:0;
	left:0;
	display: block;
}

.whitebox-right{
 width:174px;
 float:right;
 padding:15px 15px 15px 0;
}

.work .whitebox-right ul{
	padding:0;
	margin:0;
	list-style:none;
}

.work .whitebox-right ul li{
	padding:0;
	margin:0;
	float:left;
	text-align:center;
	padding-bottom:1px;
}

.work .whitebox-right ul li a{
	padding:2px 8px;
	text-decoration:none;
	font:13px "Trebuchet MS", verdana, sans-serif;
	color:#ffffff;
	background-color:#1498ea;
	margin-right:10px;
	outline:none;
}
.work .whitebox-right ul li a:hover{ color:#ffffff; background-color:#1c2932; }

.work .whitebox-right .selected {
	color:#1c2932;
}
.whitebox-right h3{
font-family: "Trebuchet MS", verdana, sans-serif;
padding:0;
margin:0;
line-height:22px;
font-size:20px;
color:#1498ea;
}
p{
font-family: "Trebuchet MS", verdana, sans-serif;
margin:0;
padding:0;
line-height:18px;
font-size:12px;
color:#5e5e5e;
}
.whitebox-right a{
 color:#5e5e5e;
 text-decoration:underline;
}
.whitebox-right a:hover{
 color:#5e5e5e;
 text-decoration:none;
}

#rightcol{
 width:244px;
 float:right;
 background:url(../images/eagle-has-landed.jpg) no-repeat;
 height:300px;
}

#pad15pxaround{
 padding:15px;
}
.contactmsg{
font-family: "Trebuchet MS", verdana, sans-serif;
margin:0;
padding:0;
line-height:50px;
font-size:46px;
color:#1498ea;
}
.bigtext{
font-family: "Trebuchet MS", verdana, sans-serif;
margin:0;
padding:0;
line-height:24px;
font-size:18px;
color:#5e5e5e;
}
 
/****MENU STYLES ***/
#menu-container{
 padding-right:45px;
 padding-top:40px;
}
#menu{
float:right;
padding:0;
width:150px;
}
#menu li{
list-style:none;
font:13px Verdana,sans-serif;
margin:0 0 0 10px}
#menu li.recentbg{
background:url(../images/nav_recent.gif) no-repeat right center;
}
#menu li.aboutbg{
background:url(../images/nav_about.gif) no-repeat right center;
}
#menu li.contactbg{
background:url(../images/nav_contact.gif) no-repeat right center;
}
#menu li.resumebg{
background:url(../images/nav_resume.gif) no-repeat right center;
}
#menu a.portfolio{
border-bottom:2px solid #74c0ec;
border-left:0px;
border-right:0px;
border-top:0px;
display:block;
padding:7px 0 7px 0px;
overflow:hidden;
height:22px;
}
#menu a.about{
border-bottom:2px solid #74c0ec;
border-left:0px;
border-right:0px;
border-top:0px;
display:block;
padding:7px 0 7px 25px;
overflow:hidden;
height:22px;
}
#menu a.contact{
border-bottom:2px solid #74c0ec;
border-left:0px;
border-right:0px;
border-top:0px;
display:block;
padding:7px 0 7px 25px;
overflow:hidden;
height:22px;
}
#menu a.resume{
border-bottom:2px solid #74c0ec;
border-left:0px;
border-right:0px;
border-top:0px;
display:block;
padding:7px 0 7px 25px;
overflow:hidden;
height:22px;
}
#menu a:hover{

}
.seeya{
padding-top:600px;
display:block;
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
.clearit{
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}

#footer{
position:absolute;
width:100%;
height:27px;
background-color:#1498ea;
bottom:0;
left:0;
position:fixed;
background:url(../images/bg_footer.jpg) repeat-x;
}
#footer_nav{
text-align:left;
float:right;
padding-right:580px;
}
.fn_bar{
float:left;
width:5px;
background-image:url(../images/fn_line.jpg);
background-repeat:no-repeat;
height:27px;
overflow:hidden;
}
#fn_recent{
 overflow: hidden;
 height:27px;
 background-image:url(../images/fn_recent.jpg);
 background-repeat:no-repeat;
 width:110px;
 float:left;
}
#fn_about{
 overflow: hidden;
 height:27px;
 background-image:url(../images/fn_about.jpg);
 background-repeat:no-repeat;
 width:92px;
 margin-left:10px;
 float:left;
}
#fn_contact{
 overflow: hidden;
 height:27px;
 background-image:url(../images/fn_contact.jpg);
 background-repeat:no-repeat;
 margin-left:11px;
 width:104px;
 float:left;
}
#fn_resume{
 overflow: hidden;
 height:27px;
 background-image:url(../images/fn_resume.jpg);
 background-repeat:no-repeat;
 margin-left:11px;
 width:64px;
 float:left;
}
/*TITLES**/
.footer_link{
 padding-top:27px;
 float:left; display:block;
} 

/* form elements */
form {
	padding: 15px;
	margin-bottom:35px;
}
label {
	display:block;
	float:left;
	font-weight:bold;
	margin:5px 0;
	width:110px;
}
input {
	float:left;
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	color:#777;
	width:260px;
}
option{ width:240px; }
textarea {
	width:450px;
	padding:2px;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	border:1px solid #eee;
	height:120px;
	display:block;
	color:#777;
}
.submitbtn { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	padding: 2px 3px; 
	height:27px;
	color: #FFFFFF;	
	border: 1px solid #DADADA;	
	background-color:#1498ea;
	background:url(../images/bg_footer.jpg) repeat-x;
	width:60px;
}



 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}