@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
}
body {
	margin: 0; padding: 0;
	background-color: #19160f;
	color: #e7e4c2;
	font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	overflow-y: scroll;
}
#main {
	margin: 20px 0 0; padding: 0;
	background: #392a1a url(../images/main_bg.gif) repeat-x;
	border-bottom: #4a351a 1px solid;
}
#home #main .container {
	min-height: 381px;
}

#subpage #main{
	background: #392a1a url(../images/sub_bg.gif) repeat-x;
}
#subpage #main .container {
	min-height: 129px;
}
#footer {
	color: #4a351a;
	border-top: #0c0e08 1px solid;
	padding: 30px;
	font-family: Georgia;
	font-size: 11px;
}
.container {
	width: 744px;
	margin: 0 auto;
}
#footer .container {
	text-align: right;
}

/*################## TWINHELIX.COM IE PNG FIX ##################*/
img, div, #logo, h1, #jennifer, #content h3#services,  #content h3#resume, #content h3#find_me, #content2 li a, #content li a, #services, #resume, #find_me, #imagelist{ behavior: url(../iepngfix.htc) }

/*################## TEXT LINKS ##################*/
a {
	color: #898c26; /* Green */
	text-decoration: none;
}

a:active, a:hover {
	color: #e7e4c2;
}

/*################## LOGO ##################*/
#logo {
	padding-top: 18px;
}
#logo h1 {
	margin: 0;
	display: block;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat;
	width: 160px; height: 40px;
}
#logo small {
	position: relative;
	top: -27px;
	left: 170px;
	font-family: Georgia;
	font-size: 14px;
	font-style: italic;
	color: #898c26;
}

/*################## HEADER ##################*/
#header {
	margin-top: -4px; padding: 0;
	[if Gecko] margin-top: -5px;
	background: url(../images/header_bg.png) repeat-x;
	height: 238px;
	width: inherit;
}
#header_left, #header_right {
	position: absolute;
	top: 90px;
	margin-left: -8px;
	height: 238px;
	width: 8px;

}
#header_left {
	background: url(../images/header_bg_left.png) repeat-x;
}
#header_right {
	margin-left: 744px;
	background: url(../images/header_bg_right.png) repeat-x;

}
#jennifer {
	margin: 0;
	display: block;
	text-indent: -9999px;
	position: relative;
	top: -114px; left: 498px;
	background-image: url(../images/jennifer.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 272px; height: 279px;
	z-index: 5;
	
}

/*################## SUBPAGE HEADER ##################*/
#subpage #subheader {
	margin-top: -4px; padding: 0;
	background: url(../images/subheader_bg.png) repeat-x;
	width: 744px;
	height: 129px;
}

#subpage #subheader_left, #subheader_right {
	position: absolute;
	top: 90px; [if Gecko] top: 91px;
	margin-left: -8px;
	height: 129px;
	width: 8px;

}
#subpage #subheader_left {
	background: url(../images/subheader_bg_left.png) repeat-x;
}
#subpage #subheader_right {
	margin-left: 744px;
	background: url(../images/subheader_bg_right.png) repeat-x;

}
#subpage #jennifer {
	margin: 0;
	display: block;
	text-indent: -9999px;
	position: relative;
	top: -117px; left: 594px;
	background-image: url(../images/jennifer2.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 171px; height: 173px;
	z-index: 5;
	
}

/*################## MENU ##################*/
/*div#nav {
	width: 450px;
}*/
#menu li { float:left}
ul#menu {
	margin-top: 0; padding: 0;
	position: relative;
	left: -5px;
	height: 52px;
/*	border-right: 1px solid #4a080b;*/
	list-style-type: none;
}
ul#menu li {
	border-left: #4a080b 1px solid;
	border-right: #a02829 1px solid;
	display: inline;
	display: -moz-inline-box;
	display: inline-block;
	padding: 19px 0 20px 0;

}
ul#menu li a {
	padding: 20px;
	text-decoration: none;
	color: #898c26;
	font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
ul#menu li a.active, ul#menu li a:hover {
	color: #e7e4c2;  /* FAFAF1 */
	background-color: #780e16; /* 831717 8d191a */
}
ul#menu li.first {
	border-left: none;
}
ul#menu li.last {
	border: none;
	width: 1px;
	background-color: #4a080b;
}

/*################## FEATURED ##################*/
#featured {
	margin-top: -280px;
	padding: 15px 0 20px 20px;
	width: 475px;

}
#featured_desc {
	width: 220px;
	float: left;
}
#featured h2 {
	margin: 0; padding-bottom: 5px;
	font-family: Georgia, Times New Roman, serif;
	font-size: 20px;
	font-weight: 100;
	letter-spacing: 2px;
}
#featured h4 {
	margin: 0; padding-bottom: 2px;
	text-transform: uppercase;
	font-family: Georgia, Times New Roman, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #3d0202;
}
#block_content {
	margin: 0; padding: 0;
	font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	height: 100px;
	
}
#featured_img {
	position: relative;
	margin-left: 250px; margin-top: 0; padding: 5px 0;
	width: 203px;
}
#featured_img img {
	border: #898c26 3px solid;
	width: 195px;
	height: 100px;
}
#featured_img img:hover {
	border-color: #e7e4c2;
}
#featured_img a.view {
	padding: 5px;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	float: right;
}
/*################## SUBPAGE FEATURED ##################*/
#subpage #featured {
	margin-top: -180px;
	padding: 15px 0 20px 20px;
	width: 475px;

}
#subpage #featured h2 {
	margin: 0; padding-bottom: 5px;
	font-family: Georgia, Times New Roman, serif;
	font-size: 20px;
	font-weight: 100;
	letter-spacing: 2px;
}

#subpage input, #subpage textarea {
	float: left;
	clear: left;
	background-color: #e7e4c2;
	border: #898c26 1px solid;
	margin-bottom: 10px;
	color: #393A1A;
}
#subpage input.button, #subpage input.last {
	margin-right: 5px; padding: 5px;
	background-color: #440809;
	border: #610b11 1px solid;
	color: #e8e5c4;
}
#subpage input.last {
	clear: none;
	margin-bottom: 15px;
}
/*################## CONTENT ##################*/
#content{
	overflow: hidden;
	padding: 20px 0 35px;
/*	background-color: #b9a673;*/
}
#content h3 {
	text-indent: -9999px;	
	margin: 5px 0 0 0;	padding: 0;
	width: 162px;		height: 24px;
	font-family: Georgia, Helvetica, Tahoma, Arial;
	text-transform: uppercase;
	font-size: 16px;
	color: #898c26;
}
#content h3.visible, #content h3.port, #content h3.port_inner {
	text-indent: 0;
	margin: 5px 0 -5px;	padding: 0;
	width: auto;		height: auto;
}
#content h3.port {
	margin-bottom: 20px;
}
#content h3.port_inner {
	margin-top: 80px;
}
#content1, #content2, #content3, #contact {
	margin-right: 10px;
	padding-left: 20px;
	display: inline;
	float: left;
	width: 220px;
	border-right: #4a351a 1px solid;
}
#content_dual {
	margin-right: 10px;
	padding-left: 20px; padding-right: 22px;
	display: inline;
	float: left;
	width: 450px; height: auto;
	border-right: #4a351a 1px solid;
	min-height: 120px;
}
#content_dual p {
	font-size: 12px;
	line-height: 18px;
}
#contact {
	float: left;
	padding: 5px; margin-top: -5px; [if Gecko] margin-top: 0px;
	border-right: none;
}
#contact p {
margin:5px 0 -5px 15px;
}
#contact li {
	list-style-type: none;
	margin: 5px 0; [if Gecko] margin: 8px 0;
}
#contact li:before {
	content: "\00BB \0020";
	color: #898c26;
	padding-right: 5px; margin-left: 15px;
	}
form {
	margin-top: 20px;
}
#content3, #content2.last {
	margin-right: 0;
	border-right: none;
}
#content h3#services {
	background: url(../images/h3_services.png) transparent no-repeat;
}
/* TRYING TO ADD ICON TO IMAGE REPLACED H ELEMENT
#content1 span {
	border: red 1px solid;
	background: url(../images/h3_services_pen.png) no-repeat;
	width: 200px;
	height: 200px;
}
*/
#content h3#resume {
	background: url(../images/h3_resume.png) transparent no-repeat;
}
#content h3#find_me {
	background: url(../images/h3_find_me.png) transparent no-repeat;
}
#content h4 {
	margin: 5px 0 10px; [if Gecko] margin-bottom: 15px;
	font-family: Georgia;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #898c26;
}
#home #content3 ul {
	margin-top: 5px;
}
#contact h4 {
	margin: 5px 0 -5px 15px; padding: 0; [if Gecko] margin-bottom: 10px;
}
#contact h4.additional {
	margin-top: 30px;
}
#content ul {
	list-style-type: none;
	margin-left: 0; padding: 0;
	padding-top: 5px;
	margin-top: 7px;
}
#content2 li a {
	background: url(../images/download.png) transparent no-repeat center left;
	padding: 15px 0 20px 55px;
	float: left;
	clear: left;
	font-weight: bold;
}
#content3 li {
	float: left;
	display: block;
	width: 48px;
	padding: 10px 5px 0;
}
#content3 img {
	border: none;
}
/*################## IMAGE LIST ##################*/
.textlist li {
	line-height: 20px;
}
.textlist li:before {
	content: "\00BB \0020";
	color: #898c26;
	padding-right: 5px;
}
#contact a, #content1 a {
	color: #E7E4C2;
	border-bottom: 1px solid #898c26;
}
#contact a:hover, #content1 a:hover {
	color: #898c26;
}
/*################## MY WORK THUMBS ##################*/
#content_dual img {
	border: #898c26 3px solid;
}
#content_dual img:hover {
	border-color: #e7e4c2;
}
#content_dual p {
	clear: left;
}
hr.light, hr.solo {
	width: 450px;
	height: 1px;
	color: #4a351a;
	background-color: #4a351a;
	border: 0;
	margin:20px 0 0 0; padding: 0;
}
hr.solo {
	margin: 20px 0;
}
hr.dark {
	width: 450px;
	height: 1px;
	color: #19160f;
	background-color: #19160f;
	border: 0;	
	margin:0 0 25px 0; padding: 0;
}