@charset "utf-8";

body {
	background: #99CCFF url('../images/bodybg_home.gif');
	margin:0;
    padding:0;
}

hr {
    color: #fff; 
    border: 1px dotted #fff;
    border-style: none none dotted; 
}

ul {
    margin: 0 0 0 15px;
    padding: 0;
}

/* Begin Home Page Only */

#featured_box {
	background: #E7FFAE url('../images/home_featured_bg.gif');
    width: 350px;
    height:161px;
    margin:0;
    padding:0;
}

#featured_text {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 10px;
    line-height: 20px;
    color: #333;
	margin: 0;
    padding: 15px 25px;
}

#featured_text a{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #006699;
}

#home_footer {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 11px;
    color: #FFCC66;
    margin-top: 30px;
}

/* End Home Page Only */
    
/* Begin About Page */

#body_about {
	background: #FFCD7F url('../images/bodybg_about.gif');
	margin:0;
    padding:0;
    color: #fff;
}

#pageheader_about {
	background: #CC3300 url('../images/pageheader_about.gif');
    height:100px;
    margin:0;
    padding:0;
}

#pagetitle_about {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
	width:716px;
	margin: 0 auto;
    padding-top: 30px;
}

#page_about {
    width: 450px; 
    float: left; 
    /*background: url('../images/contentbg_about.jpg') no-repeat center top; */
    margin: 0 50px 0 0;
    padding: 0 0 40px 0;
}

.sidebar_about {
    color: #000;
	width: 200px;
	background: #FFFFCC;
    border: 2px solid #fff;
}

.sidebar_about a:link, .sidebar_about a:visited{
    color: #CC3300;
    font-weight: bold;
    text-decoration: none;
    border: none;
}

.sidebar_about a:hover, .sidebar_about a:active{
    color: #990000;
    font-weight: bold;
    text-decoration: underline;
    border: none;
}

.sidebar_about_header {
	width: 200px;
    height: 40px;
    line-height: 40px;
	background: #CC3300;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-indent: 10px;
    border-bottom: 1px dotted #fff;
}

/* End About Page */

/* Begin Resume Page */

#body_resume {
	background: #FFCD7F url('../images/bodybg_about.gif');
	margin:0;
    padding:0;
    color: #333;
}

#pagetitle_resume {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
	width:716px;
	margin: 0 auto;
    padding-top: 30px;
}

#pagetitle_resume  a{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFCC;
}

#pageheader_resume {
	background: #FFCD7F url('../images/pageheader_about.gif');
    height:100px;
    margin:0;
    padding:0;
}

#page_resume {
    margin: 0;
    padding: 0 0 40px 0;
}

#page_resume h1 {
	color: #000;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 30px;
	font-weight: bold;
    letter-spacing: 5px;
	text-transform: uppercase;
}

#page_resume h2 {
    color: #993300;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
    letter-spacing: 3px;
	text-transform: uppercase;
    margin: 0;
    padding: 0;
}

#page_resume h3 {
    color: #993300;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
    margin-bottom: 3px;
}

#page_resume h4 {
    color: #fffff;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 11px;
	font-style: italic;
    font-weight: normal;
    margin: 0px;
}

#page_resume h5 {
    color: #CC6600;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
    margin: 0px;
    text-align: right;
}

#page_resume p {
    color: #333;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 11px;
	line-height: 20px;
}

#page_resume hr {
    border: 1px dotted #993300;
    color: #993300;
    height: 1px;
    text-align: left;
    margin: 10px 0;
} 

#page_resume ul {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 11px;
    line-height: 18px;
}

#page_resume li {
	list-style-type: square;
}

.sidebar_resume{
    color: #333;
	width: 700px;
	background: #FFFFCC;
    border: 2px solid #fff;
}

.sidebar_resume_header {
	width: 700px;
    height: 40px;
    line-height: 40px;
	background: #CC3300;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-indent: 10px;
    border-bottom: 1px dotted #fff;
}

/* End Resume Page */

/* Begin Contact Page */

#body_contact {
	background: #E7FFAE url('../images/bodybg_contact.gif');
	margin:0;
    padding:0;
    color: #336633;
}

#pageheader_contact {
	background: #C4F0A1 url('../images/pageheader_contact.gif');
    height:100px;
    margin:0;
    padding:0;
}

#pagetitle_contact {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
	width:716px;
	margin: 0 auto;
    padding-top: 30px;
}

#page_contact {
    background: url('../images/contentbg_contact.jpg') no-repeat right bottom;
    margin: 0;
    padding: 0 0 40px 0;
}

/* End Contact Page */

/* Begin Projects Page */

#body_projects {
	background: #E9EEFF url('../images/bodybg_projects.gif');
	margin:0;
    padding:0;
    color: #000;
}

#pageheader_projects {
	background: #E9EEFF url('../images/pageheader_projects.gif');
    height:100px;
    margin:0;
    padding:0;
}

#pagetitle_projects {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
	width:716px;
	margin: 0 auto;
    padding-top: 30px;
}

#page_projects {
    margin: 0;
    padding: 0 0 40px 0;
}

#page_projects h2{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 0;
	width: 714px;
    height: 40px;
    line-height: 40px;
    text-indent: 15px;
	background: #336699;
    border: 2px solid #fff;
}

.sidebar_projects1 {
    color: #000;
	width: 550px;
	background: #F0F8FF;
    border: 2px solid #fff;
}

.sidebar_projects1 a:link , .sidebar_projects1 a:active , .sidebar_projects1 a:visited {
    color : #4682B4; 
    font-weight: bold;
    text-decoration: none;
} 

.sidebar_projects1 a:hover {
    color : #336699; 
    font-weight: bold;
    text-decoration: underline;
} 

.sidebar_projects1_header {
	width: 550px;
    height: 40px;
    line-height: 40px;
	background: #4682B4;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-indent: 10px;
    border-bottom: 1px dotted #fff;
}

.sidebar_projects2 {
    color: #000;
	width: 550px;
	background: #FFF8DC;
    border: 2px solid #fff;
}

.sidebar_projects2 a:link , .sidebar_projects2 a:active , .sidebar_projects2 a:visited {
    color : #CC6633; 
    font-weight: bold;
    text-decoration: none;
} 

.sidebar_projects2 a:hover {
    color : #CC3300; 
    font-weight: bold;
    text-decoration: underline;
} 

.sidebar_projects2_header {
	width: 550px;
    height: 40px;
    line-height: 40px;
	background: #CC3300;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-indent: 10px;
    border-bottom: 1px dotted #fff;
}

.sidebar_projects3 {
    color: #000;
	width: 550px;
	background: #CCFFCC;
    border: 2px solid #fff;
}

.sidebar_projects3 a:link , .sidebar_projects3 a:visited {
    color : #006666; 
    font-weight: bold;
    text-decoration: none;
} 

.sidebar_projects3 a:hover , .sidebar_projects3 a:active {
    color : #003333; 
    font-weight: bold;
    text-decoration: underline;
} 

.sidebar_projects3_header {
	width: 550px;
    height: 40px;
    line-height: 40px;
	background: #339999;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-indent: 10px;
    border-bottom: 1px dotted #fff;
}

.sidebar_projects4 {
    color: #000;
	width: 550px;
	background: #E0FFFF;
    border: 2px solid #fff;
}

.sidebar_projects4 a:link , .sidebar_projects4 a:active , .sidebar_projects4 a:visited {
    color : #336699; 
    font-weight: bold;
    text-decoration: none;
} 

.sidebar_projects4 a:hover {
    color : #003366; 
    font-weight: bold;
    text-decoration: underline;
} 

.sidebar_projects4_header {
	width: 550px;
    height: 40px;
    line-height: 40px;
	background: #5F9EA0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-indent: 10px;
    border-bottom: 1px dotted #fff;
}

/* End Projects Page */

.sidebar_text {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 11px;
    padding: 10px;
}

a.white:link , a.white:active , a.white:visited {
    color: #fff; 
    text-decoration: none;
} 

a.white:hover {
    color: #fff; 
    text-decoration: underline;
} 

.title1:link , .title1:active , .title1:visited {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
} 

.title1:hover {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-decoration: underline;
} 

.subtitle1:link , .subtitle1:active , .subtitle1:visited {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #F0FFFF;
    text-decoration: none;
} 

.subtitle1:hover {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #CCFFFF;
    text-decoration: underline;
} 


.subtitle2:link , .subtitle2:active , .subtitle2:visited {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #336699;
    text-decoration: none;
} 

.subtitle2:hover {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #336699;
    text-decoration: underline;
} 

.container {
	margin:0 auto;
	width:716px;
}

#header {
	background: #99CCFF url('../images/headerbg.gif');
    height:106px;
    margin:0;
    padding:0;
}
/*
#header ul {
    list-style:none;
    display:inline;
   	float:left;
    margin: 18px 0 0 0;
    padding:0;
}

#header li {
    margin:0;
    padding:0;
   	float:left;
    display:inline;
    overflow:hidden;
}
*/
.left {
    float:left;
}

#home {
	background: #99CCFF url('../images/homebg.gif') repeat-x center top;
    height:394px;
    margin:0;
    padding:0;
    overflow: hidden;
}

#content {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 11px;
    line-height: 25px;
}

#footer {
	background: #99CCFF url('../images/bottombg.gif');
	height:73px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 11px;
    color: #fff;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
}

.padding {
    margin-top: -15px;
    padding: 0 0 40px 0;
}

.clear {
	clear: both;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
    font-weight: none;
	color: #000;
    margin-top: 5px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    font-weight: bold;
	color: #000;
    width: 700px;
}

h3{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
