ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,table,div,blockquote,fieldset,input
{ margin:0; padding:0 }
html, body {height:100%;}
body {background:url(images/body-tile.jpg) repeat-x; behavior:url("csshover.htc"); font-family:Arial, Helvetica, sans-serif; }

h2.title {color:#b03a27; font-size:14px;}
p {font-size:14px; color:#000;}
p.date {color:#5a5a5a; font-size:11px; line-height:14px;}
a.more {color:#b03a27; font-size:12px; font-weight:bold; line-height:21px; text-decoration:none;}
a.more:hover {text-decoration:underline;}

#wrapper {background:url(images/background.jpg) no-repeat top left; margin:auto; width:779px; padding:0 110px; min-height:600px; _height:600px; position:relative;  }

#header {height:103px;}
.logo {margin:27px 0 0 2px; position:relative; z-index:10;}

#nav {position:absolute; top:28px; right:117px;*right:125px; padding-right:20px; margin:0px 0 0 0px; width:570px; overflow:hidden; height:31px;}
.lavaLamp {position: relative; height: 21px; line-height:17px; /*width: 450px;*/ background: url("images/btn-nav.jpg") repeat-x top; margin:0; padding-left:3px; /*overflow: hidden;*/ padding-top:5px; float:right;} 
.lavaLamp ul {float:right;}
.lavaLamp li {float: left; list-style: none; }
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {background: url("images/btn-hover.gif") no-repeat right -21px; width: 8px;  height: 22px; z-index: 8; position: absolute; top:9px;}
.lavaLamp li.back .left {background: url("images/btn-hover.gif") no-repeat top left; height: 21px; margin-right: 7px;}
.lavaLamp li a {position: relative; overflow: hidden; text-decoration: none; font-weight:bold; font-size:12px; outline: none; text-align: center; height: 21px; top: 6px; z-index: 10; letter-spacing: .05em; float: left; display: block; margin: auto 13px; _display:inline;}
.lavaLamp li a:link, .lavaLamp li a:visited, .lavaLamp li a:hover {color:#1e1e1e;}
.accent {background:url(images/accent.gif) no-repeat 0px 3px; line-height:16px;}
/*\*/
html*.accent {
background:url(images/accent.gif) no-repeat 0px 2px;
}/*end*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .accent{ background:url(images/accent.gif) no-repeat 0px 2px; }
}

#content {clear:both; min-height:490px; _height:490px;}
#content a:link, #content a:visited, #content a:hover {color:#b03a27; text-decoration:none;font-weight:bold;}
#content a:hover {text-decoration:underline;}
#content p {line-height:21px;}

.largeDiv {width:743px; height:249px; background:url(images/bigDiv-bg.gif) no-repeat; margin:auto; position:relative;}

#footer {margin:0px 30px 0px 0px; padding-bottom:10px; text-align:right; clear:both;}
#footer p {color:#a3a3a3; font-size:11px; *padding:0; }




.imageR { float:right; margin:0px 0px 5px 10px; border:1px solid #63811f;}
.imageL { float:left; margin:0px 10px 5px 0px; border:1px solid #63811f;}
.imageC { display:block; margin:2px auto; text-align:center; border:1px solid #63811f;}
.clear {clear:both;}
.block {display:block;}
a img {border:none;}



/*************Home Page*****************/
#boxes {margin:14px auto 0; padding-left:25px;}
.box {background:url(images/box.jpg) no-repeat; width:203px; height:183px; padding:15px; float:left; overflow:hidden; margin-right:14px; }
.box h1 {font-size:22px; color:#020101; font-weight:normal; margin:2px 0 7px 0;}
#box1 p {padding-bottom:2px; color:#020101;}
#box1 p.grey {color:#5a5a5a;}
#box2 p.date {line-height:14px; padding-bottom:5px;}
#box3 p {font-size:14px; line-height:16px; padding:0 0 10px 0;}
#box3 p a {font-size:11px; line-height:12px; text-decoration:none;}
#box3 p a:hover {text-decoration:underline;}


#slideShow
{
	width: 727px !important;
	height: 233px !important; 
	padding: 8px !important;
	/*background-color: #fff;*/

}
#slideshow a:hover {text-decoration:none !important;}
#slideshow {	width:727px; height:233px;position:relative; margin:0 auto;}
ul#pikame{padding:0; width:263px; margin:0 auto; position:absolute; top:15px; right:25px; _right:10px; z-index:10;}
.pika_main{
	width:727px; height:233px; position:absolute;
	margin:0 auto; }
#pikame li{
	margin:5px;
	float: left;
	cursor:pointer;}
.pika_play img{border:none !important;}
.pika_play {display:none;}
.pika_navigation{display:none;}
.pika_subdiv a {cursor:inherit;}

/***** Hooz Jones'n Page ************/
#hooz {width:100%; height:100%; background:url(images/brian.jpg) bottom left no-repeat;}
#hooz h1 {margin-left:212px; font-size:24px; color:#000; padding:16px 0 6px;}
#hooz h1 span {color:#b03a27; }
#hooz p {width:515px; margin-left:212px; padding:0 20px 0px 0;}

#container {position:relative; }
#resume {background:url(images/resume.jpg) no-repeat; width:233px; height:213px; position:absolute; bottom:0px; right:27px; *bottom:7px; *right:0px; cursor:pointer; _top:0; _z-index:100;}
/* old  #resume {background:url(images/resume.jpg) no-repeat; width:233px; height:213px; float:right;margin:14px 27px 0 0; *margin-right:25px; _display:inline; cursor:pointer;}
.resumeSwitch {background:url(images/resume.jpg) no-repeat !important;} */
#resume h1 {font-size:22px; color:#020101; font-weight:normal; padding:18px 0 0 0;}
#resume p  {color:#b03a27; font-size:14px; line-height:21px; text-decoration:none;}
/*#resume:hover p {text-decoration:underline;} */
#resume h1, #resume p {padding-left:15px;}
/*\*/
html*#resume {
margin-top:35px;
}/*end*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #resume { margin-top:35px; }
}

#extra {margin:0px 0px 0px 18px; width:480px; padding:10px 10px 0px;}
#extra h2 {font-size:22px; color:#020101; font-weight:normal; margin-bottom:5px;}
#extra p {color:#5a5a5a; font-size:14px; margin-bottom:8px;}
#extra img { float:left; width:153px; height:73px; margin:0 8px 0 0;}
img.last {margin:0 !important;}

#linkedIn {position:absolute; top:191px; left:27px; z-index:10;}

/******* Portfolio page *************/
#portfolio h1 {font-size:22px; color:#000; font-weight:normal; margin-left:19px;}
#portfolio table {margin:0px 0 5px 10px;}
#portfolio table td {background:url(images/portBox.gif) no-repeat; height:98px; width:90px; padding-left:8px;}
#portfolio table td:hover {background:url(images/portBox-over.gif) no-repeat;}
#portfolio table td img {width:82px; height:82px;}

#portR {float:right; margin-right:10px; _display:inline;}


/***********News Page*****************/
#news {padding:0 18px;}
#news h1 {font-size:22px; color:#020101; font-weight:normal; margin:0 0 10px;}
#news h2 {color:#b03a27; font-size:14px; line-height:16px; }
#news p {font-size:14px; line-height:21px; color:#000; padding-bottom:15px;}
#news p.date {font-size:11px; line-height:14px; color:#5a5a5a; padding-bottom:5px;}
#news h1.older {margin-top:30px;}
#news a {font-size:12px;}
#news a span {font-size:14px !important;}

#content a.top {color:#020202; float:right; clear:both; font-weight:normal;}
#content a.top:hover {color:#b03a27; text-decoration:none;}
#thoughts {float:right; clear:both;}

.expandable {margin-bottom:20px;}
/*********Contact Page*********/
#contact {padding:0 18px;}
#contact a {font-weight:bold; text-decoration:none;}
#contact a:hover {text-decoration:underline;}
#contact h1 {font-size:22px; color:#020101; font-weight:normal; margin:0 0 7px;}

#contactForm {width:413px;  margin:20px auto;}
#form { background:url(images/contact-mid.jpg) repeat-y; width:363px; padding:25px;}
#form label {width:105px; display:block; float:left; font-size:15px;}
#form .field {float:left; width:245px; margin-bottom:7px; *margin:3px; *float:none;}
#form p {clear:both; padding:0px; margin:0px;  }
#form textarea {width:247px; height:130px; font-family:Arial, Helvetica, sans-serif; font-size:12px; *margin-bottom:3px;}
#form .submit {float:right; margin:20px 10px 10px 0px; _display:inline;}
#recaptcha_widget_div {float:right; padding-top:6px; margin-right:5px; /*everyone else 3*/ _display:inline;}
.error {color:#b03a27; text-align:center; font-weight:bold; margin-top:6px; padding-bottom:0px;}