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

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

a {
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #248a9e;
	font-weight: bold;
}
.clearfix {
	clear: both;		
}

body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #172526;
}

#outer {
	background-color: #FFFFFF;
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
}

#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	background-image: url(images/header.gif);
	height: 95px;
}

h1 a {
	display: block;
	height: 70px;
	width: 300px;
	text-indent: -9999px;
	margin-left: 105px;
}

/********************* main nav ******************************/
#nav {
	width: 540px;
	height: 30px;
	margin-left: 420px;
}

#nav ul {
	width: 540px;
	height: 30px;
	background: url(images/nav_sprite.gif);
}


#nav ul li {
	display: inline;

}


#nav ul li a {
	text-indent: -9999px;
	display: block;
	float: left;
	width: 130px;
	height: 30px;
}


#nav ul li#nhome a:hover, 
#nav ul li#nhome a:focus {
	background: url(images/nav_sprite.gif) 0 30px;	
}

#nav ul li#nhome a:active {
	background: url(images/nav_sprite.gif) 0 -30px;	
}


#nav ul li#nabout a:hover, 
#nav ul li#nabout a:focus {
	background: url(images/nav_sprite.gif) -130px 30px;	
}

#nav ul li#nabout a:active {
	background: url(images/nav_sprite.gif) -130px -30px;	
}


#nav ul li#nportfolio a:hover, 
#nav ul li#nportfolio a:focus {
	background: url(images/nav_sprite.gif) -260px 30px;	
}

#nav ul li#nportfolio a:active {
	background: url(images/nav_sprite.gif) -260px -30px;	
}


#nav ul li#ncontact a:hover, 
#nav ul li#ncontact a:focus {
	background: url(images/nav_sprite.gif) -390px 30px;	
}

#nav ul li#ncontact a:active {
	background: url(images/nav_sprite.gif) -390px -30px;	
}


/******************************* on page *****************************/

#dhome #nav ul li#nhome a:link,
#dhome #nav ul li#nhome a:visited,
#dhome #nav ul li#nhome a:hover,
#dhome #nav ul li#nhome a:active,
#dhome #nav ul li#nhome a:focus {
	background: url(images/nav_sprite.gif) 0 -30px;	
}

#dabout #nav ul li#nabout a:link,
#dabout #nav ul li#nabout a:visited,
#dabout #nav ul li#nabout a:hover,
#dabout #nav ul li#nabout a:active,
#dabout #nav ul li#nabout a:focus {
	background: url(images/nav_sprite.gif) -130px -30px;
}


#dportfolio #nav ul li#nportfolio a:link,
#dportfolio #nav ul li#nportfolio a:visited,
#dportfolio #nav ul li#nportfolio a:hover,
#dportfolio #nav ul li#nportfolio a:active,
#dportfolio #nav ul li#nportfolio a:focus {
	background: url(images/nav_sprite.gif) -260px -30px;
}


#dcontact #nav ul li#ncontact a:link,
#dcontact #nav ul li#ncontact a:visited,
#dcontact #nav ul li#ncontact a:hover,
#dcontact #nav ul li#ncontact a:active,
#dcontact #nav ul li#ncontact a:focus {
	background: url(images/nav_sprite.gif) -390px -30px;
}

/*******************************end of nav ***************************/

#content {

}

#welcome_banner {
	background-image: url(images/welcome_banner.jpg);
	height: 130px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	color: #699902;
	padding-top: 35px;
	padding-left: 145px;
	padding-right: 45px;
	line-height: 1.5em;
	font-style: italic;
}
.banner {
	color: #025466;
	font-style: normal;
}


/********************** home page flash banner **********************/
#flash_banner {
	background-image: url(images/flash_img.jpg);
	height: 315px;
	margin-top: 20px;
	margin-bottom: 30px;
	width: 920px;
	margin-left: 20px;

}

.alt_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #172526;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	width: 400px;
	padding-top: 70px;
}


/**************************** home page **************************/
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	color: #699902;
	font-style: italic;
	margin-left: 20px;
	margin-bottom: 10px;
}

#column_1 {
	background-image: url(images/column_1.gif);
	width: 290px;
	margin-left: 20px;
	background-repeat: no-repeat;
	float: left;
	padding-top: 30px;
}
#column_2 {
	background-image: url(images/column_2.gif);
	width: 290px;
	margin-left: 20px;
	background-repeat: no-repeat;
	float: left;
	padding-top: 30px;
}
#column_3 {
	background-image: url(images/column_3.gif);
	width: 290px;
	margin-left: 20px;
	background-repeat: no-repeat;
	float: left;
	padding-top: 30px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #013033;
	padding-left: 15px;
}
.colmn_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-left: 15px;
	padding-right: 25px;
	background-image: url(images/column_background.gif);
	padding-top: 10px;
}
.bottom_corners {
	background-image: url(images/bottom_corners.gif);
	height: 15px;
	margin-bottom: 30px;
}

/*************************** about page ***************************/
#about_me {
	background-image: url(images/about_me.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 590px;
	padding-top: 30px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	color: #699902;
	padding-left: 20px;
	padding-top: 7px;
}
.about_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	padding-top: 20px;
	padding-right: 140px;
	padding-left: 20px;
	line-height: 1.5em;
	text-indent: 1em;
}
.about_botton a { 
	text-indent: -9999px;
	display: block;
	width: 125px;
	height: 25px;
	margin-left: 314px;
	margin-top: 30px;
}
.about_botton a:hover, 
.about_botton a:focus {
	background: url(images/resume_button.gif) 125px 25px;	
}

#about_column1 {
	background-image: url(images/about_header.gif);
	background-repeat: no-repeat;
	float: left;
	width: 263px;
	margin-top: 70px;
}
#about_column2 {
	background-image: url(images/about_header.gif);
	background-repeat: no-repeat;
	float: right;
	width: 263px;
	margin-top: 70px;
	margin-right: 15px;
}
.about_column_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #777777;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 15px;
	margin-bottom: 50px;
	line-height: 1.4em;
}

#quick_glance {
	float: right;
	width: 290px;
	margin-right: 20px;
	padding-top: 30px;
}

#column_4 {
	background-image: url(images/column_4.gif);
	width: 290px;
	background-repeat: no-repeat;
	padding-top: 30px;
	margin-top: -35px;
	margin-right: 20px;
}

#column_5 {
	background-image: url(images/column_5.gif);
	width: 290px;
	background-repeat: no-repeat;
	padding-top: 30px;
	margin-right: 20px;
}

#column_6 {
	background-image: url(images/column_6.gif);
	width: 290px;
	background-repeat: no-repeat;
	padding-top: 30px;
	margin-right: 20px;
}

/****************************** resume ***************************/

#resume {
	background-image: url(images/resume_top.gif);
	background-repeat: no-repeat;
	float: left;
	width: 590px;
	padding-top: 30px;
}

.resume_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	padding-top: 20px;
	padding-right: 40px;
	padding-left: 20px;
	line-height: 1.5em;
	background-image: url(images/resume_bg.gif);
	background-repeat: repeat-y;
}

.resume_headers {
	font-size: 1.7em;
	color: #013033;
}

#resume_bottom {
	background-image: url(images/resume_bottom.gif);
	background-repeat: no-repeat;
	height: 40px;
	margin-bottom: 20px;
}
.print a {
	margin-left: 500px;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 40px;
	margin-top: -40px;
}

/****************************** portfolio ***************************/
#portfolio {
	width: 960px;
	padding-top: 20px;
}
#port_nav {
	background: url(images/port_nav.gif);
	background-repeat: no-repeat;
	height: 45px;
	padding-top: 7px;
}

#port_nav ul li {
	display: inline;
}

#port_nav ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin-left: 20px;
	margin-right: 60px;
}
#port_nav ul li#pweb a:hover, 
#port_nav ul li#pweb a:focus {
	color: #CDDD0F;
}

#port_nav ul li#pprint a:hover, 
#port_nav ul li#pprint a:focus {
	color: #CDDD0F;	
}

#port_nav ul li#pphoto a:hover, 
#port_nav ul li#pphoto a:focus {
	color: #CDDD0F;	
}

#port_nav ul li#pvideo a:hover, 
#port_nav ul li#pvideo a:focus {
	color: #CDDD0F;	
}

/**************** gallery ********************/

h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.5em;
	color: #14515b;
}

.gallery_left {
	padding-top: 30px;
	width: 450px;
	padding-bottom: 35px;
	float: left;
}

.gallery_right {
	padding-top: 30px;
	width: 450px;
	padding-bottom: 35px;
	float: right;
}



.port_sub_text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #aeb0b0;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 20px;
}
.screenshot {
	margin-bottom: 10px;	
}

.port_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #777777;
	margin-bottom: 5px;
}
.port_text span {
	font-weight: bold;
	color: #14515b;
}

/****************************** contact page ***********************************/
#contact_form {
	padding-top: 30px;
	width: 590px;
}

#form {
	background-image: url(images/contact_bg.gif);
	background-repeat: no-repeat;
	width: 590px;
	height: 350px;
	float: left;
}

table {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

.inputsize {
	background-color: #F2FCC7;
	border: 1px solid #14515b;
	width: 300px;
	
}
.form_text_right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #14515b;
	float: right;
}

.form_text_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #14515b;
}
.form_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #14515b;
	float: right;
	margin-top: -50px;
}
.required {
	font-size: 0.5em;
	color: #8EA43C;
}

#button {
	background-image: url(images/submit.gif);
	height: 23px;
	width: 100px;
	font-size: 0;
 	border: none;
 	margin: 0;
 	padding: 0;
	cursor: pointer;
}

#button:hover, 
#button:focus {
	background-image: url(images/submit_over.gif);	
}

.error{
	color:#D70000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: bold;
}

.success {
	color:#14515b;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: bold;
}
#follow_me {
	float: right;
	margin-top: -35px;
	margin-bottom: 30px;
}


/******************************* footer begins *********************************/
#outer_footer {
	background-image: url(images/outer_footer.gif);
	height: 105px;
	clear: both;
}
#footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/footer.gif);
	height: 105px;
}
.footer_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #c0d07d;
	padding-top: 25px;
	padding-left: 30px;
	font-weight: bold;
}

/***** network places in footer *****/
ul.network {
	width: 161px;
	height: 16px;
	margin-left: 34px;
	margin-top: 5px;
	float: left;
}
ul.network li {
	display: inline;

}
ul.network li a {
	text-indent: -9999px;
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-left: 16px;
}
ul.network li#flinkedin a:hover, 
ul.network li#flinkedin a:focus {
	background: url(images/linkedin.gif) 16px 16px;	
}
ul.network li#ftwitter a:hover, 
ul.network li#ftwitter a:focus {
	background: url(images/twitter.gif) 16px 16px;	
}

ul.network li#fvimeo a:hover, 
ul.network li#fvimeo a:focus {
	background: url(images/vimeo.gif) 16px 16px;	
}

ul.network li#fstumbleupon a:hover, 
ul.network li#fstumbleupon a:focus {
	background: url(images/stumbleupon.gif) 16px 16px;	
}

ul.network li#ffacebook a:hover, 
ul.network li#ffacebook a:focus {
	background: url(images/facebook.gif) 16px 16px;	
}

.copyright {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #c0d07d;
	float: left;
	margin-left: 135px;
	margin-top: -20px;
}


ul.footer_nav {
	float: right;
	margin-right: 40px;
	margin-top: -20px;

	
}
ul.footer_nav li {
	display: inline;

}
ul.footer_nav li a {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin-left: 15px;
}
ul.footer_nav li a:hover, 
ul.footer_nav li a:focus {
	color: #E5F98E;
}