@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	background-image: url(images/illinois-architectural-photography.jpg);
	background-repeat: repeat-y;
	background-position: center;
	font-family: "Century Gothic", "Avant Garde", sans-serif;
}

#topcontainer {
	background-image: url(images/chicago-architectural-photography.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 166px;
}

#logonavcontainer {
	width: 970px;
	margin: auto;
	overflow: auto;
}

#logo {
	width: 300px;
	height: 100px;
	float: left;
	display: inline;
}

#logoblock {
	width: 300px;
	height: 100px;
	display: block;
}


#toptext {
	padding: 8px 0 0 0;
	width: 835px;
	margin: auto;
}

#toptext h1{
	text-align: right;
	color: #7f9170;
	font-size: 14px;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: 1px;
	margin: 0;
}

#middlecontainer {
	width: 970px;
	margin: auto;
}

#bottomcontainer {
	width: 970px;
	margin: auto;
	color: #949189;
	font-size: 10px;
	padding: 40px 0 20px 0;
}

#quicklinkhomenav {
	color: #BBC5B1;
	width: 970px;
	margin: 0 auto -20px auto;
	color: #E2E5DA;
	font-size: 10px;
	padding: 20px 0 0 0;
	text-align: center;
	line-height: 15px;
}

#test {
	width: 920px;
	margin: auto;
}

#gallerynav {
	text-align: center;
	color: #DDDDD4;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}











/* Main Navigation BEGINNING */

#navigation {
	padding: 49px 0 0 0px;
	float: right;
	display: inline;
	text-transform: uppercase;
	margin: 0px;

}

#menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menu ul li {
  list-style: none;
}

#menu ul li a {
  display: block;
  text-decoration: none;
  float: left;
}

#menu ul li a {
	float:none;
}

#menu ul.horizontal li.level1 {
  float: left;
  padding: 2px 15px 2px 15px;
}

#menu ul.horizontal li.level1 a {
	font-family: "Century Gothic", "Avant Garde", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 20px;
	margin: 0px;
}

#menu ul.horizontal li.level1 a:hover {
	color: #fef1c7;
}

#menu ul.dropdown {
	width: 160px;
	position: absolute;
	visibility: hidden;
	margin: 0 0 0 -22px;
	background-color: #3B3633;
	background-image: url(images/drop_bg.jpg);
}

#menu ul.dropdown li.level2 a {
	font-size: 12px;
	letter-spacing: 1px;
	padding: 7px 0 7px 21px;
}

#menu ul.dropdown li.level2 a:hover {
	color: #fef1c7;
}

a.two:link {
	color: #cbaf57;
	text-decoration: none;
}

a.two:visited {
	color: #cbaf57;
	text-decoration: none;
}

a.two:hover {
	color: #fef1c7;
	text-decoration: none;
}


a.three:link {
	color: #fef1c7;
	text-decoration: none;
}

a.three:visited {
	color: #fef1c7;
	text-decoration: none;
}

a.three:hover {
	color: #fef1c7;
	text-decoration: none;
}







#center {
	margin: auto;
	width: 920px;
}

#aboutlinecontact {
	border-bottom: #97AA8C dotted 1px;
	width: 807px;
	margin: 0 auto 0;
}

#aboutboxone {
	padding: 13px 0 13px 0;
	width: 240px;
	height: 125px;
	float: left;
	display:inline;

}
#aboutboxtwo {
	padding: 13px 0 13px 90px;
	width: 240px;
	height: 125px;
	float: left;
	display:inline;
}

#aboutboxthree {
	padding: 13px 0 13px 90px;
	width: 240px;
	height: 125px;
	float: left;
	display:inline;
}

#aboutbottom {
	width: 920px;
	overflow: auto;
}

#aboutbottomboxone {
	width: 260px;
	float: left;
	color: #807D6C;
	font-family: "Century Gothic", "Avant Garde", sans-serif;
	font-size: 10px;
	text-align: left;
	line-height: 17px;
	font-weight: lighter;
	display:inline;
}

#aboutbottomboxtwo {
	margin: 0 55px 0 70px;
	width: 260px;
	float: left;
	color: #807D6C;
	font-family: "Century Gothic", "Avant Garde", sans-serif;
	font-size: 10px;
	text-align: left;
	line-height: 17px;
	font-weight: lighter;
	display:inline;
}

#aboutbottomboxthree {
	width: 260px;
	float: right;
	color: #807D6C;
	font-family: "Century Gothic", "Avant Garde", sans-serif;
	font-size: 10px;
	text-align: left;
	line-height: 17px;
	font-weight: lighter;
	display:inline;
	padding: 0 0 30px 0;
}

#aboutbottomboxone h1{
	padding: 0 0 10px 0;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
	margin: 0 0 -10px 0;
	font-variant: small-caps;
}

#aboutbottomboxtwo h1{
	padding: 0 0 10px 0;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
	margin: 0 0 -10px 0;
	font-variant: small-caps;
}

#aboutbottomboxthree h1{
	padding: 0 0 10px 0;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
	margin: 0 0 -10px 0;
	font-variant: small-caps;
}

#abouttopcontainer {
	color: #000;
	font-family: "Century Gothic", "Avant Garde", sans-serif;
	font-size: 11px;
	line-height: 19px;
	margin: 0;
	padding: 10px 0 0 0;
}

#abouttopcontainer p {
	margin: 10px 0 0 0;
}

#abouttopcontainer h1{
	color: #000;
	font-weight: lighter;
	font-family: "Century Gothic", "Avant Garde", sans-serif;
	font-size: 17px;
	margin: 0;
}

#abouttopcontainer h2{
	color: #000;
	text-transform: uppercase;
	font-weight: lighter;
	font-family: "Century Gothic", "Avant Garde", sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 15px 0 -5px 0;
}

#aboutphotocontainer {
	margin: auto;
	overflow: auto;
	width: 970px;
}

#framecontainer {
	background-image: url(images/frame_middle_tile.jpg);
	background-repeat: repeat-y;
	background-position: top;
	margin: -20px 0 0 0;
}

#frametop {
	height: 58px;
	background-image: url(images/frame_top.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#framebottom {
	height: 58px;
	background-image: url(images/frame_bottom.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#homeflash {
	width: 920px;
	margin: auto;
	padding: 7px 0 19px 0;
}

#aboutphotoryan {
	float: left;
	padding: 0 10px 12px 17px;
	margin: 2px 20px 0 0;
	font-size: 12px;
}

#aboutphotoryan h1 {
	font-size: 12px;
	font-weight: lighter;
	margin: 0;
}


#abouttextryan {
	float: left;
	width: 180px;
	color: #000;
	font-size: 10px;
	line-height: 15px;
	margin: 0;
}


#aboutphotosarah {
	width: 240px;
	float: left;
	margin: 2px 20px 0 35px;
	font-size: 12px;
}

#aboutphotosarah h1 {
	font-size: 12px;
	font-weight: lighter;
	margin: 0;
}

#abouttextsarah {
	float: left;
	width: 230px;
	color: #000;
	font-size: 10px;
	line-height: 15px;
	margin: 0;
	padding: 5px 0 0 0;
}


#abouttextsarah h1{
	margin: 0;
	font-size: 14px;
	font-weight: lighter;
	padding: 0 0 2px 0;
}

#abouttextsarah p{
	margin: 0;
	padding: 0 0 15px 0;
}




#abouttop h1{
	font-size: 14px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 0 0 10px 0;
	line-height: 0px;
}

#ryansarahmiller {
	padding: 5px 0 10px 700px;
	width: 157px;
	height: 28px;
}

#clients {
	width: 970px;
	margin: auto;
	padding: 0 0 25px 0;
	color: #7f9170;
	font-size: 15px;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: 1px;
}

#testimonialcontainer {
	width: 920px;
	overflow: auto;
	margin: auto;
	padding: 0 0 20px 0;
}

#testimonialone {
	width: 250px;
	float: left;
	margin: 0 15px 0 30px;
	display: inline;
}

#testimonialone h1 {
	margin: 0;
	font-size: 15px;
	font-weight: lighter;
	padding: 0;
}

#testimonialone p {
	margin: 7px 0 7px 0;
	font-size: 11px;
	line-height: 16px;
}











#contactbottom h1{
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	letter-spacing: 1px;
}


#contactbottom {
	padding: 30px 0 0 0;
	width: 970px;
	overflow: auto;
}

#name, #company, #email, #address, #city, #phone{
	width: 270px;
	margin: 0 40px 20px 0;
	float: left;
	color: #999;
	font-family: "Century Gothic", "Avant Garde", sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 21px;
	letter-spacing: 1px;
}

#description, #find{
	width: 420px;
	margin: 5px 45px 0 0;
	float: left;
	color: #999;
	font-family: "Century Gothic", "Avant Garde", sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 21px;
	letter-spacing: 1px;
}

#submit {
	margin: 20px 0 0 0;
	float: left;
}

#recap {
	margin: 20px 0 0 0;
	float: left;
}


#contacthorizontalrule {
	border-top: solid 1px #F2EBE4;
	padding: 0 0 95px 0;
	width: 1024px;
	margin: auto;
}

#flashcontainer {
	width: 920px;
	margin: auto;
}

#featuredimagecontainer {
	width: 920px;
	margin: auto;
	overflow: auto;
}

#middlecontainertext {
}

#middlecontainertext h1 {
	padding: 0 0 20px 24px;
	font-size: 19px;
	margin: 0;
	font-weight: lighter;
}

#featuredimageone {
	width: 290px;
	height: 175px;
	float: left;
}

#featuredimagetwo {
	width: 290px;
	height: 175px;
	float: left;
	margin: 0 0 0 25px;
}

#featuredimagethree {
	width: 290px;
	height: 175px;
	float: left;
	margin: 0 0 0 25px;
}

#featuredtextcontainer {
	width: 920px;
	margin: auto;
	overflow: auto;
}

#featuredtextone {
	width: 270px;
	float: left;
	margin: 20px 0 0 0;
	color: #4B4B4B;
	font-size: 12px;
}

#featuredtextone p {
	margin: 0 0 5px 0;
}


#featuredtextone h1{
	color: #000;
	font-weight: lighter;
	font-size: 17px;
	margin: 0 0 5px 0;
}







#featuredtexttwo {
	width: 270px;
	float: left;
	margin: 20px 0 0 45px;
	color: #4B4B4B;
	font-size: 12px;
}

#featuredtexttwo p {
	margin: 0 0 5px 0;
}

#featuredtexttwo h1{
	color: #000;
	font-weight: lighter;
	font-size: 17px;
	margin: 0 0 5px 0;
}








#featuredtextthree {
	width: 270px;
	float: left;
	margin: 20px 0 0 45px;
	color: #4B4B4B;
	font-size: 12px;
}

#featuredtextthree p {
	margin: 0 0 5px 0;
}

#featuredtextthree h1{
	color: #000;
	font-weight: lighter;
	font-size: 17px;
	margin: 0 0 5px 0;
}




#portfoliobottomtextcontainer {
	color: #000;
	font-family: "Century Gothic", "Avant Garde", sans-serif;
	font-size: 11px;
	line-height: 19px;
	margin: 0 auto;
	width: 920px;
	padding: 30px 0 0 0;
}

#portfoliobottomtextcontainer p {
	margin: 10px 0 0 0;
}

#portfoliobottomtextcontainer h1{
	color: #000;
	font-weight: lighter;
	font-family: "Century Gothic", "Avant Garde", sans-serif;
	font-size: 17px;
	margin: 0;
}

#portfoliobottomtextcontainer h2{
	color: #000;
	text-transform: uppercase;
	font-weight: lighter;
	font-family: "Century Gothic", "Avant Garde", sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 15px 0 -5px 0;
}

#portfolioulcontainer {
	overflow: auto;
}

#portfolioul1 {
	float: left;
	width: 220px;
	display: inline;
	color: #989898;
	line-height: 14px;
	text-transform: uppercase;
	list-style-image: url(images/bullet.gif);
	letter-spacing: 1px;
	font-size: 10px;
}
	
#portfolioulcontainerhead {
	padding: 20px 0 0 0;
}



#portfolioulcontainerhead h1{
	font-size: 14px;
}





a.one:link {
	font-size: 10px;
	color: #7f9170;
	text-decoration: none;
}

a.one:visited {
	font-size: 10px;
	color: #7f9170;
	text-decoration: none;
}

a.one:hover {
	font-size: 10px;
	color: #cbaf57;
	text-decoration: none;
}


a.four:link {
	color: #000;
	text-decoration: none;
}

a.four:visited {
	color: #000;
	text-decoration: none;
}

a.four:hover {
	color: #cbaf57;
	text-decoration: none;
}


a.five:link {
	color: #7f9170;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	margin: 5px 8px 5px 8px;
}

a.five:visited {
	color: #7f9170;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	margin: 5px 8px 5px 8px;
}

a.five:hover {
	color: #6a6660;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	margin: 5px 8px 5px 8px;
	background-color: #ebefea;
}

a.six:link {
	color: #6a6660;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	margin: 5px 8px 5px 8px;
	background-color: #ebefea;
}

a.six:visited {
	color: #6a6660;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	margin: 5px 8px 5px 8px;
	background-color: #ebefea;
}

a.six:hover {
	color: #6a6660;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	margin: 5px 8px 5px 8px;
	background-color: #ebefea;
}


a.seven:link {
	color: #BBC5B1;
	text-decoration: none;
}

a.seven:visited {
	color: #BBC5B1;
	text-decoration: none;
}

a.seven:hover {
	color: #cbaf57;
	text-decoration: none;
}