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

/*-------CONTAINER-------*/
#container {
	background-color: #e9e9ea;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 610px;
	border-right-width: 4px;
	border-bottom-width: 6px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	background-image: url(../images/layout/creative_bg.gif);
	background-repeat: no-repeat;
	position: relative;
}

/*-------BRANDING (BOTTOM)-------*/
#branding {
	background-color: #d5d6d7;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	position: absolute;
	width: 950px;
	bottom: 0px;
	height: 125px;
	z-index: 5;
}
#branding h1 {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 50px;
	background-image: url(../images/layout/creative_skills.gif);
	background-repeat: no-repeat;
	height: 47px;
	text-indent: -9999px;
}
#branding h3 {
	margin-left: 50px;
	font-weight: normal;
	font-size: 20px;
	display: inline;
	letter-spacing: 0.1em;
}
#branding ul {
	display: inline;
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0.1em;
}
#branding li {
	display: inline;
}
li.redbullet {
	padding-left: 18px;
	background-image: url(../images/layout/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/*-------CONTACT DETAILS-------*/
#contact_details {
	position: absolute;
	bottom: 16px;
	z-index: 10;
	left: 50px;
	font-size: 13px;
	color: #666666;
	width: 870px;
}
#contact_details p {
	display: inline;
}
#contact_details ul {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#contact_details li {
	display: inline;
}
li.bullet {
	background-image: url(../images/layout/small_bullet.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}
#contact_details a:link, #contact_details a:visited {
	color: #000000;
	text-decoration: none;
}
#contact_details a:hover, #contact_details a:active {
	color: #CC3433;
}
#facebook {
	position: absolute;
	bottom: 75px;
	right: 60px;
	z-index:110;
	font-size:12px;
}
#facebook a:link, #facebook a:visited {
	color:#CC3433;
	text-decoration:none;
}
#facebook a:hover, #facebook a:active {
	color:#666;
	text-decoration:underline;
}
#facebook a img {
	border:none;
	float:left;
	margin-right:4px;
}

/*-------PAGE HEADING-------*/
h2 {
	position: absolute;
	right: 50px;
	top: 80px;
	font-size: 16px;
	font-weight: normal;
	color: #999999;
}

/*-------CONTENT SECTION-------*/
#content {
	width: 577px;
	height: 320px;
	overflow: auto;
	border: 1px solid #bbbbbb;
	position: absolute;
	top: 115px;
	right: 50px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#content h3 {
	margin: 5px 15px 10px;
	padding: 0px;
	font-size: 15px;
	color: #CC3433;
}
#content h4 {
	margin: 10px 15px 0px;
	padding: 0px;
	font-size: 13px;
	line-height: 21px;
	font-style: italic;
	color: #666666;
}
#content p {
	margin: 0px 16px 8px 15px;
	padding: 0px;
	font-size: 12px;
	line-height: 20px;
}
#content img {
	float: right;
	margin-left: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	border: 1px solid #999999;
}
#content ul {
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 8px;
	padding-left: 40px;
}
#content a:link, #content a:visited {
	color: #CC3433;
	text-decoration: none;
}
#content a:hover, #content a:active {
	text-decoration: underline;
}

/*-------CREATIVE SKILLS IMAGE TEXT-------*/
samp {
	background-image: url(../images/layout/creative_skills_small.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 121px;
	position: absolute;
	margin-top: -2px;
	text-indent: -9999px;
}
var {
	margin-right: 42px;
	color: #e9e9ea;
}

/*-------QUOTE BLOCK-------*/
#quote {
	position: absolute;
	top: 90px;
	left: 30px;
	width: 270px;
	background-color: #D5D6D7;
	font-size: 11px;
	line-height: 15px;
	background-image: url(../images/layout/quote.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	z-index: 2;
	opacity : 0.9; /* CSS 3 */
	border: 1px solid #BBBBBB;
	padding-top: 20px;
}
#quote p {
	font-style: italic;
	margin: 3px 15px;
	padding: 0px;
}
#quote cite {
	display: block;
	font-size: 10px;
	font-style: normal;
	text-align: right;
	padding: 3px 0px 10px 0px;
	line-height: 12px;
}

/*-------NAVIGATION-------*/
ul#nav {
	position: absolute;
	right: 50px;
	top: 30px;
	margin: 0px;
	padding: 0px;
	height: 30px;
}
#nav li {
	float: left;
	list-style-type: none;
	margin-left: 5px;
}
.current {
	background-image: url(../images/layout/button_over.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 90px;
	display: block;
	color: #CC3433;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	border: 1px solid #bbbbbb;
}
#nav a:link, #nav a:visited {
	background-image: url(../images/layout/button_up.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 90px;
	display: block;
	color: #CC3433;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	border: 1px solid #bbbbbb;
}
#nav a:hover, #nav a:active {
	background-image: url(../images/layout/button_over.gif);
	color: #000000;
}

/*-------PLANTS IMAGE-------*/
#growing {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
	height: 505px;
	z-index: 1;
	width: 950px;
}
#growing img {
	position: absolute;
	bottom: 125px;
	left: 12px;
}

/*-------FOOTER-------*/
#page_details {
	font-size: 10px;
	text-align: right;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	color: #666666;
}
#page_details a:link, #page_details a:visited {
	text-decoration: none;
	color: #000000;
}
#page_details a:hover, #page_details a:active {
	color: #CC3433;
}
/*-------COLS-------*/
#businesscol{
	width:260px;
	float:left;
}
#schoolscol{
	width:260px;
	margin-left:270px;
}
#businesscol h3, #schoolscol h3 {
	margin-top:0px;
}
#special {
	position: absolute;
	left: -30px;
	top: -20px;
	
	transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg); /* Safari and Chrome */
	-moz-transform: rotate(-15deg); /* Firefox */
	-o-transform: rotate(-15deg); /* Opera */	
}
#special p {
	background-image: url(../images/layout/starburst.png);
	background-repeat: no-repeat;
	height: 158px;
	width: 158px;
	margin:0px;
	padding:50px 0px 0px 0px;
	text-align: center;
	font-size: 14px;
}