@charset "utf-8";

/* CSS Document */

/* Reset
----------------------------------------------------------------------------------------*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,label,select,option,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style: none;
}

img {
	border: none;
}

p {
	color: #4c4432;
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 10px 0;
	padding: 0;
}

:focus {
	outline: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}

q:before,q:after {
	content: '';
}

.floatleft {
	float: left;
	padding: 0px;
	margin: 0px 10px 10px 0px;
}

.clear {
	clear: both;
}

.clearfix {
	content: ".";
	display: inline;
	height: 0;
	clear: both;
	visibility: hidden;
}

.floatright {
	float: right;
	padding: 0px;
	margin: 0px 0px 10px 10px;
}

hr {
	display: block;
	height: 1px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #eaeaea;
	padding: 0px 0px 0px 0px;
	margin: -5px 0px 8px 0px;
	overflow: hidden;
}

.divider {
	border-bottom: 1px solid #eaeaea;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	text-align: center;
}

/* END Reset
----------------------------------------------------------------------------------------*/

/* START GLOBAL STYLES
----------------------------------------------------------------------------------------*/

body {
	background: url(../images/noise_pattern_cream.jpg) repeat 0 0 #f9f8e6;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #4c4432;
}

a {
	color: #66a0a7;
	text-decoration: none;
}

a:hover, a.hover, a:active {
	text-decoration: underline;
}

h4 {
	text-transform: uppercase;
	font-size: 26px;
	font-family: 'LeagueGothicRegular', sans-serif;
	color: #ffffff;
	line-height: 16px;
	margin: 0 0 8px 0;
}

.sign-up em {
	text-transform: lowercase;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Wrappers */

#outer-wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/* Font Face 

@font-face {
	font-family:"League Gothic"
	src: url('images/league_gothic-webfont.eot');
	src: local('?'), url('images/league_gothic-webfont.woff') format('woff'), url('images/league_gothic-webfont.ttf') format('truetype'), url('images/league_gothic-webfont.svg#webfont9bDt2bUA') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('../images/league_gothic-webfont.eot');
	src: local('?'), url('../images/league_gothic-webfont.woff') format('woff'), url('../images/league_gothic-webfont.ttf') format('truetype'), url('../images/league_gothic-webfont.svg#webfont9bDt2bUA') format('svg');
	font-weight: normal;
	font-style: normal;
}

.LeagueGothic {
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-family: 'LeagueGothicRegular', sans-serif;
}

/* END GLOBAL STYLES
----------------------------------------------------------------------------------------*/

/* START TOP CONTENT STYLES
----------------------------------------------------------------------------------------*/

#top-content {
	width: 100%;
	margin: 0 0 20px 0;
}

/* Nav Bar */

#navbar {
	width: 100%;
	background: url(../images/top_bg.gif) repeat 0 0;
	position: relative;
}

#navbar-content {
	width: 940px;
	height: 32px;
	margin: 0 auto;
	overflow: hidden;
}

/* nav icons */

.nav-icons {
	float: left;
	padding: 3px 0 0 0;
	height: 29px;
}

.nav-icons ul li {
	float: left;
	margin: 0 10px 0 0;
}

.home a {
	background: url(../images/home_icon.png) no-repeat 0 0;
	width: 25px;
	height: 24px;
	overflow: hidden;
	display: block;
	cursor: pointer;
	text-indent: -999px;
}

.home a:hover, .home a.hover {
	background: url(../images/home_icon.png) no-repeat 0 -24px;
}

.about a {
	background: url(../images/about_icon.png) no-repeat 0 0;
	width: 25px;
	height: 24px;
	overflow: hidden;
	display: block;
	cursor: pointer;
	text-indent: -999px;
}

.about a:hover, .about a.hover {
	background: url(../images/about_icon.png) no-repeat 0 -24px;
}

.twitter a {
	background: url(../images/twitter_icon.png) no-repeat 0 0;
	width: 25px;
	height: 24px;
	overflow: hidden;
	display: block;
	cursor: pointer;
	text-indent: -999px;
}

.twitter a:hover, .twitter a.hover {
	background: url(../images/twitter_icon.png) no-repeat 0 -24px;
}

/* sign up */

.sign-up {
	font-style: normal;
	font-weight: normal;
	text-transform: capitalize;
	float: right;
	color: #aecfd3;
	padding: 7px 0 0 0;
	line-height: 16px;
	height: 24px;
}

.sign-up a {
	color: #ffffff;
	font-size: 12px;
	margin: 0 5px 0 5px;
}

.sign-up a:hover, .sign-up a.hover {
	text-decoration: none;
}

.top-shadow {
	width: 100%;
	background: url(../images/top_shadow_bg.gif) repeat-x 100% 100%;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: block;
	z-index: 3;
}

/* About Panel */

#panel {
	width: 100%;
	text-align: left;
	color: #aecfd3;
	display: none;
	padding-bottom: 50px;
}

#panel-content {
	width: 620px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}

#panel-content p {
	line-height: 22px;
	padding: 0 0 15px 0;
	color: #bcd7db;
}

#panel-content a {
	color: white;
}

#panel-content a:hover {
	text-decoration: underline;
}

#panel-content .box-container {
	width: 620px;
	background: url(../images/tcurve.png) no-repeat 0 0;
	margin: 0 auto;
	padding: 14px 0 0;
}

#panel-content .box-content {
	width: 580px;
	background: url(../images/mcurve.png) repeat-y 0 0;
	padding: 8px 20px 0;
}

#panel-content .bcurve {
	width: 620px;
	background: url(../images/bcurve.png) no-repeat 0 0;
	height: 14px;
}

.close-btn a {
	background: url(../images/close_btn.png) no-repeat 0 0;
	width: 22px;
	height: 24px;
	padding-top: 0px;
	overflow: hidden;
	cursor: pointer;
	margin: 9px 0 0 0;
	position: absolute;
	right: 0;
	text-indent: -9999px;
}

/* END TOP CONTENT STYLES
----------------------------------------------------------------------------------------*/

/* START HEADER STYLES
----------------------------------------------------------------------------------------*/

#header {
	width: 940px;
}

/* Logo */

#logo a {
	background: url(../images/logo.png) no-repeat 0 0;
	width: 588px;
	height: 0;
	padding-top: 179px;
	overflow: hidden;
	display: block;
	cursor: pointer;
	margin: 0 0 0 145px;
}

/* END HEADER STYLES
----------------------------------------------------------------------------------------*/

/* START MAINBODY STYLES
----------------------------------------------------------------------------------------*/

#mainbody {
	width: 940px;
	overflow: hidden;
}

#main-top {
	width: 940px;
	overflow: hidden;
}

/* Search */

#search {
	width: 219px;
	float: left;
}

#search .input-bg {
	background: url(../images/search_input.png) no-repeat 0 0;
	width: 186px;
	height: 32px;
	float: left;
}

#search form input.search-box {
	width: 166px;
	height: 24px;
	border: none;
	background: none;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	color: #4c4432;
	font-size: 14px;
	padding: 8px 10px 0 10px;
}

#search form input.search-btn {
	background: url(../images/search_btn.png) no-repeat 0 0;
	width: 33px;
	height: 32px;
	display: block;
	text-indent: -1000px;
	float: left;
	letter-spacing: 19px;
	cursor: pointer;
	border: none;
	font-size: 0;
}

#search form input.search-btn:hover, #search form input.search-btn.hover {
	background: url(../images/search_btn.png) no-repeat 0 -32px;
}

/* Filter */

#filter {
	margin-top: 10px;
	float: right;
}

#filter .here {
	background-color: white;
	background-image: none;
}

#filter a, #pagination a {
	color: #66a0a7;
	font-size: 12px;
	background: url(../images/filter_bg.png) repeat-x 0 0;
	height: 17px;
	display: block;
	float: left;
	line-height: 14px;
	padding: 3px 10px 0 10px;
	border: 1px solid #a0c2bf;
	text-decoration: none;
	margin: 0 0px 0 5px;
	text-transform: uppercase;
}

#filter a:hover, #filter a.hover, #pagination a.hover, #pagination a:hover {
	background-color: #ffffff;
	color: #66A0A7;
	background-image: none;
}

.top-divider {
	background: url(../images/shadow_divider.png) no-repeat 0 0;
	width: 928px;
	height: 20px;
	display: block;
	margin: 0 auto 20px auto;
	overflow: hidden;
}

.bottom-divider {
	background: url(../images/shadow_bdivider.png) no-repeat 0 0;
	width: 928px;
	height: 20px;
	display: block;
	margin: 0 auto 3px auto;
	overflow: hidden;
}

/* Main Content */

#main-content {
	width: 940px;
	overflow: hidden;
}

/* profiles */

#profiles {
	width: 960px;
	padding: 3px 0 0 0;
	overflow: hidden;
	margin: 0 -20px 0 0;
}

#profiles ul.profile-list {
	width: 100%;
	height: auto;
	float: left;
}

#profiles ul.profile-list li {
	width: 460px;
	float: left;
	display: block;
	margin: 0 20px 20px 0;
}

.profile-content {
	width: 460px;
	height: 81px;
	float: left;
	position: relative;
}

.profile-details {
	width: 420px;
	height: 72px;
	border: 1px solid #adcfd3;
	display: block;
	float: left;
	background: url(../images/noise_pattern_white.jpg) repeat 0 0;
	padding: 7px 7px 0 7px;
	font-size: 12px;
	z-index: 1;
}

.profile-photos {
	width: 63px;
	height: 63px;
	border: 1px solid #b7b7b7;
	float: left;
	margin: 0 13px 0 0;
}

.profile-info {
	width: 330px;
	float: left;
}

.profile-info a {
	color: #66a0a7;
}

#profiles a:hover, #profiles a.hover {
	color: #d70303;
	text-decoration: none;
}

.location {
	width: 158px;
	float: left;
	margin-top: 4px;
}

.profile-twitter {
	width: 157px;
	border-left: 1px solid #e6e6e6;
	padding: 0 0 6px 10px;
	float: left;
	margin-top: 4px;
	overflow: hidden;
}

.name {
	margin-top: -3px;
	float: left;
	font-size: 30px;
	color: #66a0a7;
	text-transform: uppercase;
}

a.profile-btn {
	background-image: url(../images/profile_btn.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 24px;
	height: 81px;
	overflow: hidden;
	display: block;
	cursor: pointer;
}

.profile-btn:hover, .profile-btn.hover {
	background-position: 0 -81px;
}

.title {
	font-size: 12px;
	color: #58412e;
	line-height: 16px;
	margin: 0 0 0px 0;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}

a.ribbon {
	width: 36px;
	height: 40px;
	position: relative;
	top: -82px;
	left: 380px;
	z-index: 3;
	background: url(../images/ribbon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	display: inline-block;
	cursor: pointer;
}

.ribbon:hover, .ribbon.hover {
	background-image: url(../images/ribbon.png);
	background-repeat: no-repeat;
	background-position: 0 -40px;
}

/* Pagination */

#pagination {
	float: right;
	margin: 0 15px 20px 0;
	position: relative;
}

#pagination strong {
	color: #66a0a7;
	font-size: 12px;
	background-color: #ffffff;
	height: 17px;
	display: block;
	float: left;
	line-height: 14px;
	padding: 3px 10px 0 10px;
	border: 1px solid #a0c2bf;
	text-decoration: none;
	margin: 0 5px 0 0px;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
}

#pagination-wrapper {
	width: 100%;
	float: right;
}

#pagination a {
	color: #66a0a7;
	font-size: 12px;
	background: url(../images/filter_bg.png) repeat-x 0 0;
	height: 17px;
	display: block;
	float: left;
	line-height: 14px;
	padding: 3px 10px 0 10px;
	border: 1px solid #a0c2bf;
	text-decoration: none;
	margin: 0 5px 0 0px;
	text-transform: uppercase;
}

#pagination a:hover, #pagination a.hover {
	background-color: #ffffff;
	color: #66A0A7;
	background-image: none;
}

/* END MAINBODY STYLES
----------------------------------------------------------------------------------------*/

/* START FOOTER STYLES
----------------------------------------------------------------------------------------*/

#footer {
	width: 940px;
	overflow: hidden;
	margin: 0 0 50px 0;
}

#footer-logos {
	width: 100%;
	float: left;
}

#footer-logos a {
	margin: 0 35px 0 0;
}

#footer-logos span {
	color: #c9c8b4;
	margin-top: 15px;
	float: right;
	font-size: 12px;
}

/* END FOOTER STYLES
----------------------------------------------------------------------------------------*/

/* New CSS */

.col-profile-holder {
	width: 940px;
	float: left;
	height: auto;
	margin-bottom: 20px;
}

.col-profile-1 {
	width: 220px;
	float: left;
	height: auto;
	padding: 0 20px 0 0;
}

.col-profile-2 {
	width: 300px;
	float: left;
	height: auto;
	padding: 0 20px 0 0;
}

.col-profile-3 {
	width: 370px;
	float: left;
	height: auto;
}

.profile_pic {
	width: 140px;
	height: 128px;
	float: right;
	background: url(../images/profile_pic_holder.png) no-repeat;
	padding: 12px 0 0 0;
	text-align: center;
	margin: 5px 0 0 0;
}

.profile_pic img {
	border: 1px solid #B7B7B7;
	width: 115px;
	height: 115px;
}

h1.profiel-name {
	padding-left: 0;
	padding-bottom: 3px;
	padding-right: 0;
	padding-top: 0;
	display: block;
	margin: 0 0 10px 0;
	color: #4c4433;
	font-size: 34px;
	border-bottom: 1px solid #ADCFD3;
	text-transform: uppercase;
}

em.qoute {
	display: block;
	font-size: 14px;
	color: #4c4432;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	margin-bottom: 12px;
}

p.profile-desc {
	display: block;
	color: #4c4432;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 2px;
}

p.profile-desc a {
	text-decoration: none;
	color: #66a0a7;
}

p.profile-desc a:hover, p.profile-desc a.hover {
	color: #d70303;
}

.profile-text p {
	display: block;
	color: #4c4432;
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 10px 0;
	clear: both;
	padding: 0;
}

.box-side {
	padding-left: 18px;
	padding-bottom: 10px;
	padding-right: 18px;
	padding-top: 15px;
	width: 260px;
	float: left;
	height: auto;
	border: 1px solid #ADCFD3;
	background: url(../images/noise_pattern_white.jpg) repeat;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}

h3.heading-side-1 {
	display: block;
	color: #4c4432;
	font-size: 14px;
	background: url(../images/icon-ee-projects.png) no-repeat left;
	border-bottom: 1px solid #ADCFD3;
	padding: 6px 0 6px 0;
	margin: 0 0 10px 0;
	font-weight: bold;
}

h3.heading-side-1 span {
	padding: 0 0 0 20px;
}

h3.heading-side-2 {
	display: block;
	color: #4c4432;
	font-size: 14px;
	background: url(../images/icon-favorite-add-ons.png) no-repeat left;
	border-bottom: 1px solid #ADCFD3;
	padding: 6px 0 6px 0;
	margin: 0 0 20px 0;
	font-weight: bold;
}

h3.heading-side-skills {
	display: block;
	color: #4c4432;
	font-size: 14px;
	background: url(../images/icon-skills.png) no-repeat left;
	border-bottom: 1px solid #ADCFD3;
	padding: 6px 0 6px 0;
	margin: 0 0 20px 0;
	font-weight: bold;
}

h3.heading-side-2 span {
	padding: 0 0 0 20px;
}

h3.heading-side-skills span {
	padding-left: 15px;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
}

ul.site-link {
	margin-left: 0;
	margin-bottom: 15px;
	margin-right: 0;
	margin-top: 0;
	display: block;
	list-style: none;
}

ul.site-link li {
	font-size: 14px;
	color: #66a0a7;
	line-height: 22px;
}

ul.site-link li a {
	text-decoration: none;
	color: #66a0a7;
}

ul.site-link li a:hover, ul.site-link li a.hover {
	color: #d70303;
}

ul.fav-link {
	display: block;
	list-style: none;
	margin: 0;
}

ul.fav-link li {
	display: block;
	margin: 0 0 18px 0;
}

ul.fav-link li a {
	text-decoration: none;
	color: #66a0a7;
	padding: 5px 15px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border: 1px solid #ADCFD3;
	background: rgba(0, 0, 0, 0.07)
}

ul.fav-link li a:hover, ul.fav-link li a.hover {
	background: none;
}

ul.skills-link {
	padding-bottom: 10px;
	display: block;
	list-style: none;
	margin: 0;
}

ul.skills-link li {
	display: block;
	margin: 0 0 18px 0;
}

ul.skills-link li a {
	text-decoration: none;
	color: #66a0a7;
	padding: 5px 15px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border: 1px solid #ADCFD3;
	background: rgba(0, 0, 0, 0.07)
}

ul.skills-link li a:hover, ul.fav-skills li a.hover {
	background: none;
}

.ribbon2 a {
	width: 36px;
	height: 40px;
	position: relative;
	float: right;
	margin: -17px 0 0 0;
	z-index: 1000;
	background: url(../images/ribbon.png) no-repeat 0 0;
	padding-top: 0px;
	overflow: hidden;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
}

.ribbon2 a:hover, .ribbon2 a.hover {
	background: url(../images/ribbon.png) no-repeat 0 -40px;
}

/* sign up */

.signUp-Holder {
	width: 672px;
	margin: 0 auto;
	overflow: hidden;
}

.signUp-Box {
	width: 620px;
	float: left;
	height: auto;
	background-color: white;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-top: 20px;
	border: 1px solid #ADCFD3;
	background: url(../images/noise_pattern_white.jpg) repeat;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 19px;
}

.signUp-Box h2 {
	font-size: 26px;
	text-transform: uppercase;
	font-family: 'LeagueGothicRegular', sans-serif;
	margin-bottom: 5px;
}

.signUp-H label {
	font-weight: bold;
}

.signUp-H2 label {
	font-weight: bold;
}

.signUp-H3 label {
	font-weight: bold;
}

.signUp-H {
	width: 620px;
	float: left;
	height: auto;
	margin-bottom: 15px;
}

.signUp-H b {
	display: block;
	font-size: 14px;
	color: #4c4433;
	padding: 0 0 6px 0;
}

.signUp-L {
	width: 300px;
	float: left;
	height: auto;
}

.signUp-R {
	width: 300px;
	float: right;
	height: auto;
}

.signUp-L input,.signUp-R input {
	width: 280px;
	height: 30px;
	background: url(../images/noise_pattern_white.jpg) repeat;
	border: 1px solid #ADCFD3;
	padding: 0 9px;
	font-size: 12px;
	color: #4c4432;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-top: 3px;
}

.signUp-L input,.signUp-L-order input,.signUp-R input, .signUp-H2 input, .signUp-H3 input, .signUp-H2 textarea{
	-moz-box-shadow: inset 0 5px 10px rgba(0,0,0,.05), 0 0 0 rgba(0,0,0,0);
	-webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,.05), 0 0 0 rgba(0,0,0,0);
	box-shadow: inset 0 5px 10px rgba(0,0,0,.05), 0 0 0 rgba(0,0,0,0);
}

.signUp-L input:focus,.signUp-L-order input:focus,.signUp-R input:focus, .signUp-H2 input:focus, .signUp-H3 input:focus, .signUp-H2 textarea:focus {
	background-color: white;
	background-image: none;
	-moz-box-shadow: inset 0 5px 10px rgba(0,0,0,.07), 0 1px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.07), 0 1px 5px rgba(0,0,0,0.1);
	box-shadow: inset 0 5px 10px rgba(0,0,0,.07), 0 1px 5px rgba(0,0,0,0.1);
}

.signUp-H2 {
	width: 620px;
	float: left;
	height: auto;
	margin-bottom: 15px;
}

.signUp-H2 b {
	display: block;
	font-size: 14px;
	color: #4c4433;
	padding: 0 0 6px 0;
}

.signUp-H2 input {
	width: 600px;
	height: 30px;
	background: url(../images/noise_pattern_white.jpg) repeat;
	border: 1px solid #ADCFD3;
	padding: 0 9px;
	font-size: 12px;
	color: #4c4432;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-top: 3px;
}

.signUp-H2 textarea {
	width: 600px;
	height: 142px;
	background: url(../images/noise_pattern_white.jpg) repeat;
	border: 1px solid #ADCFD3;
	padding: 9px;
	color: #4c4432;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-top: 3px;
	font: 12px/18px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.signUp-H3 {
	width: 620px;
	float: left;
	height: auto;
	margin-bottom: 15px;
}

.signUp-H3 b {
	display: block;
	font-size: 14px;
	color: #4c4433;
	padding: 0 0 6px 0;
}

.signUp-H3 input {
	width: 280px;
	height: 30px;
	background: url(../images/noise_pattern_white.jpg) repeat;
	border: 1px solid #ADCFD3;
	padding: 0 9px;
	font-size: 12px;
	color: #4c4432;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-top: 10px;
	clear: both;
	display: block;
}

.signUp-check {
	padding-top: 10px;
	width: 620px;
	float: left;
	height: auto;
	margin-bottom: 20px;
}

.signUp-check label {
	display: block;
	font-size: 14px;
	color: #4c4433;
	padding: 0 0 8px 0;
	width: 550px;
}

div.cc-div {
	float: left;
	padding: 0 16px 6px 0;
	font-size: 14px;
	color: #4c4433;
}

.signUp-H4 {
	margin-left: 0;
	margin-right: 0;
	margin-top: 10px;
	width: 620px;
	float: left;
	height: auto;
}

.signUp-H4 span {
	display: block;
	font-size: 14px;
	color: #4c4433;
	padding: 0 0 6px 0;
}

.signUp-H5 {
	width: 620px;
	float: left;
	height: auto;
	margin: 0 0 15px 0;
}

input.signUp-btn, a.signUp-btn {
	width: 104px;
	height: 41px;
	background: #6fadb5 url(../images/btn-bkgd.gif) repeat-x;
	color: #fff;
	border: 1px solid #53838a;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font: bold 16px Helvetica, Arial, sans-serif;
	text-shadow: 0px -1px 0px #53838a;
}

a.signUp-btn {
	display: block;
	padding: 10px 30px;
	height: auto;
	margin: 0 auto;
}

a.signUp-btn:hover {
	text-decoration: none;
}

input:hover.signUp-btn, input.hover.signUp-btn, a.signUp-btn:hover {
	background: url(../images/btn-bkgd.gif) 0 -56px;
}

#panel p {
	margin: 12px 0 0 0;
	padding: 0;
}

.oneline {
	height: 1.2em;
	overflow: hidden;
	display: block;
}

.textin, .textar {
	width: 280px;
	height: 30px;
	background: url(../images/noise_pattern_white.jpg) repeat;
	border: 1px solid #ADCFD3;
	padding: 0 9px;
	font-size: 12px;
	color: #4c4432;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-top: 3px;
}

.textar {
	height: 200px;
	padding-top: 6px;
}

#emailme label {
	text-align: left;
	font-weight: bold;
	margin-top: 1em;
	display: block;
}

#emailme .signUp-btn {
	margin-top: 1em;
}

#emailme {
	padding: 20px;
}

#emailme h2 {
	padding-bottom: 5px;
	font-size: 26px;
	text-transform: uppercase;
	font-family: 'LeagueGothicRegular', sans-serif;
}

#location-wrapper h2 {
	font-size: 26px;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-family: 'LeagueGothicRegular', sans-serif;
}

#location-search p {
	margin-bottom: 15px;
	width: 100%;
	float: left;
}

#location-search {
	float: left;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-top: 25px;
	width: 300px;
	border: 1px solid #ADCFD3;
	background: url(../images/noise_pattern_white.jpg) repeat;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

#location-search label {
	font-weight: bold;
}

#location-search .signUp-btn {
	margin-top: -25px;
}

#location-wrapper {
	width: 940px;
	float: left;
	padding-bottom: 20px;
}

#location-map {
	float: right;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-top: 25px;
	width: 515px;
	border: 1px solid #ADCFD3;
	background: url(../images/noise_pattern_white.jpg) repeat;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

#location-map-container {
	padding-bottom: 10px;
	padding-top: 5px;
}

div.skill {
	margin-bottom: -10px;
}

div.last {
	margin-bottom: -27px;
}

div.availability {
	margin-top: 7px;
}

div.current {
	margin-top: 12px;
	margin-bottom: -2px;
}

div.email-check {
	margin-top: 16px;
	margin-bottom: -12px;
}

/* New Styles Below... */

div#skills-matrix p {
	margin-bottom: 1px;
}

div#skills-matrix div p {
	font-weight: bold;
}

div#skills-matrix ul {
	padding-top: 17px;
	padding-bottom: 15px;
	float: left;
}

div#skills-matrix ul li {
	float: left;
	width: 183px;
	background-color: #6fadb5;
	padding: 12px 5px 12px 10px;
	margin-right: 9px;
	margin-bottom: 10px;
	color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #53838a;
	cursor: pointer;
	background-image: url(../images/noise_pattern_blue.jpg);
}

div#skills-matrix ul li.last {
	margin-right: 0px;
}

div#skills-matrix ul li.skills-active {
	background-color: #53838a;
	background-image: none;
}

h3.heading-side-skills {
	display: block;
	color: #4c4432;
	font-size: 14px;
	background: url(../images/icon-skills.png) no-repeat left;
	border-bottom: 1px solid #ADCFD3;
	padding: 6px 0 6px 0;
	margin: 0 0 20px 0;
	font-weight: bold;
}

h3.heading-side-skills span {
	padding-left: 15px;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
}

ul.skills-link {
	padding-bottom: 10px;
	display: block;
	list-style: none;
	margin: 0;
}

ul.skills-link li {
	display: block;
	margin: 0 0 18px 0;
}

ul.skills-link li a {
	text-decoration: none;
	color: #66a0a7;
	padding: 5px 15px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border: 1px solid #ADCFD3;
	background: rgba(0, 0, 0, 0.07)
}

ul.skills-link li a:hover, ul.fav-skills li a.hover {
	background: none;
}

span.availability {
	width: 15px;
	height: 15px;
	position: relative;
	top: 46px;
	left: 391px;
	display: block;
	text-indent: -9999px;
}

span.immediate {
	background-image: url(../images/availability-immediate.png);
}

span.weeks {
	background-image: url(../images/availability-weeks.png);
}

span.months {
	background-image: url(../images/availability-months.png);
}

span.unavailable {
	background-image: url(../images/availability-unavailable.png);
}

ul.availability-legend {
	margin-bottom: 15px;
	position: relative;
	text-align: right;
	font-size: 12px;
	height: 15px;
	color: #8c836f;
}

ul.availability-legend li {
	display: inline;
	margin-left: 7px;
	height: 15px;
	padding: 1px;
}

ul.availability-legend li.immediately {
	background: url(../images/availability-immediate.png) no-repeat;
	padding-left: 16px;
	margin-left: 4px;
}

ul.availability-legend li.weeks {
	background: url(../images/availability-weeks.png) no-repeat;
	padding-left: 16px;
	margin-left: 4px;
}

ul.availability-legend li.months {
	background: url(../images/availability-months.png) no-repeat;
	padding-left: 16px;
	margin-left: 4px;
}

ul.availability-legend li.unavailable {
	background: url(../images/availability-unavailable.png) no-repeat;
	padding-left: 16px;
	margin-left: 4px;
}

span.search {
	font-size: 12px;
	float: left;
}

.skills-Box {
	width: 620px;
	float: left;
	height: auto;
	background-color: white;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-top: 20px;
	border: 1px solid #ADCFD3;
	background: url(../images/noise_pattern_white.jpg) repeat;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 19px;
}

.skills-Box h2 {
	font-size: 26px;
	text-transform: uppercase;
	font-family: 'LeagueGothicRegular', sans-serif;
	margin-bottom: 5px;
}

.skills-Holder {
	width: 672px;
	margin: 0 auto;
	overflow: hidden;
}