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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {background: #9bb4ae url(../images/body_bg.jpg); color: #fff; font-family: Helvetica, Arial, sans-serif; text-align: center; color: #fff;}

div.container {text-align: left; margin: 0 auto; width: 966px; border-top: none; border-bottom: none; margin-top: 15px; 
/*background: url(../images/bm_redux_grid.png) repeat-y; overflow: hidden;*/}

.clear {clear: both;}

a {color: #fcf7d8; text-decoration: underline; }

a:hover, a:focus {color: #f1df5b;}

a.active {color: #f1df5b;}


/*---------------------------------------------------------------*/
/*---------------------- Header Styles ----------------------*/

h1 {float: left; margin-left: 15px; margin-right: 20px; text-indent: -9999px;
margin-top: 3px;}

h1 a {display: block; width: 135px; height: 45px; background: url(../images/title_bg.png) no-repeat;}

/*------------ Main Menu ------------*/

#header ul {float: left; font-size: 0.8em;}

body.about #nav ul li a.about {color: #f1df5b;}

body.blog #nav ul li a.blog {color: #f1df5b;}

body.shop #nav ul li a.shop {color: #f1df5b;}

body.contact #nav ul li a.contact {color: #f1df5b;}

body.gallery #header ul.main_menu {width: 80px; padding-top: 1px;}

#header li a {color: #fff; text-decoration: none; -webkit-transition: all 0.2s linear;}

#header li a:hover, #header li a:focus {color: #f1df5b;}

#header li a.active {color: #f1df5b;}

body.gallery #header ul.main_menu li a, body.gallery #header ul.submenu li a, body.gallery #header ul.categories li a {padding: 0 5px; display: block;}

body.gallery #header ul.submenu {padding-top: 1px; width: 80px;}

body.gallery #header ul.categories {padding-top: 1px; width: 160px;}

body.gallery #header ul.categories li {width: 160px;}

body.gallery #header ul li {padding: 2px 0;}


/*------------ Client Login ------------*/

div.client_login {float: right; margin-right: 15px; padding-top: 1px;}

div.client_login ul li {padding: 2px 0;}

body.clients #header div.client_login ul li a {color: #f1df5b;}



/*---------------------------------------------------------------*/
/*---------------------- Content Styles ----------------------*/

h2  {margin-left: 15px; font-size: 1.1em; font-weight: bold; padding-top: 20px; letter-spacing: -0.5px; margin-bottom: 10px;}

h3 {margin-left: 15px; margin-bottom: 10px; font-size: 1em; font-weight: bold; letter-spacing: -0.5px;}

p {margin: 0 15px 1.25em 15px; font-size: 0.9em; line-height: 1.4em;}

/*------------ Homepage Page ------------*/

ul.homepage_thumbs {text-indent: -9999px; float: left;}

ul.homepage_thumbs li {float: left;}

div.featured_work {float: left; margin-left: 24px;}

div.featured_work h2 {margin-left: 0;  margin-bottom: 8px; font-size: 1em; font-weight: bold; letter-spacing: -0.5px;}

div.featured_work h3 {margin-left: 0; float: left;}

div.featured_work ul li img {border: 5px solid #fff; }

div.featured_work ul li a {color: #fff; text-decoration: none;}

div.featured_work ul li a:hover, ul.work_archive li a:focus {color: #fff;}

div.featured_work ul li a img {opacity: 0.9; -webkit-transition: all 0.2s linear;}

div.featured_work ul li a img:hover {opacity: 1;}

div.featured_work ul li { position:relative; margin-bottom: 8px;}

div.featured_work ul li span { position:absolute; bottom:11px; left:11px; padding-right:15px; font-weight:bold; font-size: 0.9em; }

div.featured_work ul li em { display:block; font-weight:normal; font-style:normal; color:#333; text-transform:none; font-size:11px; line-height:15px; padding:0 5px; }

div.featured_work h4 {margin-left: 14px; font-size: 0.9em; font-weight: bold; letter-spacing: -0.5px;}

div.featured_work h4 {float: right; margin-top: 1px;}

div.featured_work h4 a {color: #fff; text-decoration: none;}

div.featured_work h4 a:hover {color: #f1df5b;}

p.latest_news {clear: both; margin-left: 0;}

/*------------ Work Archive Page ------------*/

body.work_archive h3 {clear: both;}

ul.work_archive {margin-left: 15px; margin-top: 10px; padding-bottom: 10px;}

ul.work_archive li {float: left; margin-right: 24px; margin-bottom: 20px;}

ul.work_archive li.end {margin-right: 0;}

ul.work_archive li img {border: 4px solid #fff; }

ul.work_archive li a {color: #fff; text-decoration: none;}

ul.work_archive li a:hover, ul.work_archive li a:focus {color: #fff;}

ul.work_archive li a img {opacity: 0.9;  -webkit-transition: opacity 0.5s linear;}

ul.work_archive li a img:hover {opacity: 1;}

ul.work_archive li { position:relative; float:left; margin-right: 24px;}

ul.work_archive li span { position:absolute; bottom:11px; left:11px; padding-right:4px; font-weight:bold; font-size: 0.9em; }

ul.work_archive li em { display:block; font-weight:normal; font-style:normal; color:#333; text-transform:none; font-size:11px; line-height:15px; padding:0 5px; }



/*------------ Photo, Web and Video Galleries ------------*/

h2.album_title  {position: absolute; top: 82px; margin-left: 730px; width: 250px; font-size: 1em;}

h3.image_title {font-size: 0.85em; position: absolute; top: 121px; margin-left: 730px;  width: 250px;}

#content {clear: both;}

#content .image_slideshow, #content .main_image {float: left; width: 706px; height: 430px;}

#content .image_slideshow img, #content .main_image img {margin-left: 15px; margin-top: 20px; border: 10px #fff solid;}

ul.image_thumbs {padding-top: 57px;}

ul.image_thumbs li {float: left; margin: 0 0 7px 14px;}

ul.image_thumbs img {border: 4px solid #fff;}

ul.image_thumbs {opacity: 0.6; -webkit-transition: opacity 0.5s linear; overflow: hidden; padding-left: 10px;}

ul.image_thumbs:hover {opacity: 0.9;}

ul.image_thumbs li a {opacity: 0.8;}

ul.image_thumbs li a:hover {opacity: 1.1;}

.ui-tabs-hide { display: none; }

.ui-tabs-nav li a.active {opacity: 1.1;}

.ui-tabs-nav .ui-tabs-selected a {opacity: 1.1;}

.video_player {margin-left: 15px; margin-top: 20px;}

ul.websites li {clear: both;}

ul.websites li img {float: left; margin: 20px 20px 10px 15px; border: 10px #fff solid;}

ul.websites li h3 {padding-top: 25px;}

/*------------ About Page ------------*/

div.bio {float: left; width: 555px; margin-right: 1px;}

img.bio_image {float: left; margin-right: 19px; margin-left: 15px;}

img.pinhole_image {float: right; margin-right: 19px; margin-left: 15px;}

ul.client_list {margin-left:  28px; float: left; width: 209px; font-size: 0.9em; line-height: 1.4em; list-style: circle; margin-bottom: 15px;}


div.elsewhere {float: left; width: 407px;}

div.elsewhere h4 {margin-left: 14px; font-size: 0.9em; font-weight: bold; letter-spacing: -0.5px;}

h3.flickr {text-indent: -9999px; float: left; margin-bottom: 10px;}

h3.flickr a {display: block; width: 58px; height: 16px; background: url(http://www.simonmillsphotography.com/images/flickr.png) no-repeat;}

h4.flickr_feed {float: right; margin-top: 5px; margin-right: 10px;}

h4.flickr_feed a {color: #fff; text-decoration: none;}

h4.flickr_feed a:hover {color: #f1df5b;}

ul.flickr_featured {margin-left: 14px; padding-bottom: 9px;}

ul.flickr_featured a, ul.flickr_latest a {opacity: 0.9; -webkit-transition: all 0.2s linear;}

ul.flickr_featured a:hover, ul.flickr_latest a:hover {opacity: 1;}

ul.flickr_featured img {border: 5px solid #fff;}

ul.flickr_latest img {border: 4px solid #fff;}

ul.flickr_latest li {float: left; margin-left: 14px; margin-bottom: 10px;}

h3.vimeo {clear: both; padding-top: 9px; text-indent: -9999px; float: left;}

h3.vimeo a {display: block; width: 57px; height: 16px; background: url(http://vimeo.com/assets/images/badge_logo.png) no-repeat;}

h4.vimeo_feed {float: right; margin-top: 13px; margin-right: 10px;}

h4.vimeo_feed a {color: #fff; text-decoration: none;}

h4.vimeo_feed a:hover {color: #f1df5b;}

ul.vimeo_latest {clear: both; }

ul.vimeo_latest li {float: left; margin-left: 14px;}

ul.vimeo_latest img {border: 4px solid #fff;}

ul.vimeo_latest a {opacity: 0.9; -webkit-transition: all 0.2s linear;}

ul.vimeo_latest a:hover {opacity: 1;}



/*------------ Client Login Page ------------*/

/*------------ Contact Page ------------*/

div.contact_form {float: left; margin-right: 79px;}

div.vcard ul.adr li, div.vcard h4 {font-size: 0.9em; line-height: 1.4em;}

div.vcard p {margin-bottom: 0;}

/*------------ Form Styles ------------*/

form {margin-top: 10px; margin-left: 15px;}

form fieldset label {font-size: 0.9em;}

form fieldset input  {display: block; margin-top: 5px; padding: 0.4em; border: 1px solid #999; font-size: 0.9em; background: #fff; margin-bottom: 15px;}

form fieldset.login_details input {width: 204px;}

form fieldset input:focus, form fieldset textarea:focus {background: #fcf7d8;}

form fieldset textarea { display: block; border: 1px solid #999; font-size: 1em; margin-top: 5px; padding: 0.4em; background: #fff; font-family: Helvetica, Arial, sans-serif; margin-bottom: 15px;}

form fieldset.submit input {display: block; margin-top: 5px; padding: 0.2em; border: 1px solid #999; font-size: 0.9em; background: #fff; margin-bottom: 15px;}

form fieldset.contact_form_details label.name, form fieldset.contact_form_details label.email {float: left; margin-right: 24px;}

form fieldset.contact_form_details input {width: 204px;}

form fieldset.contact_form_message {clear: both;}

form fieldset.contact_form_message label.subject input {width: 444px;}


/*------------ Blogathon ------------*/






/*---------------------------------------------------------------*/
/*---------------------- Footer Styles ----------------------*/

#footer {font-size: 10px; text-align: right; padding-top: 25px; clear: both;}

#footer p {margin-right: 10px;}