/* HTML */
html, body {font-family:arial,verdana,tahoma,san-serif; font-size:100%; line-height:100%; margin:0; padding:0;}
h1 {color:#333333; font-size:20px; padding:0; margin:10px 0 0 0; display:inline-block;}
h2 {color:#333333; font-size:25px; line-height:100%; margin:0 0 25px 0; padding:0 0 10px 0; display:block; border-bottom:1px dotted #e1e1e1}
h2 span {color:#e1e1e1; letter-spacing:-1px; margin:0 3px 0 0; padding:0; text-transform:lowercase;}
h3 {color:#222222; font-size:15px; line-height:100%; margin:10px 0 0 0; padding:0;}
a {color:#333333;}
.body1 {margin:30px;}
/* Miscellaneous */
.hr1 {height:0px; font-size:0px; border-bottom:5px solid #c65a19; margin:0 0 30px 0;}
.bullet {margin:0 5px 0 0;}
/* Title */
.title {display:table; height:36px; width:100%; margin:0 0 20px 0; padding:0; font-size:0px; line-height:100%;}
.title_row {display:table-row; height:36px; width:100%; margin:0; padding:0; font-size:0px; line-height:100%;}
.title_left {display:table-cell; width:33px; background:url('http://www.markcowie.com/themes/markcowie01/images/title_bg_left.jpg'); margin:0; padding:0; font-size:0px; line-height:100%;}
.title_center {display:table-cell; background:url('http://www.markcowie.com/themes/markcowie01/images/title_bg_center.jpg'); margin:0; padding:0; font-size:0px; line-height:100%;}
.title_right {display:table-cell; width:18px; background:url('http://www.markcowie.com/themes/markcowie01/images/title_bg_right.jpg'); margin:0; padding:0; font-size:0px; line-height:100%;}
/* Body */
.body1 {color:#666666; }
/* Wrapper */
.wrapper_outer {width:100%; text-align:center;}
.wrapper_inner {width:950px; margin:20px auto 0 auto; text-align:left;}
/* Logo */
.logo {background:url('http://www.markcowie.com/themes/markcowie01/images/logo_background.jpg'); display:table; width:100%; height:140px; margin:0 auto 3px auto; padding:0; border-bottom:5px solid #c65a19; text-align:center;}
.logo_row {display:table; width:950px; padding:0; margin:0 auto 0 auto;}
.logo_col1 {display:table-cell; width:450px; padding:0; margin:0; vertical-align:top; text-align:left;}
.logo_col1 img {border:0; margin:30px 0 0 0;}
.logo_col2 {display:table-cell; width:500px; text-align:right; vertical-align:top;}
.logo_col2 img {border:0; margin:37px 0 0 0;}
/* Menu */
.menu {background:url('http://www.markcowie.com/themes/markcowie01/images/menu_background.jpg'); display:table; width:100%; margin:0; padding:0; text-align:center;}
.menu div {width:950px; margin:0 auto 0 auto; text-align:left;}
.menu img {border:0; vertical-align:bottom;}
.menu_row {display:table-row; margin:0; padding:0;}
.menu_left {display:table-cell; margin:0; padding:7px 0 7px 0; font-size:0.85em;}
.menu_left #selected {}
.menu_left a {text-decoration:none; font-weight:bold; color:#333333; margin:0 15px 0 0;}
.menu_left a:hover {}
.menu_left span {margin:0 5px 0 5px;}
.menu_right {display:table-cell; text-align:right; margin:0; padding:7px 0 7px 0; font-size:0.75em;}
/* Content 1 - Two Column - Heavy Left */
.content1 {display:table; width:100%; margin:0 auto 20px auto; padding:0; line-height:175%;}
.content1 p {margin:0 0 15px 0;}
.content1 .end {margin:0 0 25px 0;}
.content1_row {display:table-row; width:100%; padding:0; margin:0;}
.content1_col1 {display:table-cell; width:530px; padding:0 40px 0 0; vertical-align:top;}
.content1_col1 iframe {border:0; width:100%; height:450px; overflow:hidden;}
.content1_col2 {display:table-cell; width:330px; padding:25px 20px 20px 20px; background:url('http://www.markcowie.com/themes/markcowie01/images/form_background.jpg'); vertical-align:top; font-size:0.75em; line-height:175%;}
.content1_col2 h3 {margin:0 0 10px 0;}
.content1_col2 p {margin:0 0 10px 0;}
.content1_col2 span {font-weight:bold; margin:0;}
.content1_col2 div {margin:0 0 20px 0;}
/* Content 2 - Four Column - Equal - Portfolio */
.content2 {display:table; width:100%; margin:0 auto 20px auto; padding:0;}
.content2 a {vertical-align:bottom; vertical-align:bottom;}
.content2 img {border:0; height:125px; width:220px; vertical-align:bottom;}
.content2 h3 {margin:15px 0 2px 0; display:block;}
.content2_description {font-size:0.75em; line-height:150%; padding:0; margin:0;}
.content2_description .subtitle {font-size:0.9em; font-weight:bold; margin:0 2px 0 0; color:#c04b05; text-transform:uppercase;}
.content2_description .separator {font-size:0.9em; font-weight:bold; margin:0 2px 0 0; color:#cccccc;}
.content2_row {display:table-row; width:100%; padding:0; margin:0 0 30px 0;}
.content2_col1 {display:table-cell; width:220px; margin:0; padding:0 23px 0 0;}
.content2_col2 {display:table-cell; width:220px; margin:0; padding:0 23px 0 0;}
.content2_col3 {display:table-cell; width:220px; margin:0; padding:0 23px 0 0;}
.content2_col4 {display:table-cell; width:220px; margin:0; padding:0;}
/* Content 3 - Two Column, Two Sub Column - Experience */
.content3 {display:table; width:100%; vertical-align:top; margin:0 auto 20px auto; padding:0;}
.content3 h3 {border-bottom:1px dotted #cccccc; padding:0 0 10px 0; margin:0;}
.content3 .topmargin {margin-top:25px;}
.content3_row {display:table-row; width:100%; margin:0; padding:0;}
.content3_col1 {display:table-cell; width:50%; vertical-align:top; margin:0; padding:0 30px 0 0;}
.content3_col2 {display:table-cell; width:50%; text-align:left; vertical-align:top; margin:0; padding:0 0 0 30px;}
.content3_detail {display:table; width:100%; margin:0; font-size:0.75em;}
.content3_detail_row {display:table-row;}
.content3_detail_col1 {display:table-cell; text-align:left; width:200px; border-bottom:1px dotted #cccccc; padding:3px 0 3px 0;}
.content3_detail_col2 {display:table-cell; text-align:right; border-bottom:1px dotted #cccccc; padding:3px 0 3px 0;}
/* Copyright */
.copyright {display:table; width:100%; padding:10px 0 0 0; margin:10px auto 20px auto; vertical-align:top; font-size:9px; border-top:1px dotted #cccccc; }
.copyright a {color:#333333;}
.copyright a:hover {color:#666666;}
.copyright_row {display:table-row; width:100%; padding:0; }
.copyright_left {display:table-cell; vertical-align:top;}
.copyright_right {display:table-cell; text-align:right; vertical-align:top;}
/* Contact Form */
.contactform {margin:0; padding:0; line-height:100%;}
.contactform .info {margin:15px 0 0 0; padding:0; font-size:0.75em; color:#c65a19;}
.contactform .label {color:#333333; font-size:0.75em; font-weight:bold;}
.contactform .label span {color:#c65a19; font-size:0.75em; margin:0 0 0 2px;}
.contactform .input1 {background:#ebebeb; border:1px solid #ebebeb; color:#666666; font-family:arial,verdana,tahoma,san-serif; width:99%; margin:0 0 10px 0; font-size:0.75em; padding:3px;}
.contactform .input1:focus {background:#e1e1e1; border:1px solid #e1e1e1;}
.contactform .input1:hover {border:1px solid #e1e1e1;}
.contactform .input2 {background:#ebebeb; border:1px solid #ebebeb; color:#333333; font-family:arial,verdana,tahoma,san-serif; font-size:0.75em; padding:3px;}
.contactform .input2:hover {background:#e1e1e1; border:1px solid #e1e1e1;}
.contactform .textarea1 {background:#ebebeb; border:1px solid #ebebeb; color:#666666; font-family:arial,verdana,tahoma,san-serif; width:99%; height:200px; margin:0 0 10px 0; font-size:0.75em; padding:3px;}
.contactform .textarea1:focus {background:#e1e1e1; border:1px solid #e1e1e1;}
.contactform .textarea1:hover {border:1px solid #e1e1e1;}
.contactform .buttons {width:100%; margin:0; padding:0;}
.buttons img {border:0;}
/* Contact Form Message */
.message {margin:0; padding:0; font-size:0.75em;}
.message p {line-height:175%;}
.message ol {margin:0; padding:0;}
.message ul {margin:0; padding:0;}
.message ol li {margin:0 0 5px 20px; padding:0; line-height:175%;}
.message ol li ul {margin:0; padding:0;}
.message ol li ul li {margin:0 0 0 15px; padding:0; line-height:175%;}
.message span {font-weight:bold;}
.message a {color:#333333; font-weight:bold;}
.message a:hover {color:#666666;}
/* Lightbox */
#lightbox {position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox img {width:auto; height:auto;}
#lightbox a img {border:none;}
#outerImageContainer {position:relative; background-color:#ffffff; width:250px; height:250px; margin:0 auto;}
#imageContainer {padding:10px;}
#loading {position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none;}
#prevLink, #nextLink {width:49%; height:100%; display:block; }
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover {background:url(images/prevlabel.gif) left 15% no-repeat;}
#prevLink:visited:hover {background:url(images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover {background:url(images/nextlabel.gif) right 15% no-repeat;}
#nextLink:visited:hover {background:url(images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer {font:10px arial,verdana,tahoma,san-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;}
#imageData {padding:0 10px; color:#666;}
#imageData #imageDetails {width:70%; float:left; text-align:left;}
#imageData #caption {font-weight:bold;}
#imageData #numberDisplay {display:block; clear:left; padding-bottom:1.0em;}
#imageData #bottomNavClose {width:66px; float:right; padding-bottom:0.7em; outline:none;}
#overlay {position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; }