.wrapper 
{
	position: relative;
	/* background: url('/Resources/Pictures/16.jpg') no-repeat 0 0; */
	background-color: Gray;
}

.inner-wrapper 
{
	width: 960px;
	margin: 0 auto;
	/* background: url('/Resources/Pictures/blue-background.jpg'); */
}

.contentHome
{
	float: left;
	width: 960px;
	height: 810px;
	background-color: Black;
}

.contentContact
{
	float: left;
	width: 960px;
	height: 700px;
	background-color: White;
	/* background: url('/Resources/Pictures/white_wallpaper.jpg'); */
}

.contentBiography
{
	float: left;
	width: 960px;
	height: 2300px;
	background-color: White;
	/* background: url('/Resources/Pictures/white_wallpaper.jpg'); */
}

.contentWork
{
	float: left;
	width: 960px;
	height: 1450px;
	background-color: Gray; 
	/* background: url('/Resources/Pictures/white_wallpaper.jpg'); */
}

.contentNewWork
{
	float: left;
	width: 960px;
	height: 700px;
	/* background-color: White; */
	/* background: url('/Resources/Pictures/white_wallpaper.jpg'); */
}

.contentPictureZoom
{
	float: left;
	width: 960px;
	height: 700px;
	background-color: White; 
	/* background: url('/Resources/Pictures/white_wallpaper.jpg'); */
}

/* MENU */
/***********************************************************/

div.topbar
{
	/* bar that runs across the top of the menu */
	height: 16px; 
	background: #000000;
}

ul.claybricks
{
	/* main menu UL */
	font-weight: bold;
	width: 100%;
	background: #FFFAF0;
	padding: 6px 0 6px 0; /* padding of the 4 sides of the menu */
	margin: 0;
	text-align: left; /* set value to "left", "center", or "right" to align menu accordingly */
}

ul.claybricks li
{
	display: inline;
}
        
ul.claybricks li a
{
	color: black;
	padding: 6px 8px 4px 8px; /* padding of the 4 sides of each menu link */
	margin-right: 20px; /* spacing between each menu link */
	text-decoration: none;
}
        
ul.claybricks li a:hover, ul.claybricks li a.selected
{
	color: white;
	background: #000000;
	background: -moz-linear-gradient(top, #5d4137 0%, #41251b 12%, #2c0f05 100%); /* moz syntax for CSS3 gradient */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d4137), color-stop(12%,#41251b), color-stop(100%,#2c0f05));
	background: -webkit-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%); /* webkit syntax for CSS3 gradient */
	background: -o-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%); /* opera syntax for CSS3 gradient */
	background: -ms-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);
	background: linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%);
	-moz-box-shadow: 0 0 5px #595959; /* moz syntax for CSS3 box shadows */
	-webkit-box-shadow: 0 0 5px #595959;
	padding-top: 17px; /* large padding to get menu item to protrude upwards */
	padding-bottom: 6px;
}

/***********************************************************/

.beforeHomeImage
{
	float: left;
	width: 960px;
	height: 50px;
	background-color: Black;
}

.homeStyle 
{
	background-image: url('/Resources/GalleryPictures/Works-2009-2014/10.jpg');
	float: left;
	width: 960px;
	height: 450px;
	display:block;
}

.contactStyle 
{
	float: left;
	width: 960px;
	height: 600px;
}

.biographyStyle 
{
	float: left;
	width: 960px;
	height: 2200px;
}

.workStyle 
{
	float: left;
	width: 960px;
	height: 1650px;
}

.newWorkStyle 
{
	float: left;
	width: 960px;
	height: 1130px;
}

.pictureZoomStyle 
{
	float: left;
	width: 960px;
	height: 600px;
}

.whiteLine 
{
	float: left;
	width: 960px;
	height: 3px;
	background-color: White;
}

.footer 
{
	bottom: 0;
	clear: both;
	width: 960px;
	height: 250px;
}

.divShiftedRight
{
	float: left;
	width: 660px;
	height: 80px;
	margin-left:300px;
}

.whiteLineShifted
{
	float: left;
	width: 660px;
	height: 4px;
	background-color: White;
	margin-left:300px;
}

.thinWhiteLine 
{
	float: left;
	width: 960px;
	height: 1px;
	background-color: White;
}

.footer2
{
	bottom: 0;
	clear: both;
	width: 960px;
	height: 20px;
	background-color: White;
}

.blackEnding
{
	float: left;
	width: 960px;
	height: 20px;
	background-color: Black;
}

/* UTILITY */
/***********************************************************/

.divCentered 
{
    margin-left: auto;  
    margin-right: auto; 
}

.imgCentered 
{
    display: block;   
    margin-left: auto;   
    margin-right: auto; 
}

.pCentered 
{
    text-align: center; 
}

.imgCenterd
{
	display: block;   
	margin-left: auto;   
	margin-right: auto;
}

/***********************************************************/

.headerWelcome 
{
	background-image: url('/Pictures/blue.jpeg');
	float: left;
	width: 960px;
	height: 800px;
}

.leftcolumnWelcome 
{
	background-image: url('/Pictures/white_wallpaper.jpg');
	float: left;
	width: 460px;
	position: relative; 
	min-height: 770px;
}

.rightColumnWelcome 
{
	background-image: url('/Pictures/Globe with main offices.jpg');
	float: left;
	width: 500px;
	min-height: 770px;
}

.leftColumnUserHome 
{
	background-image: url('/Pictures/white_wallpaper.jpg');
	float: left;
	width: 340px;
	position: relative;
	min-height: 770px; 
}

.rightColumnUserHome 
{
	background-image: url('/Pictures/soft_white.jpg');
	float: left;
	width: 620px;
	min-height: 770px;
}

.scroll 
{
    width: 600px;
    height: 750px;
    overflow: auto;
} 
 
.posts 
{
    width: 550px;
    height: 200px;
    border-bottom: 1px solid blue;
}   

.tablePosts 
{
    width: 550px;
    margin-left: auto;  
    margin-right: auto; 
}   

.postDiv 
{
    width: 550px; 
    border: 1px solid blue;
} 

.loginViewDiv
{
    width: 400px;
    margin-left: auto;  
    margin-right: auto;
    border-width:medium;
}

.containerLeftRight
{
    margin: 0px;
    padding: 0px;
    width: 340px;
}

.divLeft
{
    margin: 0px;
    padding: 0px;
    width: 160px;
    float: left;
}

.divRight
{
    margin: 0px;
    padding: 0px;
    width: 180px;
    float: left;
}