@charset "UTF-8";
/* CSS Document */
html,body {
	height:100%
}
body {
	margin:0px;
}

#container {
  height:656px;     
  width:925px;

}
img {
	border:none;
}
#logo {
	margin:0 0 25px 20px;
}
#spacer {
	height:10px;
}
#spacer_foot {
	height:5px;
}
#navbar {
	background-color:#a04434;
	height:27px;
}
#nav ul{
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
#nav li {
	float:right;
	vertical-align:middle;
	text-decoration: none;
	list-style:none;
}
#divides{
	padding:7px 2px 0 2px;
	/*padding:7px 0 0 0; Original version*/
}
#nav a {
	text-decoration: none;
	display: block;
	color:#FFFFFF;
	padding:7px 12px 0 12px;
	height:20px;
	vertical-align:middle;
}
#nav a:hover {
	text-decoration: none;
	display: block;
	color:#FFFFFF;
	padding:7px 12px 0 12px;
	background-color:#a4a0a5;
	height:20px;
}
#current a {
	text-decoration: none;
	display: block;
	color:#FFFFFF;
	padding:7px 12px 0 12px;
	background-color:#a4a0a5;
	height:20px;
}
#current a:hover {
	text-decoration: none;
	display: block;
	color:#FFFFFF;
	padding:7px 12px 0 12px;
	background-color:#a4a0a5;
	height:20px;
}
#content {
	clear:right;
	width:925px;
	height:530px;
	background-color:#ffffff;
}
#content_home {
	clear:right;
	width:925px;
	height:530px;
	background-color:#ffffff;
	background-image:url(images/content_home_background.jpg);
}
#content_about {
	clear:right;
	width:925px;
	height:530px;
	background-color:#ffffff;
	background-image:url(images/content_about_background.jpg);
}
#content_bio {
	clear:right;
	width:925px;
	height:530px;
	background-color:#ffffff;
	background-image:url(images/content_bio_background.jpg);
}
#content_clients {
	clear:right;
	width:925px;
	height:530px;
	background-color:#ffffff;
	background-image:url(images/content_clients_background.jpg);
}
#content_port {
	clear:right;
	width:925px;
	height:530px;
	background-color:#ffffff;
	background-image:url(images/content_port_background.jpg);
}
#content_project {
	clear:right;
	width:925px;
	height:530px;
	background-color:#ffffff;
}
#content_contact {
	clear:right;
	width:925px;
	height:530px;
	background-color:#ffffff;
	background-image:url(images/content_contact_background.jpg);
}
#intro {
	padding:5px 0 0 0;
	width:600px;
}
#intro2 {
	width:615px;
	padding:0 0 5px 0;
}
.portThumb {
	width:120px;
	height:120px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:lighter;
	line-height:24px;
	color:#999999;
	margin:30px 20px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:lighter;
	line-height:21px;
	color:#666666;
	margin:30px 0 0 20px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:lighter;
	line-height:24px;
	color:#666666;
	margin:30px 20px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:lighter;
	line-height:21px;
	color:#999999;
	margin:30px 0 0 20px;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:lighter;
	line-height:21px;
	color:#999999;
	margin:30px 20px 0px 20px;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	line-height:18px;
	color:#666666;
	margin:30px 20px;
}
h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	line-height:18px;
	color:#666666;
	margin:0px 20px 30px 20px;
}
#stats {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	line-height:18px;
	color:#666666;
	margin:0 20px 30px 20px;
}
#footer {
	background-color:#a04434;;
	height:27px;
}

#copyright {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	width:580px;
	padding: 8px 0 0 20px ;
}
#designed {
	float:right;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	width:305px;
	text-align:right;
	padding: 8px 20px 0 0 ;
}
#address {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:10px 0 0 20px;
	color:#a04434;;
}
#designed a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
#designed a:hover {
	color:#CCCCCC;
	text-decoration:none;
}
#about ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	line-height:10px;
	color:#666666;
}
#about li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	line-height:10px;
	color:#666666;
	margin:0 0 10px 10px;
	list-style-image:url(images/bullet.jpg);
}

/*#about a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	line-height:10px;
	color:#666666;
}

#about a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	line-height:10px;
	color:#666666;
	margin:0 0 10px 10px;
	list-style-image:url(images/bullet.jpg);
}*/

#port ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	line-height:10px;
	color:#666666;
}
#port li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	line-height:10px;
	color:#666666;
	margin:0 0 10px 10px;
	list-style-image:url(images/bulletGrey.gif);
}

#port a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	line-height:10px;
	color:#a04434;
	text-decoration:none;
}

#port a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	line-height:10px;
	color:#666;
	list-style-image:url(images/bulletGrey.gif);
	text-decoration:none;
}

.divider {
	color:#a04434;
}
.grey {
	color:#666666;

}
.grey_head {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:24px;
}
#email a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:lighter;
	line-height:24px;
	color:#a04434;
	margin:30px 0px;
	text-decoration:none;
}
#email a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:lighter;
	line-height:24px;
	color:#666666;
	margin:30px 0px;
	text-decoration:none;
}
#resume a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:lighter;
	line-height:24px;
	color:#a04434;
	margin:30px 0px;
	text-decoration:none;
}
#resume a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:lighter;
	line-height:24px;
	color:#666666;
	margin:30px 0px;
	text-decoration:none;
}

.projectNav a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#a04434;
	text-decoration:none;
}
.projectNav a:hover {
	color:#666;
	text-decoration:none;
}

.projectSpan {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-decoration:none;
}

.projectSpanDivide {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-decoration:none;
	margin:0 15px
}
/*

RED
cmyk= 30, 90, 100, 0
rgb= 160, 68, 52
index= #a04434;

GRAY
cmyk= 0, 5, 0, 40
rgb= 164, 160, 165
index= #a4a0a5;

color: rgb(255,255,0)

*/