/* nav -------------------------------------------------- */

		a {
			color: white;
			text-decoration: none;
			}
		
		nav img {
				height: 35px;
			}
		
		nav ul {
			list-style: none;
			}
		
		nav li {
			display: inline-block;
			margin-right: 125px;
			margin-bottom: 6px;	
			}
		
		nav li:hover {
			opacity: 0.5;
			}
		
		.navtxt {
			position: relative; left: 10px; top: -10px;
			}
		
/* Common Body -------------------------------------------------- */
		
		body {
			background: url(img/bluetexture.jpg);
			margin-top: 10px;
			font-family: verdana;
			}
		
		#width {
			width: 984px;
			margin: auto;
			}		
		
		#white {
			height: 675px;
			background-color: white;
			padding: 20px;
			color: black;
			}

		#whiteabout {
			height: 745px;
			background-color: white;
			padding: 20px;
			color: black;
			}
			
        #whitelarge {
			height: 925px;
			background-color: white;
			padding: 20px;
			color: black;
			}
		
        #logo {
			height: 200px;
			position: absolute; top: 300px;
			}
		
        #copyright {
            margin-top: 30px;
            line-height: 2em;
            font-size: .7em;
            text-align: left;
            color: white;
			}

		#copyrighthome {
			margin-left: 1px;
            margin-top: 30px;
            line-height: 2em;
            font-size: .7em;
            text-align: left;
            color: white;
			}

		
/* Home ------------------------------------------------ */
		#homelogo {
			position: relative; top:80px; left: 30px;
			height: 504px;
			}

        #underconstruction {
			position: relative; top:5px; left: 30px;
			height: 710px;
            width: 900px;
			}
		
		#homebody {
			text-align: center;
			}
		
		#columns {
			color: white;
            float: left;
            margin-top: 30px;
            height: 175px;
			}
		
		#column1 {
			margin-top: 5px;
            margin-right: 5px;
            margin-bottom: 28px;
			width: 48%;
			font-size: 1.1em;
            line-height: 2.1em;
            text-align: left;
            float: left;
			}

        #column2 {
			margin-top: 10px;
            margin-bottom: 35px;
            margin-left: 61px;
            float:left;
			background-color: white;
            height: 110px;
            width: 445px;
			}
		
		
/* about page -------------------------------------------- */	

		#aboutbody {
			color: black;
			}
		
		#abouttxt {
			position: relative; left: 200px; top: 5px;
			width: 559px;
            height: 390px;
			}
			
		#abouttxt h1 {
			color:#005088;
			margin: 2em 0 .6em;
            margin-top: 10px;
			}

		#abouttxt p {
			font-size: .8em;
			line-height: 1.6em;
			margin-bottom: 1.5em;
			}
			
		#abouttxt h2 {
			font-size: .8em;
			}
		
		#abouttxt ul {
			font-size: .88em;
            margin: .8em 0;
			}
		
		#abouttxt li {
			font-size: .9em;
			line-height: 1.6;
			}
		
/* portfolio page-------------------------------------- */

		#portfolio {
			position: relative; Left: 150px;
			max-width: 800px;
			color:black;
			}

		#portfolio li {
			margin: 0 10px;
			height: 230px;
			float: left;		
			}

		#portfolio li figure img {
			width: 140px;
			}
		
		#portfolio li figcaption {
			font-size: .7em;
			width: 140px;
			text-align: center;
			line-height: 1.3em;
			color: black;
			}
		
		.image-container {
		    position: relative;
			}
				
		.image-container .after {
		    position: absolute;
		    top: 40px;
		    left: 22px;
		    width: 70%;
		    height: 70%;
		    display: none;
			}
			
		.image-container:hover .after {
		    display: block;
			}
		
/* art ------------------------------------------------- */

		#mainart {
			position: relative; left: 150px;
			}
		
		#mainart img {
			width: 600px;
            margin-left: 150px;
			}

        #mainartlarger img {
			width: 800px;
            height: 725px;
            margin-left: 150px;
            margin-bottom: 35px;
			}
		
		#mainart figcaption {
			display: inline-block;
			width: 180px;
			margin-left: 8px;
			}
		
		#mainart figcaption {
			font-size: .8em;
			line-height: 1.2em;
			}
		
		#mainart figcaption h2 {
			font-weight: bold;
			}
		
		#mainart figcaption p {
			margin-top: 1em;
			}

		#mainartlarger figcaption {
			display: inline-block;
			width: 800px;
            text-align: center;
        margin-left: 150px;
			}
		
		#mainartlarger figcaption {
			font-size: .8em;
			line-height: 1.2em;
			}
		
		#mainartlarger figcaption h2 {
			font-weight: bold;
			}
		
		#mainartlarger figcaption p {
			margin-top: 1em;
			}
		
		#artnav {
			position: relative; left: 150px;
			margin-top: 40px;
			}
		
		#artnav li {
			display: inline-block;
			}
		
		#artnav li img {
			width: 42px;
			}


/* contact -------------------------------------------- */

		#contactdescription {
			position: relative; left: 165px; top: 312px;
			width: 200px;
			font-size: 1em;
            line-height: 1.5em;
            }
		
		form {
			position: relative; left: 400px;
			width: 511px;
			}
		form h1 {
			font-size: 1.3em;
            color:#005088;
            margin-bottom: 10px;
		}

		textarea, .input1, .input2 {
			margin: 10px 0;
			font-size: 1em;
			border:1px solid #cfcfcf;
			padding: 5px;
			font-family: verdana;
			}
		
		textarea, .input2 {
			width: 497px;
			}
		
		.input1 {
			width: 240px;
		}
		
		textarea {
			height: 100px;
			}
			
		#submit {
			color: white;
			background-color: #005088;
			border: none;
			font-size: 1em;
			width: 6em;
            cursor:pointer;
			}

        #submit:hover {
			opacity: 0.7;
			}

        #thankyoutext {
			position: relative; left: 400px; top: 290px;
			width: 300px;
			font-size: 1em;
            line-height: 2em;
            }




/* Media querys ----------------------------------------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{
	nav li {
	margin-right: 100px;
	}

	#width { 
		max-width: 900px;
	}
}