body, div, form, label, fieldset, legend, img, blockquote, p, h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd, a, table, td, tr, th {
	border:0;
	margin:0;
	padding:0;
}

body {
	font: 0.75em Arial,Helvetica,sans-serif;
	color:#000;
	text-align:center;
	background-color:#333333;
}

div#page-container {
	width:100%;
	margin: 0 auto;
	padding:10px 0 10px 0;
}

div#content {

	width:700px;
	text-align:left;
	margin: 0 auto;
	background-color:#08050C;
}

div#header {
	height:18.8em;
	background:url('../images/head4.jpg') no-repeat;
	vertical-align:top;
}

div#header2 {
	height:12.5em;
	background:url('../images/head2.jpg') no-repeat;
	background-color:#08050C;
}

.clear {
	clear: both;
	margin-bottom:-2px;
	height: 0;
	font-size: 0.1em;
	line-height:0.1em;
}

div#logo {
	background-color:#000000;
	float:right;
	text-align:left;
	padding:10px 20px 15px 20px;
	margin-top:40px;
}

h1#name {
	font:bold 2em/2.3em arial, helvetica, sans-serif;
	color:#F7B84F;
	line-height:1.5em;
}

h1#name a {
	text-decoration:none;
	color:#F7B84F;
}
h2#slogan {
	font:0.8em/1em arial, helvetica, sans-serif;
	color:#999999;
	text-transform:uppercase;
}

h2#slogan a {
	color:#999999;
	text-transform:uppercase;
	text-decoration:none;
}

div#navigation { 
	padding:10px 0 0 26px;
}

.whitecol {
	color:#ffffff;
}

div#navigation ul {
	list-style-type:none;
	font:bold 0.9em/1.3em arial, helvetica, sans-serif;
	color:#000000;
	letter-spacing:1px;
}

div#navigation ul li {
	margin-bottom:5px;
}

div#navigation ul li a {
	display:block;
	background-color:#F7B84F;
	text-indent:0.6em;
	line-height:2.0em;
	height:2.0em;
	color:#000;
	text-decoration:none;

}

div#navigation ul li a:hover {
	background-color:#A23305;
}

body.about a#aboutnav,
body.portfolio a#portfolionav,
body.blog a#blognav,
body.contact a#connav {
	color: #000000;
	background-color: #A23305;
}

div#navigation ul li#about a {	
	width:4.6em;
}

div#navigation ul li#portfolio a {	
	width:6.2em;
}

div#navigation ul li#blog a {	
	width:3.7em;
}

div#navigation ul li#contact a {	
	width:5.7em;
}

div#navigation ul li.about a {	
	width:4.6em;
}

div#navigation ul li.portfolio a {	
	width:6.2em;
}

div#navigation ul li.blog a {	
	width:3.7em;
}

div#navigation ul li.contact a {	
	width:5.7em;
}

div#main-body {
	background:url('/images/mainback.jpg') repeat-x;
	background-color:#08050C;
	height:680px;
	color:#ffffff;
}

div#main-body2 {
	background:url('/images/mainback.jpg') repeat-x;
	background-color:#08050C;
	height:620px;
	color:#ffffff;
}

div#main-body3 {
	background:url('/images/mainback.jpg') repeat-x;
	background-color:#08050C;
	height:500px;
	color:#ffffff;
}


div#column-one {
	float:left;
	width:515px;
	min-height:405px;
	height:auto;
}

div#column-five {
	float:left;
	width:650px;
	min-height:405px;
	height:auto;
}

div#colomn-two {
	width:165px;
}

div#footer {
	background:url('/images/footer.jpg') no-repeat;
	height:86px;
}
div#content01 {
	padding-left:26px;
}

div#icon {
	background:url('/images/bim.gif') no-repeat;
	float:left;
	width:43px;
	height:43px;
	margin-right:10px;
}

h3#headtext {
	padding-top:1px;
	font:bold 30px arial, verdana, sans-serif;
	color:#ffffff;
	line-height:24px;
}


div#foottext {
	font:10px arial, verdana, sans-serif;
	color:#999999;
	text-transform:uppercase;
	padding-top:5px;
}

span.orange {
	color:#F7B84F;
}

div#content01b {
	font:12px arial, verdana, sans-serif;
	color:#CCCCCC;
	clear:both;
	padding-top:10px;
	width:460px;
	line-height:18px;
}

div#content01c {
	font:12px arial, verdana, sans-serif;
	color:#CCCCCC;
	clear:both;
	padding-top:10px;
	width:460px;
	height:400px;
	line-height:18px;
}

div#content01d {
	font:12px arial, verdana, sans-serif;
	color:#CCCCCC;
	clear:both;
	padding:15px 0 5px 0;
	width:460px;
	line-height:18px;
	text-align:left;
	border-bottom:solid 1px #333;
	height:130px;
}

div#content01e {
	font:12px arial, verdana, sans-serif;
	color:#CCCCCC;
	clear:both;
	padding-top:10px;
	width:460px;
	height:400px;
	line-height:18px;
}

#port {
	width:650px;
	float:left;
	text-align:left;
	padding:0 10px 10px 0;
}

#p1 {
	display:block;
}

#p2 {
	color:#CCCCCC;
	text-decoration:none;
}

div#horizontal {
	padding:0 0 5px 0;
	text-align:center;
	vertical-align:top;
}

div#favlinks {
	background:url('/images/favlinks.jpg') no-repeat;
	width:455px;
	min-height:254px;
	height:auto;
	padding:15px;
}

div#homephoto {
	padding:10px 0 10px 0;
}

div#title {
	font:21px arial, verdana, sans-serif;
	color:#ffffff;
	line-height:18px;
}

div#title2 {
	padding-top:8px;
	font:21px arial, verdana, sans-serif;
	color:#ffffff;
	line-height:18px;
}

#title2 a:link, #title2 a:visited, #title2 a:active, #title2 a:hover {
	color:#fff;
	text-decoration:none;
}

#title3 {
	font:18px arial, verdana, sans-serif;
	color:#CCCCCC;
	line-height:18px;
	padding-bottom:5px;
}

div#column-three {
	float:left;
	width:515px;
}

div#content03 {
	padding:10px 0 0 26px;
}

div#colomn-four {
	width:165px;
}

div#favlinks ul {
	list-style-image:url('/images/bulletbox.gif');
	list-style-position:inside;
	text-align:left;

}

div#favlinks ul li {
	font:bold 12px arial, verdana, sans-serif;
	color:#CCCCCC;
	
}

div#favlinks ul li a {
	line-height:10px;
}

#feedback {
	padding:10px 0 0 53px;
}

.securo {
	padding:5px 0 5px 60px;
}

input {
	background-color:#333333;
	border:solid 1px #fff;
	color:#F7B84F;
	padding:3px;
	font:12px arial, verdana, sans-serif;
}

label#name {
	padding-right:26px;
}

label#email {
	padding-right:28px;
}

label#subject {
	padding-right:19px;
}

label#sec {
	padding-right:14px;
}

label#message {
	vertical-align:top;
	padding-right:9px;
}

textarea#msg {
	background-color:#333333;
	border:solid 1px #fff;
	color:#F7B84F;
	padding:3px;
	font:12px arial, verdana, sans-serif;
}

.subbut {
	width:100px;
	height:25px;
	border:0;
	padding:0;
	background-image:url('/images/submit.gif');
}

.subbut:hover {
	background-image:url('/images/submit_o.gif');
	cursor:pointer;
	display:block;
}

div#submitbutton {
	padding-left:62px;
}

div#flickr {
	padding-top:8px;
}

div#flickr2 {
	padding-top:6px;
}

div#photosize {
	width:153px;
	height:20px;
	float:left;
	text-align:left;
	padding-top:10px;
}

div#tweet {
	width:153px;
	float:left;
	text-align:left;
	margin:20px 0;
	padding:0;
}

div#tweet a:link, div#tweet a:active, div#tweet a:visited {
	color:#F7B84F;
	text-decoration:underline;
}

div#tweet a:hover {
	text-decoration:none;
}

div#tweet ul li {
	list-style:none;
}

div#morephoto {
	font:10px arial, verdana, sans-serif;
	color:#000000;
	text-transform:uppercase;
	background-color:#F7B84F;
	padding-left:8px;
}

div#flickr a {
	padding:15px 5px 0 0;
}

div#flickr2 a {
	padding:15px 0 1px 0;
}

a.flmore {
	text-decoration:none;
	color:#000000;
}

a.fav {
	text-decoration:none;
	color:#F7B84F;
}

a#fav {
	text-decoration:none;
	color:#F7B84F;
}

div#bullet {
	background-image:url('/images/bulletbox.gif');
	width:15px;
	height:15px;
	float:left;
}

div#homelinks {
	padding:7px 20px 0 0;
}

div#homelinks a {
	padding-left:10px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}

div#homelinks2 {
	padding:7px 20px 0px 0;
	list-style:none;
}

div#homelinks2 a {
	padding-left:10px;
	text-decoration:none;
	color:#ffffff;
	line-height:15px;
}

div#c1 {
	width:210px;
	float:left;
}

div#c2 {
	float:left;
}

/*****Basic Layout*****/
div#container { margin: 20px 0 0 0; overflow: hidden; width: 650px; }

ul#filter { float: left; font:12px arial, verdana, sans-serif; color:#CCCCCC; list-style: none; margin-left: 0; width: 100%; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #ccc; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin:10px 0; width: 650px; }
ul#portfolio li { 
	float: left; 
	padding:15px 0;
	width: 650px;
	border-bottom:1px solid #333333;
}
ul#portfolio a { display: inline;  }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { float:left; margin-right:20px;}

#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: #fff; 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%; background-image: url(data:/images/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font:12px arial, verdana, sans-serif;  color:#CCCCCC; 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; }



/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}