/* designed by Annalise Ogle, 2010; ogle.annalise@gmail.com */

/* global styles */
	body {
		margin: 0px;
		background-color: #666;
		background-repeat: no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 14px;
	}

	#wrapper {
		width: 700px;
		height: 500px;
		background-image: url(../images/splash.jpg);
		border: 6px solid #333;
		margin: 50px auto 0 auto;
	}

	#pagewrapper {
		width: 750px;
		height: auto;
		background-color: #fff;
		text-align: left;
		margin: 50px auto 0 auto;
		padding: 64px 0 50px 80px;
		border: 6px solid #333;
	}

	#pagewrapperpro {
		width: 615px;
		height: auto;
		background-color: #fff;
		text-align: left;
		margin: 50px auto 0 auto;
		padding: 64px 0 50px 80px;
		border: 6px solid #333;
	}
	
	#back {
		padding: 0 0 20px 0;
	}

	#text {
		padding: 0 20px 0 0;
		margin-top: 30px;
		width: 500px;
	}

	#gallery table, #gallery tr {
    	margin: 0px;
    	padding: 0px;
	}

	#gallery td {
		padding: 0 25px 25px 0;
	}

	#gallery img{
		border: 2px solid #666;
	}

	a:link {color: #666;text-decoration: none;}
	a:visited {color: #666;text-decoration: none;}
	a:hover {color: #333;text-decoration: none;}
	a:active {color: #333;text-decoration: none;}
	
	img#logo {
			float: left;
			padding-right: 20px;	
	}

/* page headings */
	#h_about {
		color: #312036;
		padding-bottom: 0;
		margin-bottom: -15px;
		font-size: 22pt;
		font-weight: bold;
	}

	#h_design {
		color: #a33f3e;
		padding-bottom: 0;
		margin-bottom: -15px;
		font-size: 22pt;
		font-weight: bold;
	}
	
	#h_photo {
		color: #f58c48;
		padding-bottom: 0;
		margin-bottom: -15px;
		font-size: 22pt;
		font-weight: bold;
	}
	
	#h_multi {
		color: #f0cb73;
		padding-bottom: 0;
		margin-bottom: -15px;
		font-size: 22pt;
		font-weight: bold;
	}
		
	#h_art {
		color: #b5ad2b;
		padding-bottom: 0;
		margin-bottom: -15px;
		font-size: 22pt;
		font-weight: bold;
	}
	
	#h_pro {
		color: #b8b596;
		padding-bottom: 0;
		margin-bottom: -15px;
		font-size: 22pt;
		font-weight: bold;
	}

/* index nav */
	#nav_about a:link, #nav_about a:visited {
		width: 130px;
		height: 29px;
		display: block;
		background-image: url(../images/nav_about.jpg);
		z-index: 2;
	}

	#nav_about a:hover {
		width: 130px;
		height: 29px;
		display: block;
		background-image: url(../images/nav2_about.jpg);
	}

	#nav_design a:link, #nav_design a:visited {
		width: 130px;
		height: 29px;
		display: block;
		background-image: url(../images/nav_design.jpg);
		z-index: 2;
	}

	#nav_design a:hover {
		width: 130px;
		height: 29px;
		display: block;
		background-image: url(../images/nav2_design.jpg);
	}

	#nav_photography a:link, #nav_photography a:visited {
		width: 130px;
		height: 29px;
		display: block;
		background-image: url(../images/nav_photography.jpg);
		z-index: 2;
	}

	#nav_photography a:hover {
		width: 130px;
		height: 29px;
		display: block;
		background-image: url(../images/nav2_photography.jpg);
	}

	#nav_multimedia a:link, #nav_multimedia a:visited {
		width: 130px;
		height: 29px;
		display: block;
		background-image: url(../images/nav_multimedia.jpg);
		z-index: 2;
	}

	#nav_multimedia a:hover {
		width: 130px;
		height: 29px;
		display: block;
		background-image: url(../images/nav2_multimedia.jpg);
	}

	#nav_art a:link, #nav_art a:visited {
		width: 130px;
		height: 29px;
		display: block;
		background-image: url(../images/nav_art.jpg);
		z-index: 2;
	}

	#nav_art a:hover {
		width: 130px;
		height: 29px;
		display: block;
		background-image: url(../images/nav2_art.jpg);
	}

	#nav_pro a:link, #nav_pro a:visited {
		width: 130px;
		height: 29px;
		display: block;
		background-image: url(../images/nav_pro.jpg);
		z-index: 2;
	}

	#nav_pro a:hover {
		width: 130px;
		height: 29px;
		display: block;
		background-image: url(../images/nav2_pro.jpg);
	}

	#nav {
		float: right;
		text-align: left;
		padding-right: 0px;
		padding-top: 204px;
	}

/* about page */
	#image {
		float: right;
		margin: 20px 190px 35px 0;
		border: 3px solid #9c9b8d;
	}

	#aboutcontent {
		height: 455px;
	}

	#abouttext {
		width: 300px;
		float: left;
	}

	#horizrule {
		border-top: 2px #a33f3e solid;
	}

	#socialmedia {
		margin-left: -3px;
	}

	img,socialmedia {
		float: left;
		border: 0;
		padding: 3px;
	}

	#twitter_div {
		background-color: #b8b596;
		width: 180px;
		float: right;
		margin-right: -466px;
		padding: 0 10px 10px 14px;
		margin-top: -60px;
	}

	#twitter_triangle {
		float: right;
		margin-top: -29px;
		margin-right: -13px;
	}

	#twitter_div ul {
		padding: 5px;
	}

	#twitter_div li {
		list-style-type: none;
		font-size: 12px;
		padding-bottom: 10px;
		margin-left: 3px;
	}

	#twitter_div a {
		color: #000;
	}

	#twitter-link {
		font-size: 12px;
	}

	h3#tweets {
		padding-left: 7px;
	}

/* photo page */
	#photoidleft {
		position: absolute;
		font-size: 10pt;
		color: #fff;
		top: 280px;
		left: 50%;
		margin-left: -336px;
		text-align: left;
		padding-left: 15px;
	}

	#photoidmiddle {
		position: absolute;
		font-size: 10pt;
		color: #fff;
		top: 280px;
		left: 50%;
		margin-left: -105px;
		text-align: left;
		padding-left: 20px;
	}
	
	#photoidleft a {
		color: #fff;	
	}
	
	#photoidmiddle a {
		color: #fff;
	}

/* footer */
	#footer {
		height: 25px;
		font-size: 8pt;
		margin: 0 auto 0 auto;
		padding: 10px 0 60px 0;
	}
	
	#footer a {
		color: #000;text-decoration: none;
	}
	
	#footer a:hover{
		color: #333;text-decoration: none;
	}