/* Author: 			T. Castillo */
/* Last Modified: 	Apr. 2, 2009 */
/* Purpose: 		Layout design elements for article templates*/


/* Main Containers */

@import url(http://fonts.googleapis.com/css?family=Arvo);

	.clear {
		clear: both;	
	}
	
	img {
		border: none;	
	}

	.article-wrapper {
		position: relative;
		margin-left: -370px;
		margin-top: 0px;
		left: 50%;
		width: 650px;
		height: auto;
		margin-bottom: 90px;
	}
	
	.article-top-container {
		width: 766px;
		height: 473px;
		padding-left: 47px;
		background-image:url(../images/article-template/top-box-text-gallery.jpg);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	.services-top-container {
		width: 766px;
		text-align:center;
		background-image:url(../images/article-template/services-top-box-text-gallery.jpg);
		background-repeat: no-repeat;
		background-position: top left;
	}	
	
	.article-top-container-full {
		width: 766px;
		height: 473px;
		padding-left: 47px;
		background-image:url(../images/article-template/top-box-text-gallery-full.jpg);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	.article-top-container-clear {
		width: 766px;
		height: 533px;
		padding-left: 80px;
		background-image:url(../images/article-template/top-box-text-gallery-clear.jpg);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	.article-middle-container {
		width: 766px;
		margin: 0;
		padding: 15px 0 15px 0;
		background-image:url(../images/article-template/middle-repeating-band.jpg);
		background-repeat: repeat-y;
		background-position: top left;
	}
	
	.services-middle-container {
		width: 766px;
		margin: 0;
		padding: 15px 0 15px 0;
		background-image:url(../images/article-template/services-middle-repeating-band.jpg);
		background-repeat: repeat-y;
		background-position: top left;
	}	
	
	.article-bottom-container {
		width: 766px;
		height: 17px;
		background-image:url(../images/article-template/bottom-round-design.jpg);
		background-repeat: no-repeat;
		background-position: top left;
	}	


	#services-navigation {
		width:690px;	
		margin: 0 0 0 30px;
	}

	#services-navigation ul {
		list-style:none;
		margin:0;
		padding:0;
	}

	#services-navigation ul li{
		float:left;	
	}

/*Top Containers */

	.article-title-wrapper {
		width: 200px;
		padding: 10px 0 10px 0;
		float: left;
		margin: 55px 0 0 0;
	}
	
	.services-title-wrapper {
		width: 200px;
		padding: 10px 0 10px 0;
		float: left;
		margin: 25px 0 0 0;
	}	
	
	.article-title-accent-up {
		width: 200px;
		height: 15px;
		background-image:url(../images/article-template/accent-pointed-up.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		padding-bottom: 4px;
		border-bottom: solid 1px #fff;		
		margin-bottom: 10px;		
	}
	
	.article-title-accent-down {
		width: 200px;
		height: 15px;
		background-image:url(../images/article-template/accent-pointed-down.jpg);
		background-position: bottom center;
		background-repeat: no-repeat;
		padding-top: 4px;		
		border-top: solid 1px #fff;		
		margin-top: 10px;
	}	
	
	.article-boilerplate-wrapper {
		width: 200px;
		margin: 4px 0 0 4px;
		font-size: 10px;
	}
	
	.gallery-wrapper {
		width: 440px;
		height: 360px;
		border: solid 1px #fff;
		float: left;
		margin: 55px 0 0 45px;
	}	
	.gallery-wrapper-nothumbs {
		width: 440px;
		height: 290px;
		border: solid 1px #fff;
		float: left;
		margin: 60px 0 0 45px;
	}


/*Middle Containers */

	.middle-wrapper {
		width: 685px;
		border-top: solid 1px #7F6D43;
		border-bottom: solid 1px #7F6D43;
		padding: 20px 0 20px 34px;
		margin: 0 0 0 25px;
	}
	
	.article-body-text-col {
		width: 425px;
		float: left;		
	}
	
	.services-body-text-full-col {
		width: 605px;
		float: left;		
	}		
	
	.article-links-col {
		width: 180px;
		float: left;
		text-align: center;
		margin: 50px 0 0 50px;
	}
	
	h2.article-sub-head {
		margin-bottom:20px;
	}
	
	p.article-body-text {
		margin-bottom: 20px;	
	}
	
	h3.article-links-header {
		margin: 0;
	}
	
	.links-accent {
		background-image:url(../images/article-template/accent-links.jpg);
		width: 178px;
		height: 22px;
		background-position: top center;
		background-repeat: no-repeat;
		margin: 15px 0 15px 0;
	}
	
	.services-links-accent {
		background-image:url(../images/article-template/services-accent-links.jpg);
		width: 178px;
		height: 22px;
		background-position: top center;
		background-repeat: no-repeat;
		margin: 15px 0 15px 0;
	}	
	
	.article-body-image-wrapper-portrait {
		text-align: center;
		padding: 5px 98px 5px 98px;
		margin-bottom: 20px;
	}

	.article-body-image-wrapper-landscape {
		text-align: center;
		padding: 5px 25px 5px 25px;
		margin-bottom: 20px;
	}
	
	.article-body-image {
		border: solid 1px #5E3E04;
		padding: 4px;
		text-align: center;
	}	
	
	.caption-wrapper {
		background-image:url(../images/article-template/caption-accent.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		padding: 6px 0 0 0;
		margin-top: 5px;
	}



/*Non-Link Text Formatting */
	
	.article-title {
		font-family: 'Arvo', "Times New Roman", Times, serif;
		color: #5E3E04;
		font-size: 21px;
		text-align: center;
		line-height: 28px;
	}
	
	.article-boilerplate {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 10px;
		color: #272727;
		line-height: 12px;
	}
	
	.article-boilerplate-wrapper h4 {
		text-align:center;
		font-size:16px;
		color:#666;
	}
	
	.article-boilerplate-wrapper ul li a:hover, .article-boilerplate-wrapper ul li a:link, .article-boilerplate-wrapper ul li a:visited  {
		font-size:14px;
	}
	
	.article-sub-head {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 15px;
		color: #5E3E04;
		font-style:normal;
		font-weight: bold;
	}
	
	.article-body-text {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 12px;
		color: #272727;
		line-height: 19px;
	}
	
	.caption-wrapper p {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		line-height: 15px;
		text-align: center;
		color: #5E3E04;
		margin: 0;
	}
	
	.article-links-header {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 14px;
		color: #5C7C9D;
		font-style:normal;
		text-align: center;
		line-height: 25px;
		font-weight: normal;
	}
	
	.services-links-header {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 14px;
		color: #665062;
		font-style:normal;
		text-align: center;
		line-height: 25px;
		font-weight: normal;
	}	
	
	.article-side-link {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 15px;
		color: #5C7C9D;
		font-style:normal;
		text-align: center;
	}
	
/*Link Text Formatting */	

	.article-boilerplate a:link, .article-boilerplate a:hover, .article-boilerplate a:visited, .article-boilerplatea:active{
		font-family:Verdana, Geneva, sans-serif;
		font-size: 12px;
		color: #272727;
		line-height: 16px;
		text-decoration: underline;		
	}	

	.article-side-link a:link, .article-side-link a:hover, .article-side-link a:visited, .article-side-link a:active{
		font-family:Verdana, Geneva, sans-serif;
		font-size: 15px;
		color: #5C7C9D;
		font-style:normal;
		text-align: center;
		text-decoration: underline;
	}
	
	.article-body-text a:link, .article-body-text a:hover, .article-body-text a:visited, .article-body-text a:active{
		font-family:Verdana, Geneva, sans-serif;
		font-size: 12px;
		color: #272727;
		line-height: 19px;
		text-decoration: underline;
	}	
	
/*Client Services Styles */	

	.client-boilerplate {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 13px;
		line-height:19px;
		color: #272727;
	}
	
	.client-links-col {
		width: 180px;
		float: left;
		text-align: center;
		margin: 50px 50px 0 0;
	}	
	
	.client-side-link a:link, .client-side-link a:hover, .client-side-link a:visited, .client-side-link a:active{
		font-family:Verdana, Geneva, sans-serif;
		font-size: 11px;
		color: #665062;
		font-style:normal;
		text-align: center;
		text-decoration: underline;
	}	
	
	
	.client-title {
		font-family: 'Arvo', Verdana, Geneva, sans-serif;
		text-transform:capitalize;
		color: #5E3E04;
		font-size: 13px;
		text-align: center;
		line-height: 28px;
		background-image:url(../images/client-services/couch.png);
		background-repeat:no-repeat;
		background-position:top;
		width:128px;
		height:60px;
		padding:25px 0 0 0;
		margin-left:30px;
	}		
	
	.client-gallery-wrapper {
		width: 440px;
		height: 360px;
		border: none;
		float: left;
		margin: 55px 0 0 45px;
	}
	
	.services-gallery-wrapper {
		width: 440px;
		height: 299px;
		border: none;
		float: left;
		margin: 27px 0 0 45px;
	}	
	
	.client-services-button {
		margin: 0 0 15px 0;
	}	
	
	.client-sub-head {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 12px;
		color: #262626;
		font-style:normal;
		font-weight: bold;
		border-bottom:1px solid #665062;
		padding-bottom:10px;
	}
	
	table.a-la-carte {
		font-family:Verdana, Geneva, sans-serif;
		width:605px;
		font-size:12px;
	}		

	table.a-la-carte tr td {
		width:105px;
	}

	table.a-la-carte tr.prices td {
		text-align:right;
		padding:5px;
	}
	
	table.a-la-carte tr.prices1 td {
		text-align:right;
		padding:5px;
		background-color:#FFF;
	}	
	
	table.collections {
		font-family:Verdana, Geneva, sans-serif;
		width:605px;
		font-size:12px;
	}

	table.collections tr td {
		width:105px;
		padding:5px;
	}
	
	table.collections tr.collections-header td {
		background-color:#FFF;
	}
	
	table.general-pricing tr td {
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;		
		width:105px;
		padding:5px;
		background-color:#FFF;
	}	
	
	table.add-collection tr td {
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;		
		width:305px;
		padding:5px;
		background-color:#FFF;
	}

	table.portrait-prints {
		font-family:Verdana, Geneva, sans-serif;
		width:405px;
		font-size:12px;
	}		

	table.portrait-prints tr td {
		width:105px;
	}

	table.portrait-prints tr.prices td {
		text-align:right;
		padding:5px;
	}
	
	table.portrait-prints tr.prices1 td {
		text-align:right;
		padding:5px;
		background-color:#FFF;
	}	

	table.negatives tr td {
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;		
		width:300px;
		padding:5px;
		background-color:#FFF;
	}	
	
	table.volume tr td {
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;		
		width:275px;
		padding:5px;
		background-color:#FFF;
	}		
	
	.decorating-gallery {
		text-align:center;
	}		
	
				
		
.top-client-services {position: relative; padding: 0px; margin: 0px; background-image:url(../images/client-services/top.png); background-position: center; background-repeat: repeat-x; height: 75px;}	

#brownbox-div {background-image:url(../articles/images/bkg.gif);}

.search-client-services {position: absolute; width: 220px; height: 30px; top: 30px; left: 50%; margin-left: 180px; z-index: 105; font-family: Georgia, "Times New Roman", Times, serif; color: #333333; font-weight: bold; font-size: 10pt;}