/*
-----------------------------------------------------> DEFINED ELEMENTS */

body
{
margin: 0;
padding: 0;
background: #434343;
color: #eee;
font: 76% "Verdana", serif;
line-height: 140%;
background: #434343 url(i/bg.png) top left repeat-x;
}

div
{
margin: 0;
padding: 0;
}

a { background: transparent; text-decoration: none; }

/*
-----------------------------------------------------> TOP 'BANNER' */

#top
{
position: relative;
float: left;
width: 1000px;
height: 200px;
margin: 0 0 0 0;
}

#top h1
{
margin: 0;
padding: 0;
float: left;
}

#top h1 a
{
display: block;
margin: 0;
padding: 0;
float: left;
width: 270px;
height: 200px;
background: transparent url(i/long_h1.png) top left no-repeat;
color: #303030;
text-indent: -100000px;
}


#blurb
{
display: block;
float: left;
width: 480px;
margin: 10px 0 0 20px;
padding: 0;
font-weight: bold;
font-size: 100%;
line-height: 200%;
color: #C5C2BB;
}

#blurb p
{
margin-top: 0;
text-align: justify;
}


#address
{
position: absolute;
top: 0px;
right: 37px;
width: 180px;
height: 190px;
margin: 10px 0 0 20px;
padding: 0;
display: block;
line-height: 110%;
}

#address p
{
margin: 0 0 1.7em 0;
padding: 0;
font-size: 80%;
text-align: right;
}



/*
-----------------------------------------------------> AFTER 'BANNER' */

#wrapper
{
width: 990px;
float: left;
background: #434343 url(i/long_wrapper.png) top left repeat-y;
}

#main
{
float: left;
width: 100%;
}


/*
-----------------------------------------------------> FOR ALL PAGES */

#leftNav
{
float: left;
margin: 0 0 0 0;
width: 220px;
}


#leftNav ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#leftNav li
{
margin: 0 0 10px 0;
padding: 0;
display: block;
width: 265px;
height: 100px;
font-weight: bold;
display: block;
}

#leftNav li a
{
margin: 0 0 0 0;
padding: 0;
display: block;
width: 265px;
height: 100px;
text-indent:-10000px;
text-decoration: none;
font-size: 130%;
line-height: 140%;
font-family: Times New Roman;
text-align: center;
color: #fff;
font-weight: bold;
}

#mainContent
{
display: block;
float: left;
width: 695px;
margin: 0 0 0 25px;
padding: 0;
}

html>body #mainContent { margin: 0 0 0 65px; }


#mainContent p
{
float: left;
clear: left;
font-size:80%;
width: 676px;
text-align:justify;
}

.thumbnail
{
padding: 5px;
border-right: 1px solid #5f5f5f;
border-bottom: 1px solid #5f5f5f;
float: left;
margin-right: 21px;
margin-bottom: 30px;
background: #4b4b4b;
display: block;
}

#CVwrap
{
float: left;
/* border: 1px solid #c20; */
margin: 0 0 0 5px;
}

html>body #CVwrap { margin: 0 0 0 35px; }

.CVthumbnail
{
float: left;
width: 320px;
display: block;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
border-top: 1px solid #444;
border-left: 1px solid #444;
background: #555;
margin: 10px 15px 10px 10px;
height: 220px;
min-height: 220px;
}

html>body .CVthumbnail { margin: 10px 0 10px 30px; height: auto; }

.CVthumbnail h4
{
margin: 5px 0 0 5px;
text-align: left;
}

.CVthumbnail img
{
float: left;
margin: 0 5px 5px 0;
border: 1px solid #777;
}

.CVthumbnail p
{
padding: 5px;
width: auto;
clear: none;
float: none;
}


.thumbnail a, .thumbnail a:visited
{
text-decoration: none;
color: #fff;
}

.thumbnail a:hover
{
color: #95B4D3;
}


.thumbnail img
{
border: 1px solid #2f2f2f;
}

.caption
{ 
font-size: 75%; 
padding-top: 0.2em ; 
text-align: left; 
width: 100px;
height: 3.5em;
overflow:hidden;
line-height: 140%;
}

.captionCV
{
font-size: 0.9em; 
padding-top: 0.2em ; 
text-align: left; 
width: 90px;
height: 1.5em;
}

.frame
{
border: 1px solid #777;
width: 105px;
height: 105px;
display: block;
background-position: top left no-repeat;
}

.frameAbout
{
width: 140px;
height: 120px;
}

.CVframe
{
border: 1px solid #777;
width: 300px;
height: 200px;
display: block;
background-position: top left no-repeat;
}

.individCV
{
display: block;
float: left;
width: 300px;
padding: 0;
background: #545454;
margin: 0 0 0 10px;
border: 1px solid red;
text-indent: 10px;
}

.individCV h3
{
display: block;
float: left;
width: 250px;
}

.individCV p
{
display: block;
float: left;
width: 280px;
}

.individCV img
{
float: left;
border: 1px solid #000;
margin: 0 0 0 30px;
padding: 0;
display: block;
}



h3.about_subtitle
{
float: left;
width: 600px;
margin: 3em 0 15px 25px;
text-align: left;
font-size: 130%;
}

html>body h3.about_subtitle {margin: 3em 0 15px 65px; }

/*
-----------------------------------------------------> FOR HOME PAGE */

.menuBlock
{
float: left;
display: block;
margin: 10px 0 0 0;
padding: 0;
width: 990px;
height: 100px;
display: block;
background: transparent url(i/long_menuBlock1.png) top left no-repeat;
}

html>body .menuBlock
{
margin: 10px 0 0 0;
}

.pinball-on, #leftNav li.pinball-on
{
background: transparent url(i/long_menuBlockRoll1.png) top left no-repeat;
/* color: #254370; */
}


h5.left
{
margin: 0 0 0 0;
padding: 0;
display: block;
float: left;
text-align: center;
}

h5.left a
{
width: 265px;
height: 100px;
color: #fff;
float: left;
text-decoration: none;
text-indent: -9999px;
background: #5b5b5b;
font-size: 150%;
font-family: Times New Roman;
}


h5.left a:hover
{
background: #900;
color: #fff;
}

a#architects { background: url(i/button_arch.gif) top left no-repeat; }
a#architects-active { background: url(i/button_arch.gif) -265px 0; }
a:hover#architects { background-position:-265px 0; }

a#historic { background: url(i/button_hist.gif) top left no-repeat; }
a#historic-active { background: url(i/button_hist.gif) -265px 0; }
a:hover#historic { background-position:-265px 0; }

a#gardend { background: url(i/button_gard.gif) top left no-repeat; }
a#gardend-active { background: url(i/button_gard.gif) -265px 0; }
a:hover#gardend { background-position: -265px 0; }

a#contact { background:url(i/button_cont.gif) top left no-repeat; }
a#contact-active { background:url(i/button_cont.gif) -265px 0; }
a:hover#contact { background-position:-265px 0; }}









#leftNav li.active a:hover { background-position: -230px 0; }

.home
{
margin: 0;
padding: 0;
float: left;
width: 650px;
display: block;
text-align: left;
}

.home p
{
margin: 10px 0 10px 10px;
float: left;
width: 460px;
display: block;
}

html>body .home p
{
width: 490px;
}

.home img.small
{
float: left;
margin: 10px 10px 10px 15px;
border: 3px solid #fff;
display: block;
}

html>body .home img.small
{
margin: 10px 10px 10px 25px;
}

/*
-----------------------------------------------------> FOOTER */

#footer
{
float: left;
margin: 5em 0 1em 0;
width: 100%;
text-align: center;
font-size: 85%;
}


/*
-----------------------------------------------------> MISC */


.clearer
{
float: left;
width: 700px;
display: block;
height: 3px;
}


a.starfish
{
width: 8em;
display: block;
color: #aaa;
padding: 0 0 0 20px;
background: url(i/starfish.png) bottom left no-repeat;
height: 16px;
margin: 0 auto;
text-decoration: none;
}

a:hover.starfish
{
color: #fff;
height: 16px;
background: url(i/starfish.png) top left no-repeat;
text-decoration: none;
}