*{border:0;margin:0;font-size:13px;outline:0;color:#444}
body{background:#fff url(img/back.jpg) repeat-x ;font-family:Arial, Helvetica, sans-serif}
h1{font-size:30px;margin:10px 20px;color:#990000}
h2{margin:10px 20px 0 20px;font-size:20px;color:#000}
h3{margin:10px 20px 0 20px;color:#990000;font-size:16px}
p{margin:0 20px 10px 20px}
.small{margin:0 0 0 20px;font-size:10px;color:#000;font-weight:bold}
.headAndP{float:left;margin-bottom:10px}

#mako{background:#000000;text-align:center;margin-top:5px}
.topWrap{width:100%;background:#000}
.topMenuWrap{width:900px;margin:auto}
.clear{clear:both}

#topmenu{position:relative;height:35px; margin:auto;background:#000;}
#topmenu li{float:left;line-height:35px;}
#topmenu li a{color:#e0e0e0;display:block;	margin:0 1px 0 0;padding:0 15px;text-decoration:none}
#topmenu li a:hover,#topmenu li.active a{color:#fff;}




/*- Nav / Dropdowns-*/
#nav, #nav ul{
	padding:0;
	float:left;
	list-style:none;
}
#nav {
	padding:0;
}
#nav a
 {
	display:block;
}
#nav li 
{
	float:left;
	line-height:33px;
}
#nav li a:hover 
	{
	background:#000;
	background:#990000
	}
#nav li ul {
	position:absolute;
	width:15em;
	left:-999em;
	padding-top:1px;
}

#nav li:hover ul, #nav li.sfhover ul 
{
	left:auto;
	z-index:3000;	
}

#nav li ul li {
 background:url(img/menu-back.png);		
	line-height:28px;	
	width:16em;
}





.currentPage{background:#5c0000 !important}
.hr{border-top:5px solid #dedede;width:840px;margin:20px auto 20px 15px;float:left}

.flashHome{width:900px;margin:0 auto}
.flash{width:900px;margin:0 auto;text-align:center}
.mainWrap{width:900px;margin:10px auto;background:#fff;border:2px solid #e6e6e6;
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;
-moz-box-shadow:0px 0px 12px #333;
-webkit-box-shadow:0px 0px 12px #333;}
.mainWrap ul li{list-style-position:inside;margin-left:20px;list-style-type:circle}
	
.homeBlog{background:#e6e6e6 url(img/main-bg.jpg) no-repeat;margin:10px;float:left}
.main{background:#e6e6e6 url(img/main-bg.jpg) no-repeat;margin:10px;width:880px;float:left;padding-bottom:30px}

.website{float:left;width:100%}
	.website img{float:left}
	.website p{float:left;width:500px}	
	
	
	
.drawings{float:left;margin-left:80px;padding:0}
.drawings li{display:inline;width:150px;float:left}
	.drawings a{border:1px solid transparent;float:left;padding:15px}
            .drawings a:hover{
            -webkit-transition: background-color 500ms ease-in; /* Saf3.2+, Chrome */
            -moz-transition: background-color 500ms ease-in; /* FF3.7+ */
            -o-transition: background-color 500ms ease-in; /* Opera 10.5+ */
            transition: background-color 500ms ease-in; /* futureproofing */
            background-color: #ccc;
            border:1px solid #fff;
            }

.resume{width:100%;float:left;text-align:right}
	.resume a{text-align:center;margin-right:20px}
.download {background:#990000;color:#fff;display:block;height:20px;width:150px;margin:5px 20px 0 0;padding:5px;text-decoration:none}
	.download:hover{background:#000 url(img/link-hover.jpg) top}

.spacer{width:100%;height:10px;clear:both}





/*lighbox*/
.ppt{font-size:12px !important;font-weight:bold;font-family:Arial, Helvetica, sans-serif !important;margin-top:5px !important}



/*hue and saturation Kitchens.com tutorial*/
.wrapper
{width:600px;margin:auto}

.AccordionTitle, .AccordionContent, .AccordionContainer
{position:relative; width:100%;}

.AccordionContainer{width:600px;margin:auto}

.AccordionTitle
{
color:#fff;
  height:30px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:14px;
  line-height:30px;
  font-weight:bold;
  vertical-align:middle;
  text-align:left;
  text-indent:10px;
  background:url(img/plus.jpg) #5bb0d8 no-repeat top right;
  
}
.AccordionTitle:hover{background-position:0px -30px;}
	.selected div{ background-position:100% -60px !important;}
	.selected div:hover{ background-position:0px -90px !important;}


.AccordionContent
{
  height:0px;
  overflow:auto;
  display:none;
  overflow:hidden;
  color:#0d6976;
  background:url(img/plus.jpg) repeat-x #fff;
  background-position: 0px -120px
}

.AccordionContent p{padding:20px 10px 0 10px}

.intro{margin-bottom:20px;color: #353535;font-family: Georgia,times,serif;font: 14px normal;line-height:1.5}
	.intro h1{color: #F49130;font: 19pt "normal Arial",Geneva,Helvetica,sans-serif;margin:0 0 5px 0;}
	
	
	
/*preview*/
#previewWin 
{
    border:4px solid #990000;top:100px;left:100;
	background:#000;color:#000;
	width:510px;
	height:190px;
	font:12px arial;
	padding:10px;
	position:fixed;
	visibility:hidden;
	overflow:hidden;
}

#previewWin .mainWrap{margin:-60px 0 0 -25px;position:absolute;z-index:1000}

/*search autocomplete*/
#searchField{width:300px;}
#popups{position:absolute;width:300px;}

#searchField .error{background:#fc0}
.suggestions{background:#fff;padding:2px 6px;border:1px solid black;}
.suggestions:hover{background:#69f}


.error{background:yellow}




/*///////////////////////////////////////favorite video*/
#FaveVidlinkContainer{float:left;width:220px;height:360px;overflow-y:scroll;overflow-x:hidden;background:white;padding:5px;margin:20px 0 20px 20px}
    #FaveVidlinkContainer a{display:block;background:red;color:#fff;padding:3px;margin-bottom:3px;cursor:pointer}
    #FaveVidlinkContainer a:hover, #FaveVidlinkContainer .currentTab{background:black}
#faveVid{float:left;background:white;padding:10px;margin:20px}