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

Site CSS Screen Stylesheet

date:		March 2009
author:		Heather O'Neal
email:		honealstudiocommmission@live.com

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

* {
	margin:0;
	padding:0;
	border:0 none;
	outline: none; 
}

/* BODY
-----------------------------------------------------------*/

body { 
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p {
	line-height:18px;
	padding:10px 0px;
}

h1, h2, h3, h4 {
	font-weight:normal;
}

br {
	clear:both;
}

#wrapper {
	width:800px;
	margin:0 auto;
	height:auto;
	position:relative;
}

#banner {
	width:800px;
	height:140px;
	margin:0 auto;
	clear:both;
}

#home #banner {
	background-image: url(../../images/banners/homebanner.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#contact #banner {
	background-image: url(../../images/banners/contactbanner.gif);
	background-repeat: no-repeat;
	background-position: center;
}

}

#print #banner {
	background-image: url(../../images/banners/Galleryprofessionalbanner.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#leftColumn {
	width:80px;
	height:837px;
	background:url(../images/designbannerside.gif) left center no-repeat;
	float:left;
}

#rightColumn {
	width:720px;
	float:left;
	padding: 100px;
}

#content {
	float:none;
}

/* NAVIGATION
-----------------------------------------------------------*/

#navigation {
	width:920px;
	height:35px;
	float:right;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	overflow: visible;
}

#navigation a {
	background:#FFF;
	display:block;
	padding:0px 5px;
	text-decoration:none;
}

#navigation li {
	margin:0;
	padding:0;
	float:left;
	position:relative;
}

	/* SUB-NAVIGATION -----------------------------------------------*/


	#navigation ul.subnav {
		list-style-type:none;
		position:absolute;
		display:none;
		width:100px;
		height:35px;
		top:30px;
		left:8px;
	}
	
	#navigation ul.subnav li {
		position:relative;
		z-index:2;
	}
	
	#navigation ul.subnav li img {
		position:absolute;
		right:20px;
		top:8px;
	}

	#navigation ul.subnav a {
		height:15px;
		width:150px;
		padding:3px 5px 3px 15px;
		border:1px solid #EDEDED;
		float:right;
		font-size:14px;
		font-weight:bold;
		text-align:left;
		color:#00CCFF;
	}

	#navigation li ul.subnav a:hover {
		background:#00CCCC;
		color:#FFF;
	}

	#navigation ul.subnav-b {
		list-style-type:none;
		position:absolute;
		display:none;
		width:100px;
		height:35px;
		top:0;
		left:170px;
	}
	
	
#navigation li:hover ul ul,
#navigation li:hover ul ul ul,
#navigation li:hover ul ul ul ul {
	display:none;
}

#navigation li:hover ul,
#navigation li li:hover ul,
#navigation li li li:hover ul,
#navigation li li li li:hover ul {
	display:block;
}


/* UI TABS
-----------------------------------------------------------*/

.ui-tabs {
	width:700px;
}
	
.ui-tabs .ui-tabs-nav {
	list-style: none;
	position: relative;
	padding:5px 10px 0;
	height:25px;
}
	
.ui-tabs .ui-tabs-nav li {
	font-size:12px;
	position: relative;
	float: left;
	border-bottom-width: 0 none !important;
	margin: 0 2px -1px 0;
	padding:0;
}

.ui-tabs .ui-tabs-nav li a  {
	float: left;
	text-decoration: none;
	padding:5px 15px;
	}
	
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 1px;
	border-bottom-width: 0; 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
	padding:20px;
	display: block;
	border-width:0;
	background: none;
	clear:both;
	}
	
.ui-tabs .ui-tabs-hide {
	display: none !important;
}

		/* TAB STYLING  -----------------------------------------------*/	


		.ui-widget-content {
			background:#FFFFFF;
			border:1px solid #AAAAAA;
			color:#222222;
		}
		
		.ui-widget-header {
			background:#CCCCCC url(../images/ui-bg_highlight.png) repeat-x scroll 50% 50%;
			border:1px solid #AAAAAA;
			color:#222222;
			font-weight:bold;
		}
		.ui-helper-clearfix {
			display:block;
		}
		
		.ui-widget-content .ui-state-active, .ui-tabs-selected, ui-state-active {
			background:#FFFFFF url(../images/ui-bg_active.png) repeat-x scroll 50% 50%;
			border:1px solid #AAAAAA;
			color:#212121;
			font-weight:normal;
		}
		
		.ui-state-default {
			background:#E6E6E6 url(../images/ui-bg_default.png) repeat-x scroll 50% 50%;
			border:1px solid #D3D3D3;
			color:#555555;
			font-weight:normal;
		}		
		
		.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
			color:#555555;
			text-decoration:none;
		}
		
		.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
			color:#212121;
			text-decoration:none;
		}
		
		.ui-corner-all {
			-moz-border-radius-bottomleft:5px;
			-moz-border-radius-bottomright:5px;
			-moz-border-radius-topleft:5px;
			-moz-border-radius-topright:5px;
			-webkit-border-top-left-radius: 5px; 
			-webkit-border-top-right-radius: 5px; 
			-webkit-border-bottom-left-radius:5px;
			-webkit-border-bottom-right-radius:5px; 			
		}
		
		.ui-corner-top {
			-moz-border-radius-topleft:5px;
			-moz-border-radius-topright:5px;
			-webkit-border-top-left-radius:5px; 
			-webkit-border-top-right-radius:5px; 			
		}



/* PAGE SPECIFIC CSS
-----------------------------------------------------------*/

	/* HOME -----------------------------------------------*/

	#home #content {
	float: right;
	}
	
	#home #content span {
		font-size:10pt;
	}
	
	#home #content .news {
		width:480px;
		margin:50px auto 0;
	}
	
	#home #content .date {
		color:#0066CC;
		font-weight:bold;
	}
	
	#home #content .news ul {
		margin:30px 0 0 40px;
	}


	/* CONTACT -----------------------------------------------*/
	
	.underline {
		border-bottom:1px solid #000;
		padding:0;
	}

	#contact #content {
		padding:80px 80px 50px 80px;
	}

	.contact-fieldset {
		margin:15px 0;
		width:100%;
	}

	.contact-label {
		color:#000;
		font-size:14px;
		text-align:left;
		width: 100px;
		padding:5px 0 0 0;
		float: left;
	}

	.contact-input {
		width: 250px;
		margin-right: 5px;
		margin-bottom: 4px;
		padding: 5px;
		background:#EEEEEE;
		border: 1px solid #767676;
		font-size: 12px;
		color:#000;
	}

	#message {
		width:100%;
		background:#EEEEEE;
		color:000;
		border: 1px solid #767676;
		padding: 5px;
		line-height: 15px;
		font-size: 12px;
		letter-spacing: 1px;
	}
	
	textarea, input, button {
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
		-webkit-border-top-left-radius:5px; 
		-webkit-border-top-right-radius:5px; 
		-webkit-border-bottom-left-radius:5px;
		-webkit-border-bottom-right-radius:5px; 
		font-family:sans-serif;
	}

	.contact-button {
		margin:5px 0;
		border:1px solid #767676;
		height:auto;
		width:auto;
		padding:5px 15px;
		color:#000;
		background:#EEE;
		font-size:14px;
		cursor:pointer;
	}
	
	.contact-button:hover  {
		background:#FFF;
	}

	

/* FOOTER
-----------------------------------------------------------*/

#footer {
	float:right;
	clear:both;
	color:#2cc5cb;
	width:800px;
	text-align:center;
	font-size:12px;
	margin:0 0 50px 0;
	}