/* layout CSS */

@import url(reset.css);
@import url(typography.css);
@import url(navigation.css);
@import url(ThickboxGallery/thickbox.css);
@import url(ZoomGallery/zoomimage.css);
/* ------------------------------------------------------------------------- */

body {
background:url(images/bg.jpg) no-repeat top center fixed #2e3192;
}

div#homeContent, div#homeTag, #welcome, #message, #calendar, #subpageContent, p.feedLinks{
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
} 

div#homeContent, div#homeGallery, div#contentWrap, #subcontent div, #subcolumn, #subpageContent{
float:left;
}

div#headerWrap{
background:url(images/header.png) top center no-repeat;
height:155px;
}
div#header{
width:950px;
height:146px;
margin:0 auto;
}

div#container{
position:relative;
width:950px;
margin:0 auto;
}

div#homeContent{
background:url(images/homeBG.jpg) top left no-repeat #fff;
min-height:305px;
border-bottom: 1px solid #fff;
}
div#homeGallery{
width:619px;
height:390px;
overflow:hidden;
margin:1px 22px 0px 1px;
}
.swirl{
position:absolute;
top:1px;
left:1px;
z-index:50;
}
ul#gallery, ul#subGallery{
list-style:none;
margin:0;
padding:0;
overflow:hidden;
}
ul#gallery li{
height:390px;
overflow: hidden;
}
ul#subGallery{
margin-bottom:18px;
}
h4.overlay{
position:absolute;
bottom:0;
left:0;
width:547px;
padding:9px 36px;
font-size:14px;
margin:0;
color:#fff;
background:#000;
background:rgba(0,0,0,0.6);
}

div#contentWrap{
padding:36px 20px 0 0;
width:288px;
}

div#homeTagWrap{
width:100%;
background:rgba(10, 12, 68, 0.2);
border-top:1px solid rgba(0, 0, 0, 0.2);
border-bottom:1px solid rgba(0, 0, 0, 0.2);
margin:9px auto;
}
div#homeTag{
width:950px;
height:108px;
margin:9px auto;
background:url(images/homeSubs.jpg);
position:relative;
overflow:hidden;
}

div#homeTag ul{
list-style:none;
margin:0;
padding:0;
}
div#homeTag ul li{
width:230px;
height:216px;
padding:0 0 0 10px;
position:absolute;
}
li.one{	top:0px;	left:0px;}
li.two{	top:0px;	left:240px;}
li.three{top:0px;	left:480px;}
li.four{	top:0px;	left:720px;padding-right:0;}

div#homeTag ul li p{
padding-right:10px;
}
div#homeTag h3 span{
font-size:54px;
line-height:54px;
letter-spacing:-2px;
text-shadow:2px 2px 4px #fff;
}
div#homeTag h3{
text-shadow:0px 0px 6px #fff;
margin-bottom:36px;
line-height:18px;
}
#subcontent h3, #subcolumn h3, #subcontent h5, #subcolumn h5{line-height:18px;}

#subcontent{
width:950px;
margin:0 auto;
}
#welcome, #message, #calendar{
background:url(images/subColBGs.jpg) repeat-x top left #fff;
border:1px solid #fff;
width:288px;
min-height:196px;
margin-right:10px;
padding:10px;
position:relative;
margin-bottom:9px;
}
#calendar{
margin-right:0;
}
#welcome img{
position:absolute;
top:-9px;
left:0px;
}
#subcontent div h5, #subcolumn h5{
color:#fff;
text-shadow:1px 1px 3px #333;
font-style:italic;
margin-bottom:18px;
}
h2.welcome{
margin:80px 0 0 151px;
font-size:14px;
line-height:18px;
}
h2.welcome span{
font-size:28px;
line-height:26px;
}
#subcontent a:hover, #subcolumn a:hover{
border:0 none;
color:#0000ff;
}
p.noMargin{
margin-bottom:0;
}



div#address{
clear:both;
width:950px;
margin:0 auto;
}


/*--- Portfolio Gallery styles ---*/ 

ul.galleryThumbs{
list-style:none;
margin:10px 0;
width:500px;
}
ul.galleryThumbs li{
margin:6px 10px 6px 0;
width:100px;
display:-moz-inline-stack;
display:inline-block;
vertical-align:top;
zoom:1;
*display:inline;
text-align:center;
}
ul.galleryThumbs li img{
border:1px solid #2e3192;
padding:2px;
}
ul.galleryThumbs li img:hover{
border:1px solid #ccc;
}
ul.galleryThumbs li img{
vertical-align:middle;
}
ul.galleryThumbs li h4{
font: bold 12px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
border-bottom:0;
margin:0;
}


/*--- subpage styles ---*/ 

#subpageContent{
width:570px;
background:url(images/subpageBG.jpg) top left no-repeat #fff;
margin:0 10px 18px 0;
min-height:636px;
padding:18px 30px;
}

#subcolumn{
width:310px;
}
#subcolumn #welcome, #subcolumn #message, #subcolumn #calendar{
margin-right:0;
}

p.feedLinks{
width:98px;
height:33px;
float:right;
}
p.feedLinks a{
display:block;
width:100%;
height:100%;
text-indent:-9999px;
background:url(images/feedLinks.gif) no-repeat top left;
}
p.feedLinks a:hover{
background:url(images/feedLinks.gif) no-repeat bottom left;
border-bottom:0 none;
}