/*
2point7design.com 
Notes: 
10-20-08 
This site is essentially a two-column layout (sidebar and main column)
The sidebar contains the logo and secondary nav.
The main column contains two inner wrappers. 
	The first inner contains the main nav and content. The width of this wrapper is adjusted depending on the page being displayed.
	The second contains a graphic element which can be hidden with the not-visible class.
*/

/* general settings */
* {
	margin:0;
	padding:0;
}

body {
	font-size: 62%;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	background-color: white;
}
a img {
	border: none;
}
a, p, .p {color: #4c4c4c;}
p, .p {
	padding-right: 50px;
	font-size: 1.2em;
	line-height: 1.6em;
}
/* page settings */

	#container {
		height: 500px;
		width: 900px;
		border-color: gray;
		border-width: 2px;
		border-style: solid;
		background-color: white;
		position: relative;
		margin-top: 50px;
		margin-bottom: 50px;
		margin-right: auto;
		margin-left: auto;
	}
/* 	sidebar */
	#sidebar-wrapper {
		float: left;
		position: relative;
		width: 250px;
		height: 100%;
	}
		#logo {
			position: absolute;
			top: 40px;
			left: 70px;
			width: 150px;
			height: 150px;
		}
		#site-info {
			display: none;
		}
		#nav-secondary {
			position: absolute;
			top: 460px;
			left: 0px;
		}			
			#nav-secondary li {
				font-variant: small-caps;
				text-transform: uppercase;
				overflow: hidden;
				list-style: none;
				margin-left: 10px;
				font-size: 1em;
			}
			#nav-secondary li a {
				text-decoration: none;
				font-weight: bold;
			}
			#nav-secondary li a.link-pink:hover{
				color: #c3267b;
			}
/* main column, main nav and content */
	#main-column-wrapper {
		float: left;
		width: 650px;
		height: 100%;
	}
		#main-column-wrapper-inner1 {
			float: left;
			width: 450px;
			height: 100%;
		}
			#nav-primary {
				height: 160px;
				margin-left: 0px;
			}
				#nav-primary li {
					float: left;
					display: inline;
					overflow: hidden;
					margin-top: 130px;
					margin-right: 40px;
					text-transform: uppercase;
					font-size: 1.5em;
				}
				
				#nav-primary li a {
					text-decoration: none;
					font-weight: bold;
				}
				#nav-primary li a.link-pink:hover, #nav-primary li a.link-pink:active{
					color: #c3267b;
				}
				#nav-primary li a.link-orange:hover, #nav-primary li a.link-orange:active{
					color: #c26434;
				}
				#nav-primary li a.link-green:hover, #nav-primary li a.link-green:active{
					color: #b3c846;
				}

	
			#content-wrapper {
				clear: both;
				height: 320px;
				padding-right:5px;
			}
				#content {
					height: 90%;
					margin-top:30px;
					overflow: auto;
				}
				.content-header {
					font-size: 1.4em;
					margin-bottom: 20px;
				}

		#main-column-wrapper-inner2 {
			float: right;
			width: 200px;
			height: 100%;
		}
			#design-element {
				float: right;
				width: 200px;
				height: 100%;
			}
			#design-element img {
				float: right;
			}
		
/* modifiers */
	.not-visible {display: none;}
	.width-100percent {width: 100%;}
	.pink, .PINK {color: #c3267b;}
	.orange, .ORANGE {color: #c26434;}
	.green, .GREEN {color: #b3c846;}