/***********************
gold: 9c8661
	dk:#6D5E44
	lt:#FFF6E7
	bt:#FFEDCF
light blue: d2deed
teal: 186577
	dk:#114553
	lt:#CCF4FF
	bt:#99E9FF

ynk scheme
light tan: f2f7e8
mid tan: c3ba99
dk brown: 362e21
blue: 485876
orange: c52d00
************************/

	body {
		font-family:papyrus, fantasy;
		font-size:1em;
		color:#362e21;
		text-align:center;
		min-width:850px;
		background:black url("../images/bamboo.jpg") fixed repeat-x 0 0;
		}

	* {margin:0px;padding:0px;}
	a img{border: none;}
	input{font-family:verdana, arial, sans-serif;}
	textarea{font-family:verdana, arial, sans-serif;}
		
	a {
		text-decoration:none;
		color:#c52d00;
		}
	a:link {}
	a:visited {}
	a:active {}
	a:hover {
		background-position:0 0;
		color:#485876;
		}

	body#design a#designbtn:hover span.nDivide,
	body#hosting a#hostingbtn:hover span.nDivide,
	body#marketing a#marketingbtn:hover span.nDivide,
	body#information a#infobtn:hover span.nDivide,
	body#clientlogin a#clientbtn:hover span.nDivide{
		color:#485876;
		cursor:default;
		}
		
	body#design a#designbtn span.nDivide,
	body#hosting a#hostingbtn span.nDivide,
	body#marketing a#marketingbtn span.nDivide,
	body#information a#infobtn span.nDivide,
	body#clientlogin a#clientbtn span.nDivide{
		color:#485876;
		cursor:default;
		}

	ul li{list-style-type:none;}

	#ie6{display:none;}
	#topshadow img, #topshadow2 img{display:none;}

	#container{
		/*border:1px solid silver;/*temp border*/
		width:500px;
		margin:0 auto;
		padding:1em 0 20px 0;
		border-left:7px solid #362e21;
		border-right:7px solid #362e21;
		border-bottom:7px solid #362e21;
		background:#f2f7e8 url("../images/scroll.jpg") scroll repeat-y 0 0;
		}
		
	#container p{
		margin:1em 60px;
		}

	#branding{text-align:center;}
	#branding h1{text-indent:-9999px;height:0px;}
	#branding a{
		display:block;
		width:298px;
		height:72px;
		margin:0 auto;
		background:transparent url("../images/logos/logo-ynk.png") scroll no-repeat 0 0;
		}

	form#contact{
		font-family:arial, sans-serif;
		position:fixed;
		bottom:0;
		right:0;
		text-align:left;
		width:135px;
		color:#362e21;
		display:block;
		width:200px;
		height:361px;
		background:transparent url("../images/flathand.png") scroll no-repeat 0 0;
		}

		
	form#contact h1{display:none;}

	#contact #inputfields{
		margin:80px 0 0 17px;
		width:140px;
		}
		
	form#contact p{
		text-indent:-99999px;
		font-size:.7em;
		padding:0;
		margin:0;
		}
		
	form#contact input.textinput{
		margin:0 0 5px 0;
		color:#c52d00;
		color:white;
		font-family:verdana, sans-serif;
		border:none;
		width:100px;
		font-size:.9em;
		padding:.25em 0;
		background:transparent;
		}
		
	form#contact input.btn{
		display:block;
		width:150px;
		height:50px;
		background:transparent;
		border:none;
		cursor:pointer;
		text-transform:uppercase;
		text-indent:-99999px;
		}
		
	form#contact textarea{
		font-size:.8em;
		color:white;
		font-family:verdana, sans-serif;
		border:none;
		overflow:auto;
		width:140px;
		height:70px;
		background:transparent;
		position:relative;
		left:-12px;
		top:6px;
		}
		
	form#contact span.error{
		color:red;
		font-size:90%;
		}
		
	form#contact #handshake{
		display:block;
		position:relative;
		top:0;
		left:0;
		width:200px;
		height:361px;
		background:transparent url("../images/mao-email.png") scroll no-repeat 0 -80px;
		}
	form#contact #handshake p{
		display:none;
		}
		
	form#contact input.textinput:focus, form#contact textarea:focus{
		background:transparent url("../images/black25.png") scroll repeat 0 0;
		}
		
	li.phonecontact{display:none;}

	#styleswitch{
		position:fixed;
		bottom:0;
		left:0;
		display:block;
		width:238px;
		height:225px;
		font-weight:bold;
		text-align:left;
		background:transparent url("../images/fist.png") scroll no-repeat 0 0;
		}

	#styleswitch p{
		margin:0 0 2px 8px;
		padding:0;
		}

	#styleswitch li{
		position:relative;
		top:80px;
		left:88px;
		font-size:10px;
		line-height:1.1em;
		}

	ul#styleswitch a{
		color:#791906;
		}
	ul#styleswitch a:hover{
		color:#c52d00;
		}

	ul#nav{
		margin:1em 0;
		}

	ul#nav li{
		list-style-type:none;
		display:inline;
		padding:.5em;
		}
	
	ul#nav span{display:none;}
	
	#rightcol{height:1px;}

	h1#portfolioheader{
		position:fixed;
		bottom:44px;
		left:20px;
		font-size:.9em;
		font-style:italic;
		z-index:200;
		letter-spacing:20px;
		color:#485876;
		}

	#portfolioscroll{
		/*border:1px solid silver;/*test border*/
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		z-index:100;
		background:transparent url("../images/bottomfade.png") fixed repeat-x left bottom;
		white-space:no-wrap;
		}

	ul#portfolio{
		/*border:1px solid silver;/*temp border*/
		list-style-type:none;
		display:block;
		white-space:no-wrap;
		}
		
	ul#portfolio li{
		position:relative;
		float:left;
		/*padding:25px 20px 5px 20px;*/
		margin:0 1%;
		padding:30px 0 10px 0;
		white-space:no-wrap;
		}
		
	ul#portfolio a span{
		/*border:1px solid silver;/*temp border*/
		background:transparent url("../images/white25.png") scroll repeat 0 0;
		position:absolute;
		width:100%;
		height:30px;
		top:30px;
		left:0;
		z-index:200;
		}
	* html body ul#portfolio a span{display:none;}
		
	ul#portfolio a:hover span{
		background:transparent url("../images/white25.png") scroll no-repeat 0 0;
		cursor:pointer;
		}
		
	ul#portfolio img.screenshot{
		/*border:1px solid silver;/*temp border*/
		display:block;
		height:30px;
		/*padding:3%;*/
		}
	
	#content h1{
		font-size:1.3em;
		font-weight:normal;
		margin:0 60px 1em 60px;
		}

	#content h2{
		font-size:1.2em;
		font-weight:normal;
		margin:0 60px 1em 60px;
		color:#485876;
		}

	#content .workflow li{
		list-style-type:none;
		list-style-position:inside;
		}
		
	#content .workflow strong{
		font-weight:normal;
		color:#c52d00;
		margin:0 .5em 0 0;
		font-size:1.1em;
		}

	table.hosting{
		width:400px;
		padding:0 0 0 50px;
		margin-bottom:30px;
		font-size:.8em;
		}

	table.hosting td{
		/*border:1px solid black;/*temp border*/
		text-align:left;
		padding:.5em;
		}

	table.hosting td.p{
		font-size:.9em;
		}
		
	#content .hosting h2{
		font-size:.9em;
		color:#c52d00;
		text-transform:uppercase;
		text-align:left;
		margin:0px;
		}
		
	#content .hosting h2 span{
		color:#362e21;
		margin-left:-.3em;
		}
		
	#content .hosting .price{
		color:#c52d00;
		font-weight:bold;
		}
		
	img.righthalf{
		width:35%;
		margin:.5em 65px .5em .5em;
		float:right;
		}

	#content div.contentimg p{
		font-size:.60em;
		font-family:verdana, sans-serif;
		float:right;
		clear:right;
		width:35%;
		margin-top:0;
		}

	#siteinfo{
		/*border:1px solid silver;/*temp border*/
		margin-top:200px;
		clear:both;
		font-size:80%;
		text-align:right;
		padding-bottom:25px;
		line-height:30px;
		height:60px;
		vertical-align:middle;
		display:block;
		}
		
	a#addthis img{
		position:relative;
		top:4px;
		}
	
/* SWITCH OFF INDICATOR FOR OTHER STYLESHEETS */
	a#mao{text-decoration:underline;}
	a#mao:hover{color:#791906;}