body{padding:0;margin:0;font:13px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;}
h1,h2,h3,h4,h5,h6,ul,li{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
ul{list-style:none;}img{border:0;}p{margin:1em 0;}

body { background-color:#555; margin:20px 0; }
strong { font-weight:bold; color:#fff; line-height:150%; font-size:110%; }
#wrap { width:942px; border:9px solid #dcd9c8; margin:0 auto; position:relative; }
#banner { background:url(images/banner2.jpg) no-repeat; height:136px; width:942px; position: relative;}

#banner_New { background:url(images/banner7.jpg) no-repeat; height:136px; width:942px; position: relative;}

#logo { position: absolute; bottom: 12px; right: 10px;} #logo p {text-align: right; font-size: 90%;} #logo p a{color:#666;}

/* New Header Text with Hand Written Logo */
#logo_0 { position: absolute; bottom: 12px; left: 250px;} #logo_0 p {text-align: left; font-size: 90%;} #logo_0 p a{color:#666;}
#logo_1 { position: absolute; bottom: 12px; right: 15px;} #logo_1 p {text-align: right; font-size: 90%;} #logo_1 p a{color:#666;}

ul#nav { text-align:center; text-transform:lowercase; float:left; width:942px; margin-top:119px; }
ul#nav li { display:inline; line-height:100%; padding:3px 9px 8px 9px; position:relative; }
ul#nav li a { text-decoration:none; letter-spacing:8px; color:#000; font-size:100%; }ul#nav li a:hover {color: #fff;}
ul#nav li:hover { background-color:#777; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px;}
/* Second tier */
ul#nav li ul { background-color:#777; display:none; height:auto; left:0; margin:0; position:absolute; padding:3px 0 8px 0; z-index:1000; }
/* When the user hovers over a list item, we'll then make the nested unordered list visibile*/
ul#nav li:hover ul { display:block; z-index:10000; }
ul#nav li ul li { margin:0; padding:0; text-align:left; width:100%; margin-top:3px; float:left; }
ul#nav li ul li a { padding-left:12px; font-size:90%; letter-spacing:4px; display: block; padding: 2px 0 2px 12px;}
ul#nav li ul li:hover a { color:#fff; height:100%;background-color: #8850b7; }

/* #contentH { background-color:#444; width:942px; height:540px;  position:relative; } */
#contentH { background-color:#444; width:942px; height:510px;  position:relative; } 

#contentG { background-color:#444; width:942px; height:504px; position:relative; }

/* #textboxH { float:right; margin-right:0px; width:310px; padding:0 25px;padding-bottom:3px; font: 100%/145%  Optima, Arial, Verdana, Sans-serif; color:#fff;  margin-top: 0px; margin-bottom: 0;background-color:#444;} */
#textboxH { float:right; margin-right:0px; width:310px; padding:0px 25px;padding-bottom:3px; font: 100%/135% 'Trebuchet MS', Optima, Arial, serif; color:#fff;  margin-top: 0px; margin-bottom: 0;background-color:#444;}

/* Links on Home Page */
#textboxH a:link{text-decoration:none; font-style: italic;padding-left: 5px; padding-right: 5px; color:#fff;}
#textboxH a:hover{background-color:#aaa; color:#000;-moz-border-radius:5px; -webkit-border-radius:5px; }


#textboxH h2 {   font: 120%/135%  Optima, Arial, Verdana, Sans-serif; color:#fff; text-align:left;}
#textboxH h3 {   font: 130%/150%  Optima, Arial, Verdana, Sans-serif; color:#fff; text-align:left;}
#textboxH p {padding:2px 0 0 0;  }
#main { position:absolute; width:600px; }  
#main img { position:absolute; padding:0; border:none; margin-top:17px; margin-left:17px; height:400px; }
#mainH { position:absolute; width:600px;} #mainH img {height: 380px;padding:0; border:none; margin-top:17px; margin-left:17px;  }
#image1 {position: relative;}


.buttons {width:285px; text-align:left; font-size:90%;position:absolute; color:#fff; padding:12px; width:262px; font-variant:small-caps;top: 343px; left: 620px; border: 1px solid #fff; margin: 3px 18px 0 18px;} 

.buttons a:link, .buttons a:visited { color: #999; letter-spacing: 2px; font-weight: bold; font-size: 105%; padding: 3px;}
.buttons a:hover {background-color: #555; color: #fff;-moz-border-radius:4px; -webkit-border-radius:4px;}
h2 { text-align:left; font-size:100%; line-height:135%; color:#fff;  font-variant:small-caps;letter-spacing: 1px; margin-bottom: 9px; }
input.image {margin-top: 10px;}
select {}

#text { position:absolute; width:285px; left:640px; padding-bottom:10px; margin-bottom:10px; }
#text p { color:#fff; letter-spacing:.9px; padding:0; font-size:90%; }

h1 { font-size:150%; color:#fff; margin-top:18px; letter-spacing:3px; font-weight:bold; left:0;}

#thumbs { position:absolute; padding:5px 0; width:942px; top:428px;left: 74px;}
#thumbs img { width:58.9px; padding:2px; }
#thumbs a img { opacity:1.0; filter:alpha(opacity=100); }
#thumbs a:hover img { opacity:0.45; filter:alpha(opacity=45); }
#lbut  { position:absolute; padding:5px 0; width:58.9px; top:424px;left: 2px;}
#rbut  { position:absolute; padding:5px 0; width:58.9px; top:424px;left: 870px;}
#lbut a img, #rbut a img  { opacity:1.0; filter:alpha(opacity=100); }
#lbut a:hover img, #rbut a:hover img { opacity:0.45; filter:alpha(opacity=45); }

#footer { font-size:80%; text-align:center; clear:both; margin:0; color:#555; background-color:#dcd9c8; padding:6px 0 0; letter-spacing:2px; }
#footer a:link,#footer a:visited { color:#555; padding: 5px 3px 7px 3px; letter-spacing: 1px;}
#footer a:hover { background-color:#555; color:#fff;}

#content { background-position:center top; background-repeat:repeat-y; background-image:url(images/bg3.jpg); background-color:#444; width:942px; }
#gal { width:600px; float:left; }
#gal img { position:absolute; padding:0; width:600px; max-height:400px; margin-left:17px; border:none; margin-top:17px; margin-bottom:0; }
#thumbnail { padding:5px 0; width:942px; text-align:center; position:absolute; bottom:1px; }
#thumbnail img { padding:2px; width:58.9px; }
.TabbedPanels { margin:0; padding:0; float:left; clear:none; width:100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}
.TabbedPanelsTabGroup { margin:0; padding:0; }
.TabbedPanelsTab { position:relative; top:1px; float:left; padding:4px 10px; margin:0 1px 0 0; font:bold .7em sans-serif; background-color:#DDD; list-style:none; border-left:solid 1px #CCC; border-bottom:solid 1px #999; border-top:solid 1px #999; border-right:solid 1px #999; -moz-user-select:none; -khtml-user-select:none; cursor:pointer; }
.TabbedPanelsTabHover { background-color:#CCC; }
.TabbedPanelsTabSelected { background-color:#EEE; border-bottom:1px solid #EEE; }
.TabbedPanelsTab a { color:black; text-decoration:none; }
.TabbedPanelsContentGroup { clear:both; border-left:solid 1px #CCC; border-bottom:solid 1px #CCC; border-top:solid 1px #999; border-right:solid 1px #999; background-color:#EEE; }
.TabbedPanelsContent { padding:4px; background-color:#444; color:#fff; }
.TabbedPanelsContentVisible { }

form .field, form .buttons {clear: both; margin: 0 0 1.5em;}
form .field label {display: block;}
form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}
#facebox a img  { opacity:1.0; filter:alpha(opacity=100); }
#facebox a:hover img { opacity:0.45; filter:alpha(opacity=45); }

input.radio, input.checkbox, select {margin: 0; vertical-align: middle;}
label, button, input.submit, input.image {cursor: pointer;margin: 1px; vertical-align: middle;}
* html input.radio, * html input.checkbox {margin: 0; vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {margin: 0; vertical-align: middle;} /* ie7 */

textarea {overflow: auto;}
input.text, input.password, textarea, select {margin: 0; font: 100%/150% Optima, Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: bottom; letter-spacing: 2px; padding: 3px;color: #fff; background: #666;}

#facebox .b { background:url(/facebox/b.png); }
#facebox .tl { background:url(/facebox/tl.png); }
#facebox .tr { background:url(/facebox/tr.png); }
#facebox .bl { background:url(/facebox/bl.png); }
#facebox .br { background:url(/facebox/br.png); }
#facebox { position:absolute; width:100%; top:0; left:0; z-index:100; text-align:left; background-color: #999;  }
#facebox h1 { font-size:180%; color:#555; margin-top:18px; letter-spacing:3px; font-weight:bold; margin-bottom: 3px; text-align: center; padding-bottom: 3px; border-bottom: 1px solid #999;}
#facebox .popup { position:relative;  }
#facebox table { margin:auto; border-collapse:collapse; }
#facebox .body {padding: 0 10px; background:#fff; width:660px; position: relative;color: #333;  }
#facebox .loading { text-align:center; }#facebox .loading img {width: 50px;}
#facebox .image { text-align:center; border:none; }
#facebox img { border:0;width: 300px; margin-bottom: 1px; margin-top: 14px;}
#facebox .footer { border-top:1px solid #999; padding-top:0px; margin-top:0px; text-align:right; }
#facebox .footer img {width: 72px;}
#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br { height:10px; width:10px; overflow:hidden; padding:0; }
#buttons2 a,#buttons3 a { font:90% Arial, Helvetica, sans-serif; padding-left:15px; padding-right:15px; }
.back { text-align:left; padding-left:10px; }
.back,.back a { font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#5B2B11; letter-spacing:1px; }
.back a:hover { text-decoration:none; color:#fff; background-color:#5B2B11; letter-spacing:1px; }
.back2 { text-align:right; }


#facebox .items {float:left; width: 323px; padding-left: 6px; margin: 5px 0 0 3px;}div.items ul {margin: 10px 0;}
div.items ul li { padding:  0 3px; font-size: 100%; line-height: 160%;color: #003;}div.items ul li.first{ color: #030; font-weight: bold;letter-spacing: 1px; font-size: 105%;}
#facebox .sidebar { float:right;width: 320px; padding-right: 6px;margin-bottom: 0; }
#facebox .sidebar p { padding: 6px; border: 1px solid #999; font-size: 100%; line-height: 130%;}

#galleryR {width: 912px;  margin: 15px; z-index: 5; position:relative; background-color: #444; }
#galleryR img { margin:15px 30px; width:300px; border:2px solid #999;}
#galleryR p { padding:35px; margin: 5px 20px; font: 120%/155%  Optima, Arial, Verdana, Sans-serif; color:#fff; }

/* #galleryC {background: url(images/contact2.jpg) no-repeat left top; width:942px; height:440px; z-index:1000; background-color: #444; position:relative;} */
#galleryC {background: url(images/contact_2011.jpg) no-repeat left top; width:942px; height:440px; z-index:1000; background-color: #444; position:relative;}

#galleryC h3 { padding:35px; font: 120%/155%  'Trebuchet MS', Optima, Arial, Verdana, Sans-serif; color:#fff; }
#galleryC a:link, a:visited { color:#eee;}
#galleryC a:hover { color:#555; background-color:#999;}

/* Locate the Text in the Center of the Page */
#galleryC h3 { position:absolute;
                top: 5px;
                left: 345px;
        }

#container {	... other styles	_height: 1%; }
#container:after {	content: ".";	visibility: hidden;	display: block;	clear: both;	height: 0;    font-size: 0; } 
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

div.cover { background: transparent; z-index: 1000;visibility: visible;}

#Resume_Block {
                position: relative;
}
#Resume_Left {
                margin-left: 280px;
                font-size: 95%;
                padding-top: 50px;
                padding-bottom: 40px;
}

#Resume_Left p {
                margin:0;
                padding:0;
}



#Resume_Block img {
                width: 120px;
}
                
#Picture_0 {
                position: absolute;
                top: 15px;
                left: 30px;
}
#Picture_1 {
                position: absolute;
                top: 130px;
                left: 30px;
}
#Picture_2 {
                position: absolute;
                top: 240px;
                left: 30px;
}
#Picture_3 {
                position: absolute;
                top: 340px;
                left: 30px;
}