/* CSS Document */

body{
margin:0px;
font-family:Arial, helvetica, sans_serif;
font-size:12px;
min-width:900px;
color:#666666;
line-height:1.4em;
background-color:#E9E9E9;
}


a {
color:#000000;
}
a:hover{
text-decoration:underline;
color:#000000;
}
#shell {
width:900px;
margin:auto;


border-bottom:1px solid #cccccc;

background-color:#A7B3BD;
}
#header {
height:100px;
background-color:#ffffff;
padding:0px;
margin:0px;
border-bottom:1px solid #000000;
}
#headerlogo{
float:left;
width:200px;
height:100px;
padding:0px;
margin:0px;
}
#headertext{
float:right;
width:700px;
height:100px;
clear:none;
padding:0px;
margin:0px;
}
#menu {
width:200px;
margin:0px;
position:absolute;
left:auto;
top:auto;
height:217px;
}

#menuback{
position:absolute;
left:auto;
top:auto;
background-color: #000000;
 width:200px;
 height:90px;
 border-bottom:1px solid #fff;
}
#menuback2{
position:absolute;
left:auto;
top:190px;
background-color: #000000;
opacity: 0.6;
filter: alpha(opacity=60);
 -moz-opacity: 0.6;
 width:200px;
 height:132px;
}
#bigimage {
margin:0px;
background-color:#dadada;
height:217px;
/* background-image:url(img/main_image.jpg); */
/*background-image:url(img/header_for_web.jpg);*/
background-image:url(img/frontpage_header.jpg);
clear:both;
}
.media #bigimage {
background-image:url(img/design_header.jpg);
}
.media2 #bigimage {
background-image:url(img/design_header2.jpg);
}
.media3 #bigimage {
background-image:url(img/design_header.jpg);
}
.fineart #bigimage {
background-image:url(img/art_single_header.jpg);
}
.fineart2 #bigimage {
background-image:url(img/visual_art_header.jpg);
}
.fineart3 #bigimage {
background-image:url(img/artsummer_header.jpg);
}
.gallery #bigimage {
background-image:url(img/gallery.jpg);
}
.studio #bigimage {
background-image:url(img/queensberry.jpg);
}
.location #bigimage {
background-image:url(img/location.jpg);
}
.contact #bigimage {
background-image:url(img/location.jpg);
}
.newyork #bigimage {
background-image:url(img/ny_main_image.jpg);
}
#content{
width:900px;
float:right;
margin:0px;
padding:0px;
}
#leftcontent{
width:200px;
float:left;
margin:0px;
padding:0px;
}
#innercontent{
background-color:#FFFFFF;
width:680px;
float:right;
margin:0px;
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:0px;
}
#innercontentdesign{
background-color:#EFC5B4;
color:#000000;
width:680px;
float:right;
margin:0px;
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:0px;
}
#innercontentart{
	background-color:#BDE4F6;
	color:#000000;
	width:680px;
	float:right;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
}
#innercontentleft{
width:200px;
float:left;
margin-left:-10px;
padding:0px;
}
#innercontentright{
width:480px;
float:right;
margin:0px;
padding:0px;
}

#sideimages{
margin-left:15px;
margin-bottom:2px;
border:1px solid #000000;
}
#footer{
clear:both;
background-color:#FFFFFF;
border-top:1px dotted #cccccc;
height:30px;
line-height:30px;
font-size:10px;
text-align:center;
}



H1{
	margin:0px;
	padding-left:210px;
	font-size:18px;
	height:40px;
	line-height:40px;
	background-color:#000000;
	color:#ffffff;
	font-weight:normal;
	text-transform:uppercase;

}
H2{
margin:0px;
padding:5px;
border-bottom:1px solid #cccccc;
border-top:1px solid #cccccc;
background-color:#eeeeee;
font-size:14px;
font-weight:bold;
}
H3{
margin:0px;
padding:5px;
border-bottom:1px dotted #cccccc;
background-color:#EFEFEF;
font-size:12px;
font-weight:bold;
}
H4{
	margin-top:10px;
	padding:0px;
	font-size:12px;
	font-weight:lighter;
}
#red{
background-image:url(img/red.jpg);

color:#FFFFFF;
margin:0px;
height:100px;
font-size:14px;
}
#redhead{
	font-size:14px;
	font-weight:bold;
	margin:0px;
	background-color:#000000;
	color:#FFFFFF;
	padding:5px;
 	text-transform: uppercase;
	text-align:center;
}
#redemph{
font-size:28px;
font-weight:bold;
height:30px;
line-height:30px;
}
#redtitle{
margin:0px;
}


.tablecell1{
background-color:#666666;
color:#FFFFFF;
}
.tablecell2{
background-color:#D45844;
color:#FFFFFF;
}
.tablecell3{
background-color:#EAAB97;
color:#000000;
}
.tablecell4{
background-color:#F8BD85;
color:#000000;
}
.tablecell5{
background-color:#F9CEA0;
color:#000000;
}
.tablecell6{
background-color:#FCDFC1;
color:#000000;
}
.tablecell7{
background-color:#ffffff;
color:#000000;
font-size:10px;
line-height:10px;
}
.tablecell8{
background-color:#35B3EC;
color:#000000;
}
.tablecell9{
background-color:#9ED8F4;
color:#000000;
}
.tablecell10{
background-color:#A8CE6B;
color:#000000;
}
.tablecell11{
background-color:#DDE9C6;
color:#000000;
}

.tablesmalltext{
color:#000000;
font-size:10px;
line-height:10px;
}

.newyork H2{
margin:0px;
padding:5px;
background-color:#46A832;
color:#FFFFFF;
font-size:21px;
font-weight:bold;
text-transform:uppercase;
}

.newyork H3{
margin:0px;
padding:5px;
background-color:#46A832;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

#news{
position:relative;
width:200px;
top:255px;
background-color:#000;
color:#CCCCCC;
padding-bottom:30px;
}
#news a{
color:#fff;}
#news p{
padding-left:5px;
padding-right:5px;
}
#news H2{
color:#000;
}













#nav{
	margin:0px;
	padding:0px;

}
#nav li{
	margin:0px;
	padding:0px;
display:block;
font-size:10px;
height:30px;
line-height:30px;

}


#nav a{
display:block;
height:30px;
line-height:30px;
text-decoration:none;
padding-left:10px;
color:#ffffff;
margin:0px;
text-transform:uppercase;
font-weight:bold;

}

#nav a:hover,
.home #nav #home a,
.fineart #nav #fineart a,
.fineart2 #nav #fineart a,
.fineart3 #nav #fineart a,
.media #nav #media a,
.media2 #nav #media a,
.media3 #nav #media a,
.gallery #nav #gallery a,
.studio #nav #studio a,
.location #nav #location a,
.contact #nav #contact a
{
background-color:#ffffff;
color:#000000;
}

.fineart #subnav1 #fineart_single a,
.fineart #subnav1 #fineart_course a,
.fineart #subnav1 #fineart_summer a,
.fineart2 #subnav1 #fineart_single a,
.fineart2 #subnav1 #fineart_course a,
.fineart2 #subnav1 #fineart_summer a,
.fineart3 #subnav1 #fineart_single a,
.fineart3 #subnav1 #fineart_course a,
.fineart3 #subnav1 #fineart_summer a,
.media #subnav2 #media_single a,
.media #subnav2 #media_course a,
.media #subnav2 #media_summer a,
.media2 #subnav2 #media_single a,
.media2 #subnav2 #media_course a,
.media2 #subnav2 #media_summer a,
.media3 #subnav2 #media_single a,
.media3 #subnav2 #media_course a,
.media3 #subnav2 #media_summer a

{
background-color:#000000;
color:#FFFFFF;
}

.fineart #subnav1 #fineart_single a:hover,
.fineart #subnav1 #fineart_course a:hover,
.fineart #subnav1 #fineart_summer a:hover,
.fineart2 #subnav1 #fineart_single a:hover,
.fineart2 #subnav1 #fineart_course a:hover,
.fineart2 #subnav1 #fineart_summer a:hover,
.fineart3 #subnav1 #fineart_single a:hover,
.fineart3 #subnav1 #fineart_course a:hover,
.fineart3 #subnav1 #fineart_summer a:hover,
.media #subnav2 #media_single a:hover,
.media #subnav2 #media_course a:hover,
.media #subnav2 #media_summer a:hover,
.media2 #subnav2 #media_single a:hover,
.media2 #subnav2 #media_course a:hover,
.media2 #subnav2 #media_summer a:hover,
.media3 #subnav2 #media_single a:hover,
.media3 #subnav2 #media_course a:hover,
.media3 #subnav2 #media_summer a:hover
{
background-color:#ffffff;
color:#000000;
}

#nav li ul {
        position: absolute;
		margin-left:200px;
		margin-top:-30px;
		padding:0px;
		width:200px;
	height:30px;
line-height:30px;
	left: -80em;
}



#nav li ul a{
background-color:#000000;

}



#nav li.sfhover ul{
        left: auto;
}



#nav li a:hover ul{
left:auto;
}
