body {
	background:transparent url(../images/bg-slice-v2.png) repeat-x 0 -12px;/*same value as #page1 #container */
}
body, html {
	color:#ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
	min-width:800px;
}

/** Image replacemnet **/
	
#header {
    margin:0;
	padding: 90px 0 0 0;
    overflow: hidden;
    background-image: url("../images/fatbike-logo.png");
    background-repeat: no-repeat;
    
    height: 0px !important;/* for most browsers */
    height /**/:90px;/* for IE5.5's bad box model */
}

	
/**/

#logo-container p {
	font-size:130%;
	font-weight:bold;
	margin:0;
	padding:0;
	display:block;
}
#logo-extension {
	font-weight:normal;
	font-size:70%;
}
#bike {
	color:#ff6600;
}

h1 {
	color:#999999;
	margin:10px 0 0 0;
	padding:0;
}

h2 {
	font-size:200%;
	color:#999999;
	margin:0;
	padding:0;
	
}
h3 {
	font-size:0.90em;
	margin-top:0;
	padding-top:0;
}
img {
	border:none;
}
/*Nav*/
#nav-container {
	margin:0;
	padding:0;
	/*background:tan url('../images/delineator.png') no-repeat 0 0;/*sync with page header*/
}
#nav {
	font-size:0.85em;
	margin:0;
	padding:0 0 1px 0;
	float:left;
	width:100%;
}
#nav li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:auto;
}
.nav-item-sub-description {
	font-size:0.85em;
	font-weight:normal;
	display:block;
}
#nav a {
	background:transparent;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:12px 0 12px 0;
	width:150px;
	float:left;
}
/*index dev*/
#index-main p {
	font-size:0.80em;
}
#index-main p a {
	background:transparent;
	color:#ffffff;
	text-decoration:underline;
}
#index-main p a:hover {
	text-decoration:none;
	color:#999999;
}
.div-image {
	margin:0;
	padding:1px;
	border: solid 1px #999999;
	width:280px;
}
/*Main*/
#pre-main {
	/*float:left;*/
	width:608px;
	margin:0;
	padding:0;
}
#main {
	float:left;
	width:auto;
	margin:0;
	padding:40px 0 40px 0;
}
#main-ie {
	width:40em;
	margin:0 auto;
}

#main p, #main-ie p {
	font-size:0.9em;
	padding-top:4px;
}
#main p a, #main-ie p a {
	background:transparent;
	color:#ffffff;
	text-decoration:underline;
}
#main p a:hover {
	text-decoration:none;
	color:#999999;
}

#nameinput, #emailinput, #commentinput {
	color:#999999;
	font-weight:bold;
	width:170px;
}
.form-return-msg {
	font-size: 0.80em;
	color:#999999;
	font-weight:bold;
}
p#bademail, p#badserver {
	font-size: 0.80em;
	color:#ff6600;
	margin:0 0 10px 0;
	padding:0;
	background-color:#000000;
}

#thank-you {
	margin:10px 0 0 0;
	padding:0 0 10px 0;
}

form {
	width:174px;
	margin:0 auto;
	padding:0;
	font-size: 0.7em;
}
ul.forms {
	width:174px;
	margin:0 auto;
	padding:0;
	list-style-image:none;
	list-style-type:none;
	
}

ul.forms li {
	margin:0;
	padding:0;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	width: 100%;
}

ul.forms label {
	display: block;
	margin:0 0 4px 0;
	padding:0;
}

ul.forms textarea, 
ul.forms input {
	color:#999999;
	font-weight:bold;
	width:170px;
}

form h4 {
	margin:0;
	padding:0 0 4px 0;
}

form p {
	margin:0;
	padding:0;
}

ul.forms button {
	padding:0;
	margin:0;
	width:65px;
	font-size: 100%;
}

ul.forms .error { 
	display: block;
	margin: 0.25em 0 0 0;
	color:white;
	background-color:red;
	padding:0 2px 0 2px;
}


/**/
.bold {
	font-weight:bold;
}
.none-bold {
	font-weight:normal;
}
#container {
	margin:0;
	padding:30px 0 0 0;
}
#wrap {
	margin:0 auto;
	padding:0;
	width:800px;
}
#logo-container {
	margin:0;
	/*padding:0 0 50px 0;*/
	padding:0;
}
#page-header {
	margin:0;
	padding:0;
	height:100px;
	display:table-cell;
	vertical-align:middle;
	/*border: .1em solid #e5e5e5;
	border-width:0 0 1px 0;*/
	width:800px;
	background:transparent url('../images/delineator.png') no-repeat 0 99px;
}
#container-1, #container-2 {
	margin:0 21px 0 0;
	padding:0;
	float:left;
	width:282px;
}
/*career summery*/
/*px to em formula: px value * 0.0626 = em value (481 * 0.0626 = 30.1106em)*/
#career-main {
	margin:0 auto;
	padding:40px 0 0 0;
	width:30.11em;
}

#aboutme-main {
	margin:0 auto;
	padding:40px 0 50px 0;
	width:42em;
}

/*#aboutme-main {
	width: 588px;
	padding:0;
	margin:0 0 80px 0;
	float:left;
}*/

#aboutme-main p {
	padding:0;
	margin:0;
}

#img-profile {
	float:left;
	margin:0 10px 0 0;
	padding:1px;
	border: solid 1px #999999;
	width:112px;
	
}

#ul-career-summary {
	margin:0 0 160px 0;
	padding:0;
}
#ul-career-summary li {
	font:bold 1em/2em Arial, Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
	display:block;
}
#sidebar {
	margin:0;
	padding:0;
	float:right;
	width:190px;
	border:solid 1px #666666;
}
/*Form colors*/
.colour1 {
	background-color:#003745;
}
.colour2 {
	background-color:#787878;
}


/*Portfolio*/
* html imgLftTxtRgt-container {
	height:1%;
}
.imgLeft {
	border: solid 1px #999999;
	padding:1px;
	margin:0 20px 0 0;	
	width:80px;
	height:80px;
	float:left;
}
.txtRight {
	margin:0;
	padding:0;
	float:left;
	width:486px;
}
.h3-showcase {
	margin:0 4px 0 0;
	padding:0;
	font-size:1em;
}
.txtRight p {
	margin:0;
	padding:0;
}

#technical-main {
	padding:40px 0 0 0;
	width:800px;
	height:400px;
	vertical-align:text-top;
}
table.technical-table {width:100%;}
table.technical-table th {
	width:33%;
	background-color:#666666;
	color:#444444;
	font-size:100%;
}
table.technical-table th, 
table.technical-table td {
	padding:0 0 0 10px;
}

.bdr-right {
	padding:0;
	margin:0;
	border-right:1px solid #000000;
}

#div-left-wrapper {
	float:left;
	width: 106px;
}
#div-right-wrapper {
	float:left;
	width:694px;
}
#ul-sub-nav {
	margin:0;
	padding:0;
	list-style-type:none;	
}
#ul-sub-nav li a{
	margin:0;
	padding:0;
	font-size:0.76em;
	background:transparent;
	color:#909090;
	text-decoration:none;
	font-weight:normal;
	outline:none;
}
.technical-table {
	width:100%;
}
.technical-table th {
	margin:0;
	padding:0;
	text-align:left;
	cursor:pointer;
}
.technical-table td {
	background-color: #CCC;
	color: #000;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
	vertical-align:top;
}
/*footer*/
#pre-footer {
	margin:0;
	padding:0;
	clear:both;
	color:#909090;
}
#pre-footer p {
	font-size:0.76em;
	background:transparent;
	color:#909090;
	font-weight:normal;
	margin:0 0 4px 0;
	padding:0;
}
#footer {
	margin:0;
	padding:0;
	clear:both;
	height:50px;
	color:#909090;
}
#footer-nav {
	margin:0;
	padding:0;
	float:left;
	width:auto;
}
#footer-nav li {
	margin:0 10px 0 0;
	padding:0;
	display:block;
	float:left;
	width:auto;
}
#footer-nav a, #ul-sub-nav li a {
	margin:0;
	padding:0;
	font-size:0.76em;
	background:transparent;
	color:#909090;
	text-decoration:none;
	font-weight:normal;
}

#footer-nav a:hover, #ul-sub-nav li a:hover {
	text-decoration:none;
	color:#BFBFBF;
}
#footer-push {
	margin:0;
	padding:0;
	float:left;
	height:400px;
	width:1px;
}
                
.sml{font-size:0.7em;padding:0;margin:0 0 10px 0;}

/*spacers*/
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear-both {
	clear:both;
	padding:10px 0 0 0;
	margin:0;
}
#page1 #container {
	background:transparent url('../images/bg-anterior.png') no-repeat;
}
#page2 #container {
	background:transparent url('../images/bg-career.png') no-repeat;
}
#page3 #container {
	background:transparent url('../images/bg-portfolio.png') no-repeat;
}
#page4 #container {
	background:transparent url('../images/bg-technical.png') no-repeat;
}
#page5 #container {
	background:transparent url('../images/bg-aboutme.png') no-repeat;
}
#page1 #container,#page2 #container,#page3 #container,#page4 #container,#page5 #container {
	background-position:100px -12px;
	padding: 15px 0 0 0;
}
.deliniatorxx {
	background:transparent url('../images/delineator-gradient.png') no-repeat 0 100%;
}
.footer-delineator {
	background:transparent url('../images/footer-delineator.png') no-repeat 0 0;
}
.btm-delineator {
	background:transparent url('../images/footer-delineator.png') no-repeat 0 100%;
}
#nav li:hover {
	background: url('../images/nav/hover-thin.png') no-repeat;
}
#nav li:hover a {
	background:transparent url('../images/nav/hover-wide.png') no-repeat right top;
}
/*IE6 Hover - this is overriden for each page by appropriate code below*/
#li-1.hovered, #li-2.hovered, #li-3.hovered, #li-4.hovered, #li-5.hovered {
	background: url('../images/nav/hover-thin.png') no-repeat;
}
#a-1.hovered, #a-2.hovered, #a-3.hovered, #a-4.hovered, #a-5.hovered {
	background: url('../images/nav/hover-wide.png') no-repeat;
}
/**/
#page1 li#li-1 {
	background: transparent url('../images/nav/anterior-thin.png') no-repeat;
}
#page1 a#a-1 {
	background: #003745 url('../images/nav/anterior-wide.png') no-repeat right top;
}
#page2 li#li-2 {
	background: transparent url('../images/nav/career-thin.png') no-repeat;
}
#page2 a#a-2 {
	background: #36412F url('../images/nav/career-wide.png') no-repeat right top;
}
#page3 li#li-3 {
	background: #79793E url('../images/nav/portfolio-thin.png') no-repeat;
}
#page3 a#a-3 {
	background: transparent url('../images/nav/portfolio-wide.png') no-repeat right top;
}
#page4 li#li-4 {
	background: transparent url('../images/nav/technical-thin.png') no-repeat;
}
#page4 a#a-4 {
	background: #453900 url('../images/nav/technical-wide.png') no-repeat right top;
}
#page5 li#li-5 {
	background: transparent url('../images/nav/aboutme-thin.png') no-repeat;
}
#page5 a#a-5 {
	background: transparent url('../images/nav/aboutme-wide.png') no-repeat right top;
}