/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Carroll's Creative Images
Author : Ben Rinehart
URL : carrollscreativeimages.com

Created : 12/21/2006
Modified : 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

body{
	background: #2B0C36;
	color: #fff;
	margin: 0;
	font: 12px Georgia, Times, "Times New Roman", Serif;
	}

/* START CONTAINER */
#container{
	width: 908px;
	\width: 928px;
	w\idth: 908px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: #2B0C36 url(../images/default.jpg) 75px 0 no-repeat;
	}
	
	#index #container{
		background-image: url(../images/home.jpg);
		}/* END CONTAINER */

	/* START HEADER */
	#header{
		height: 152px;
		padding: 10px;
		margin-bottom: 0;
		margin-left: 75px;
		}
	
	#header h1{
		display: block;
		float: left;
		width: 260px;
		height: 152px;
		padding: 0;
		margin: 0;
		background: url(../images/logo.gif) center center no-repeat;
		text-indent: -9000px;
		}
	
		#header h1 a{
			width: 260px;
			height: 152px;
			padding: 0;
			margin: 0;
			border: 0;
			display: block;
			text-decoration: none;
			}
		
		#header h2{
			float: right;
			margin: 50px 0 0 150px;
			font: 12px/18px "Copperplate Gothic Bold", Copperplate, tahoma, verdana, sans-serif;
			text-align: center;
			width: 400px;
			}
			
			#header h2 .phone{
				font-size: 22px;
				line-height: 28px;
				}
			
			#header h2 a{
				font-size: 14px;
				}/* END HEADER */
	
	/* START NAVIGATION */
	#navigation{
		background: #D9CCE0;
		border-right: 2px solid #2B0C36;
		border-bottom: 2px solid #2B0C36;
		width: 140px;
		float: left;
		clear: left;
		margin: 25px 0 10px 0;
		font: 12px "Copperplate Gothic Bold", Copperplate, tahoma, verdana, sans-serif;
		text-align: center;
		}
	
		#global{
			margin: 25px 0 0 0;
			padding: 0;
			}
		
			#global li{
				list-style-type: none;
				padding: 10px 0;
				}
		
				#global li a:link, #global li a:visited{
					text-decoration: none;
					color: #2B0C36;
					}

				#global li a:hover, #global li a:active{
					color: #fff;
					}

		a:link, a:visited{
			color: #fff;
			}
		
		a:hover, a:active{
			text-decoration: none;
			}
		
		#navigation img{
			display: block;
			margin: 50px auto 25px auto;
			}/* END NAVIGATION */
	
	/* START PAGE BODY */
	#page_body{
		padding: 10px;
		margin-left: 30px;
		width: 700px;
		height: 402px;
		overflow: auto;
		}
	
		h1{
			font: 18px "Copperplate Gothic Bold", Copperplate, tahoma, verdana, sans-serif;
			color: #2B0C36;
			}
		
		p{
			font: 14px Georgia, Times, "Times New Roman", Serif;
			}
			
			p#about{
				clear: left;
				padding-top: 20px;
				}/* END PAGE BODY */

	/* START INFO PAGES */	
	ul#owners{
		margin: 0 auto;
		}
	
	ul#owners li{
		display: block;
		float: left;
		width: 300px;
		text-align: center;
		}
		
		ul#owners li img{
			display: block;
			margin: 0 auto;
			border: 1px solid #fff;
			width: 150px;
			height: 200px;
			}
	
	blockquote{
		border-top: 1px solid #D9CCE0;
		}
	
	blockquote p{
		font: italic 14px/20px Palatino, georgia, times, "Times new roman", serif;
		padding: 0 25px;
		}
		
	blockquote h2{
		font: 12px/18px "Copperplate Gothic Bold", Copperplate, tahoma, verdana, sans-serif;
		border-bottom: 1px solid #D9CCE0;
		padding: 0 50px 10px 50px;
		}
	
	#resources{
		margin: 0;
		padding: 0;
		font: 14px Georgia, Times, "Times New Roman", Serif;
		}
	
		#resources li{
			list-style-type: none;
			padding: 5px 0;
			}/* END INFO PAGES */

	/* START PORTFOLIO */
	#portfolio{
		width: 700px;
		display: block;
		margin: 5px auto 0 auto;
		padding: 0;
		}

		#portfolio li{
			float: left;
			display: block;
			padding: 0;
			margin: 0;
			width: 170px;
			height: 160px;
			text-align: center;
			font: 12px/18px "Copperplate Gothic Bold", Copperplate, tahoma, verdana, sans-serif;
			letter-spacing: 2px;
			}
			
			#portfolio li a:link, #portfolio li a:visited{
				text-decoration: none;
				}
				
				#portfolio li a .image img{
					display: block;
					margin: 0 auto;
					border: 1px solid #fff;
					}/* END PORTFOLIO */
	
	/* START GALLERIES */
		#enlarge{
			float: left;
			width: 425px;
			height: 400px;
			}
			
			#enlarge img{
				display: block;
				margin: 0 auto;
				border: 1px solid #fff;
				}
		
		#thumbnails{
			width: 250px;
			float: left;
			}
			
			#thumbnails ul{
				margin: 0;
				padding: 0;
				}
		
			#thumbnails li{
				display: block;
				float: left;
				}
			
				#thumbnails li a{
					width: 50px;
					height: 50px;
					margin: 3px;
					display: block;
					overflow: hidden;
					border: 1px solid #fff;
					}
					
					#thumbnails li a img{
						border: none;
						}/* END GALLERIES */
	
	/* START FORMS */
		fieldset{
			float: left;
			display: inline;
			padding: 10px;
			margin: 0;
			border: none;
			}

			fieldset#interest{
				float: left;
				margin: 5px 0;
				width: auto;
				}

				fieldset#interest label{
					width: 335px;
					}

		legend{
			font: 12px "Copperplate Gothic Bold", Copperplate, tahoma, verdana, sans-serif;
			color: #2B0C36;
			}

		label{
			display: block;
			float: left;
			clear: left;
			width: 80px;
			font-size: 12px;
			margin-top: 3px;
			}

		.required{
			font-weight: bold;
			}

		input[type="checkbox"], input[type="radio"]{
			margin: 0 15px 0 0;
			}

		input[type="text"], textarea{
			width: 200px;
			float: left;
			margin: 3px;
			}

		input[type="submit"], input[type="reset"]{
			margin: 3px;
			}

		input[type="submit"]:hover, input[type="reset"]:hover{
			cursor: pointer;
			}/* END FORMS */
	
	/* START FOOTER */
	#footer{
		clear: both;
		padding: 15px;
		margin-top: 0;
		background: #2B0C36;
		font: 10px Georgia, Times, "Times New Roman", Serif;
		text-align: center;
		}
		
		.vcard *, #footer p{
			font: 10px Georgia, Times, "Times New Roman", Serif;
			display: inline;
			}/* END FOOTER */