html {
}

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
}

#mainbody{
background-color:black;
padding:10px 0
}

#wrapper {
	margin:0 auto;
	width:1120px;
	border:1px solid white;
	vertical-align: middle;
	padding:0 10px;
	background-color:#357;
	height:850px;
	background-image:url(wrapper_bg2.jpg);
	background-position:top right;

}

#contentMain {
margin-left:300px;
width:800px;
}

#footer {
	margin:5px auto 0 auto;
	width:1140px;
	font-size:smaller;
}

#footer span#sitedesign {
width:565px;
display:block;
float:left;
}

#footer span#copyrt {
text-align:right;
width:565px;
margin-left:575px;
display:block;
}


a:link {
	color: grey;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #555;
}
a:hover {
	text-decoration: underline;
	color: black;
}

div.visible {
	display:block;
}

div.invisible {
	display:none;
}

#footer span#sitedesign a:hover {
color:white;
}

a:active {
	text-decoration: none;
	color: #CCCCCC;
}

iframe {
	background-color:transparent;
	magin-left:10px;
}

iframe#detail html {
	background-color:#F00;
}

h1 {
margin:1em auto 0.75em auto;
height:23px;
width:700px;
background-image:url(/header.png);
background-repeat:no-repeat;
}

h1 span {
	display:none;
}
.img-detail {
	height:700px;
	text-align:center;
	width:800px;
	padding-top:20px;
}

li {
    text-align: center;
    list-style: none;
	display:block;
	float:left;
	height: 22px;
	margin-bottom:10px;
}

li a {
	color:white;
	text-decoration:none;
	height:22px;
	display:block;
	background-repeat:no-repeat;
	background-position:top center;
}

li a:hover {
	background-position:bottom center;
}

li.active a {
	background-position:bottom center;
}

li a span {display:none}

li#portfolio {
width:112px;
margin-left:40px;
}

li#portfolio a {
width:112px;
background-image:url(/portfoliobg_all.png);}


li#downloads {
margin-left:118px;
width:112px;}

li#downloads a {
width:112px;
background-image:url(/downloadsbg_all.png);
}

li#creative {
margin-left:120px;
width:88px;}

li#creative a {
width:88px;
background-image:url(/creativebg_all.png);}

li#taylor {
margin-left:110px;
width:109px;}

li#taylor a {
width:109px;
background-image:url(/taylorbg_all.png);}

li#contact {
margin-left:125px;
width:90px;}

li#contact a {
width:90px;
background-image:url(/contactbg_all.png);}

p.toggle {font-size:smaller;
margin-top:0;
font-style:italic; }

#toc {
	overflow:auto;
	float:left;
	width:190px;
	padding:10px;
	margin-top:10px;
	margin-left:20px;
	font-size:smaller;
	background-color:transparent;
	text-align:center;}
}

h3, h4 {margin-top:0}

#toc h4 {margin-bottom:1.5EM;
margin-top:0;
font-weight:lighter;
font-size:small;
text-transform: uppercase;
}

#toc h4.highlight a {
	color:red;
}

#toc h4.highlight a:visited {
	color:red;
}


.img-detail h3 {
text-align:left;
margin-top:0;
margin-bottom:0;
font-weight:lighter;
font-size:medium;}

.img-detail p.caption {
text-align:left;
float:left;
margin-top:0.25em;
}

.img-detail div#morestuff a {
background-color:#555;
color:white;
padding:3px 5px;
display:block;
text-align:left;
font-variant:small-caps;
margin-bottom:1em;
}

#img-main {height:605px;
display: table; 
#position: relative; 
overflow: hidden;
text-align:center;
margin:0 auto;}

#img-main2 {
#position: absolute;  
#top: 50%;
display: table-cell; 
vertical-align: middle;
}

#img-main3 {
 #position: relative;
 #top: -50%;
color:white;
font-size:smaller;
 }

#img-main3 img {
	padding:0;
	background-color:black;
	border:1px solid #000;
}

.textcontent {
	background-color:black;
	border:1px solid #555;
	width:500px;
	padding:10px;
}

#img-maindefault {
 #position: relative;
 #top: -50%;
color:white;
padding:10px;
font-size:smaller;
width:705px;
}

#img-main3 p {text-align:left}

ul {display:block;
margin:0;
text-transform:uppercase;
padding:0;
}

#header {
margin:19px auto 0 auto;
border-bottom:1px solid white;
width:1070px;
}

div.thumbnails {
margin:2em auto 0 auto;
padding:2px 0 2px 2px;
width:166px;
background-color:black;
display:none;
}

div.thumbnails a {display:block;
float:left;
padding:2px;
background-color:transparent;
}

div.thumbnails a:hover {
	background-image:url(/thumbbg.jpg);
	background-position:center center;
}

div.thumbnails a img {
	border:1px solid #AAA;
	padding:0;
}

div.thumbnails a:hover img {
	border-color:grey;
}


div#toc h4 a {color:white}

div#toc h4 a:hover {
	text-decoration:none;
	color:yellow;
}

div#toc a:hover {
}

div#toc a:visited {
}

p.download a:link {
}

div#imgheader {
margin-bottom:10px;
}

div#morestuff {
float:right;
text-align:right;
}

#div-3d, #div-char, #div-edu, #div-film, #div-fun, #div-hifan, #div-illus, #div-saver, #div-tech {
	margin-bottom:10px;
}

#preview img {border:1px solid white}

.catdefault {
	float:left;
	width:350px;
	margin-bottom:15px;
}

.catdefault h4 {
margin-bottom:0;
margin-left:25px;
margin-top:0.5em;
text-align:left;
padding-bottom:5px;
width:290px;
letter-spacing:1px;
}

.catdefault a {
	color:white;
}

.catdefault a:hover {
	color:white;
}

.catdefault a img {
	border:1px solid #AAA;
}