/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/



* {	padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body {
	margin: 0;
	text-align: center;
	background: #ebebeb url(../images/util/gradient.gif) center top repeat-x;
	font-family: 'Lucida Grande', 'Trebuchet MS', verdana, arial, sans-serif;
	color: #666;
	font-size: 65.5%;
}

/* This class sets the width and position for all rows */
.inside{
	width:700px;	
	margin:0 auto;
}

.lCol{
	width:300px;
	float:left;
	}

.rCol{
	width:400px;
	float:right;
	}

.cCol{
	width:700px;
	}

.divider{
	width:100%;
	}
.center{
	text-align:center;
	}
h1 {margin:0 0 0 0;text-align:left;}

h2 {margin:0 0 0 0;text-align:left; font-size:16px;}

h3 {margin:0 0 0 0;text-align:left; font-weight:bold;}

p {margin:0 0 1em 0;text-align:left; font-size:14px;}

a:link, a:visited { color: #ff534d; text-decoration: none; }
a:hover, a:visited:hover { text-decoration: underline; }

.red{color: #ff534d;}

/* These class allow images to float left or right (see interior pages) */

img.floatLeft { 
    float: left; 
    margin: 0 20px 20px 0;
    border:5px solid #666;
}
img.floatRight { 
    float: right; 
    margin: 0 0 20px 20px;
    border:5px solid #666;
}


.floatLeft { 
    float: left; 
    margin: 10px 10px 10px 0;
}

.floatRight { 
    float: right; 
    margin: 10px 0 10px 10px
}

.sig {padding:0 0 0 400px;}

#header{
	height: 140px;
	width:725px;
	background: transparent;
	margin: 0 auto;
	padding:10px 0 30px 0;
	}
	
#headerHome{
	height: 140px;
	width:700px;
	background: transparent;
	margin: 0 auto;
	padding:10px 0 30px 0;
	}
	

#logo{
	text-align:left;
	padding:0;
	float:left;
	}

#nav{
	text-align:left;
	padding:50px 0 0 0;
	float:right;
	display:inline;
	margin:0;		
	}

#navHome{
	padding:0px 0 0 175px;
	display:inline;
	margin:0
	float:left;	
	}

#wrapFront{}

#OuterContainer {
	padding: 0 0 0 0;
	margin: 0 auto;
}

#Container {
	position: relative;
	height: 200px;
	width: 200px;
	margin: 0 auto;
	background-color: #dedede;
	border: 5px solid #ccc;
	font-size: 0px;
}

#ContainerFront {
	position: relative;
	margin: 0 auto;
	width:700px;
	text-align:center;
	font-size: 0px;
}

#homeBlurb{
	padding: 16px 0 0 0;
	}

#homeBlurb h2{
	line-height: 26px;
	}



/*-----------------------------------------------------------------------------------------------
 Gallery stuff
-----------------------------------------------------------------------------------------------*/
#Photo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

#Loading {
	height: 25%;
	width: 100%;
	position: absolute;
	top: 40%;
	left: 0%;
	text-align: center;
	z-index: 0;
	line-height: 0;
}

#LinkContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	/* filter:alpha(opacity:80); /* Specify opacity for IE */
}

#PrevLink, #NextLink {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(../images/util/c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#PrevLink span, #NextLink span { display: none; }

#PrevLink { left: 0; float: left; }
#NextLink { right: 0; float: right; }

/* background image for IE */
#PrevLink:hover, #PrevLink:visited:hover { background: url(../images/util/prev_minus.gif) 20% 50% no-repeat; }
#NextLink:hover, #NextLink:visited:hover { background: url(../images/util/next_plus.gif) 80% 50% no-repeat; }

/* backgroudn image for compliant browsers */
#LinkContainer>#PrevLink:hover, #LinkContainer>#PrevLink:visited:hover { background: url(../images/util/prev_chevron.png) 20% 50% no-repeat; }
#LinkContainer>#NextLink:hover, #LinkContainer>#NextLink:visited:hover { background: url(../images/util/next_chevron.png) 80% 50% no-repeat; }

#CaptionContainer {
	margin: 0 auto;
	width: 200px;
	text-align: left;
	background-color: #ccc;
	}

#CaptionContainer p {
	padding: 5px 10px 10px 10px;
	font-size: 11px;
}

#Counter {
	font-weight: bold;
	color: #999;
	padding-right: 5px;
}

#About p {
	margin: 0 20px;
	padding: 5px 0;
	font-size: 14px;
	font-weight: bold;
}

#About {
	width: 100%;
	text-align: left;
	background-color: #efefef;
	border-bottom: 1px solid #dedede;
}

#AboutBody {
	margin-top: 15px;
}

#AboutBody p {
	font-weight: normal;
	font-size: 11px;
	line-height: 1.4em;
	margin: 0 20px 10px 20px;
	padding: 0;
}




/*-----------------------------------------------------------------------------------------------
 Gallery Menu stuff
-----------------------------------------------------------------------------------------------*/

   a.editorial {
    display: block;
    width: 92px;
    height: 65px;
    background: url("../images/util/galleryMenu/Editorial.gif") 0 0 no-repeat;
    text-decoration: none;} 
   
   a.sketches {
    display: block;
    width: 102px;
    height: 65px;
    background: url("../images/util/galleryMenu/Sketches.gif") 0 0 no-repeat;
    text-decoration: none;}
    
    a.threed {
    display: block;
    width: 74;
    height: 65px;
    background: url("../images/util/galleryMenu/3D.gif") 0 0 no-repeat;
    text-decoration: none;}


a:hover.editorial {
    background-position: -92px 0;}

a:hover.sketches {
    background-position: -102px 0;}

a:hover.threed {
    background-position: -74px 0;}
    
    
   a.editorialActive {
    display: block;
    width: 92px;
    height: 65px;
    background: url("../images/util/galleryMenu/Editorial.gif") 0 0 no-repeat;
    background-position: -92px 0;
    text-decoration: none;} 
   
   a.sketchesActive {
    display: block;
    width: 102px;
    height: 65px;
    background: url("../images/util/galleryMenu/Sketches.gif") 0 0 no-repeat;
    background-position: -102px 0;
    text-decoration: none;}
    
    a.threedActive {
    display: block;
    width: 74;
    height: 65px;
    background: url("../images/util/galleryMenu/3D.gif") 0 0 no-repeat;
    background-position: -74px 0;
    text-decoration: none;}
    
/*-----------------------------------------------------------------------------------------------
Contact Footer
-----------------------------------------------------------------------------------------------*/

#contact{
	background: url("../images/util/dividers/fulldiv.gif")no-repeat top center;
	height:150px;
	padding:25px 0 0 0;
	margin:25px 0 0 0;
	}

#contact .lCol{
	background: url("../images/util/contactPhone.png") no-repeat top left;
	height:150px;
	width:225px;
	}
	
	
#contact .rCol{
	background: url("../images/util/contactEmail.png") no-repeat top left;
	height:150px;
	width:400px;
	}

#contact h2{
	float:right;
	padding:50px 0 0 0;
	}
	
/*-----------------------------------------------------------------------------------------------
Dividers
-----------------------------------------------------------------------------------------------*/

.divider {
	background: url("../images/util/dividers/fulldiv.gif")no-repeat top center;
	height:30px;
	padding:5px 0 0 0 ;
	margin:40px 0 10px 0;
	font-family: "Courier New", Courier, sans-serif;
	font-size: 20px;
	}

.divider .lCol{
	background: #ebebeb;
	text-align: left;
	width:auto;
	padding:0 10px 0 0;
	}

/*-----------------------------------------------------------------------------------------------
  Menus
-----------------------------------------------------------------------------------------------*/

/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0 0 0 165px;
	text-align: center;
	}

ul.menu li {
	margin: 0 auto; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

ul.menu li a {
	float: left;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin: 0 20px 4px 0px;
	padding-top: 2px;
	text-decoration: none;
	color: #666;
	}

ul.menu li a:hover {
	border-bottom: 4px solid #ff534d;
	padding-top: 2px;
	color: #666;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	border-bottom: 4px solid #ff534d;
	padding-top: 2px;
	color: #666;
	}
	
ul.menu a:hover, ul.menu a:visited:hover { text-decoration: none; }
}

a img,:link img,:visited img { border:none }