/***********************
gold: 9c8661
	dk:#362e21
	lt:#FFF6E7
	bt:#FFEDCF
light blue: c3ba99
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:verdana, arial, sans-serif;
		font-size:.8em;
		color:#362e21;
		text-align:center;
		background:#f2f7e8 url("../images/bottomgrad.png") fixed repeat-x bottom left;
		}

	* {margin:0px;padding:0px;}
	a img{border: none;}
	input{font-family:verdana, arial, sans-serif;}
	textarea{font-family:verdana, arial, sans-serif;}
	* html body img{behavior: url("../hacks/iepngfix/iepngfix.php");}
		
	a {
		text-decoration:none;
		color:#c52d00;
		}
	a:link {}
	a:visited {}
	a:active {}
	a:hover {
		background-position:0 0;
		}
		
	#topshadow img{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:17px;
		z-index:900;
		}
	* html body #topshadow img{display:none;}
		
	#topshadow2 img{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:7px;
		z-index:900;
		}
	* html body #topshadow2 img{display:none;}

	#container{
		/*border:1px solid silver;/*temp border*/
		position:relative;
		margin:2% 2% 2% 2%;
		min-width:700px;
		}
	* html body #container{margin-top:0px;}
		
	#branding{
		text-align:left;
		}
	#branding h1{text-indent:-9999px;height:0px;}
	#branding a{
		/*border:1px solid silver;/*temp border*/
		display:block;
		width:298px;
		height:72px;
		margin-left:0px;
		background:transparent url("../images/logos/logo-ynk.png") scroll no-repeat 0 0;
		}
		
	ul#leftcol{
		/*border:1px solid silver;/*temp border*/
		float:left;
		clear:left;
		width:130px;
		margin-left:33px;
		margin-bottom:30px;
		text-align:center;
		list-style-type:none;
		}
	* html body ul#leftcol{margin-left:40px;}
		
	ul#leftcol li.module{
		display:block;
		}
				
	ul#nav{
		/*border:1px solid silver;/*temp border*/
		list-style-type:none;
		margin-top:32px;
		margin-left:3px;
		margin-bottom:30px;
		}
	ul#nav li{
		}
	ul#nav a{
		color:#c52d00;
		display:block;
		width:95%;
		padding:1px 0 5px 0px;
		margin:0 auto;
		margin-top:-1px;
		text-transform:lowercase;
		letter-spacing:2px;
		font-size:14px;
		text-align:left;
		}
		
	ul#nav a:hover span.nDivide{
		color:#362e21;
		/*background-color:#362e21;*/
		}
		
	span.nDivide{
		color:#c3ba99;
		/*background-color:silver;*/
		position:relative;
		font-size:1.3em;
		/*line-height:2em;*/
		top:.1em;
		left:-.2em;
		}

	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:#c52d00;
		/*background-color:#c52d00;*/
		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{
		/*border:1px solid black;/*test border*/
		color:#c52d00;
		/*background-color:#c52d00;*/
		cursor:default;
		}
		
	#ie6{
		display:none;
		}
		
	* html body #ie6{
		display:inline;
		margin-top:20px;
		display:block;
		}
		
	#ie6 p{
		font-size:80%;
		text-align:left;
		margin:10px 0;
		}
	#ie6 p span{
		color:red;
		}
	#ie6 img{
		margin-left:-15px;
		}
		

		
	form#contact{
		/*border:1px solid silver;/*temp border*/
		margin:32px 0 20px -9px;
		text-align:left;
		width:128px;
		color:#362e21;
		padding:5px;
		/*position:relative;*/
		}
	* html body form#contact{margin-left:0px;}
		
	ul#leftcol h1{
		font-size:1.1em;
		text-align:left;
		font-weight:normal;
		text-transform:lowercase;
		letter-spacing:3px;
		margin:0 0 10px 0;
		color:#9c8661;
		}
		
	form#contact p{
		margin-bottom:0px;
		font-size:.8em;
		}
		
	form#contact input.textinput{
		background:#f2f7e8 url("../images/bottomgrad.png") scroll repeat-x bottom left;
		margin:0 0 5px 0;
		color:#485876;
		/*font-family:arial, sans-serif;*/
		border:none;
		width:125px;
		font-size:1em;
		border:1px solid silver;
		padding:3px;
		}
		
	form#contact input.textinput:focus{
		border:1px solid #485876;
		}
		
	form#contact input.btn{
		width:126px;
		}
		
	form#contact textarea{
		background:#f2f7e8 url("../images/bottomgrad.png") scroll repeat-x bottom left;
		font-size:.9em;
		margin-bottom:5px;
		color:#485876;
		padding:3px;
		/*font-family:arial, sans-serif;*/
		border:none;
		border:1px solid silver;
		overflow:auto;
		width:125px;
		height:100px;
		}
		
	form#contact textarea:focus{
		border:1px solid #485876;
		}
		
	form#contact span.error{
		color:red;
		font-size:90%;
		}
		
	form#contact #handshake{
		display:block;
		position:relative;
		top:0px;
		width:145px;
		height:134px;
		text-align:center;
		padding-top:95px;
		background:transparent url("../images/emailicon.jpg") scroll no-repeat 20px 0;
		}
	form#contact #handshake p{
		text-align:left;
		font-family:verdana, arial, sans-serif;
		}
		
	span.call, span.phone, span.phone2{
		display:block;
		}
		
	span.phone{
		color:#c52d00;
		font-size:16px;
		text-align:left;
		letter-spacing:1px;
		}
		
	span.phone2{
		letter-spacing:2px;
		text-align:left;
		font-size:10px;
		}
		
	ul#rightcol{
		float:right;
		clear:right;
		list-style-type:none;
		}
		
	* html body ul#rightcol{position:relative;right:2%;top:-80px;}
		
	ul#rightcol li{
		display:block;
		}
		
	ul#styleswitch{
		/*border:1px solid silver;/*temp border*/
		float:right;
		position:absolute;
		top:20px;
		right:20px;
		font-size:80%;
		list-style-type:none;
		text-align:right;
		text-transform:lowercase;
		letter-spacing:2px;
		/*display:none;/*hidden until more styles are created*/
		}
	* html body ul#styleswitch{display:none;}

	ul#styleswitch p{
		font-size:100%;
		}
		
	ul#styleswitch a{
		/*order:1px solid silver;/*temp border*/
		color:#c52d00;
		display:block;
		width:100px;
		}
	ul#styleswitch a:hover{
		color:#c52d00;
		background:#ffffff;
		}
	
	h1#portfolioheader{
		position:absolute;
		top:100px;
		right:0px;
		width:15%;
		margin-right:3%;
		font-size:120%;
		text-align:center;
		font-weight:normal;
		color:#9c8661;
		text-transform:lowercase;
		letter-spacing:7px;
		padding-bottom:7px;
		z-index:10;
		/*background:transparent url("../images/white75.png") scroll repeat 0 0;*/
		}
	* html body h1#portfolioheader{background:white;margin-right:20px;}
		
	#portfolioscroll{
		border-left:1px solid silver;
		position:absolute;
		top:120px;
		right:0px;
		height:470px;
		width:20%;
		overflow:auto;
		margin-bottom:30px;
		}
		
	ul#portfolio{
		/*border:1px solid silver;/*temp border*/
		position:relative;
		list-style-type:none;
		width:75%;
		margin:0 auto;
		padding:10px 0;
		}
		
	ul#portfolio li{
		position:relative;
		}
		
	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:100%;
		top:0;
		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;
		width:100%;
		padding:3% 0;
		}

/*CONTENT*/

	#content{
		/*border:1px solid silver;/*temp border*/
		margin:1em 22% 30px 190px;
		position:relative;
		overflow:auto;
		min-height:490px;
		}
	
	#content h1{
		font-weight:normal;
		color:#c52d00;
		font-size:1.3em;
		text-align:left;
		/*text-transform:lowercase;*/
		clear:right;
		margin:.5em 0;
		}

	#content h2{
		font-weight:normal;
		color:#485876;
		font-size:1.2em;
		text-align:left;
		/*text-transform:lowercase;*/
		clear:right;
		margin:1em 0 0 0;
		}

	#content a{
		border-bottom:1px solid #362e21;
		color:#362e21;
		}

	#content a:hover{
		border-bottom:1px solid #c52d00;
		color:#c52d00;
		}
		
	#content a:active{
		border-bottom:1px solid #c52d00;
		color:#c52d00;
		}

	#content a:visited{

		}

	#content p{
		line-height:1.4em;
		text-align:left;
		color:#362e21;
		margin:.5em 0 .75em 0;
		}
		
	#content .pDivide{
		/*border:1px solid silver;/*test border*/
		color:black;
		background:black;
		position:relative;
		top:-.4em;
		font-size:.5em;
		line-height:2em;
		margin:0 .8em;
		}
		
	#content img.righthalf{
		width:33%;
		margin:.5em 0 .5em .5em;
		float:right;
		}
		
	#content div.contentimg p{
		font-size:9px;
		float:right;
		clear:right;
		width:33%;
		margin:0px 0 0 0;
		text-align:center;
		z-index:10;
		text-transform:uppercase;
		}

	#content img.lefthalf{
		width:49%;
		margin:1em .75em .25em 0;
		float:left;
		}
		
	table.hosting{
		border-top:1px solid silver;
		border-bottom:1px solid silver;
		padding:1em 0 1em 0;
		margin:0 0 1em 0;
		}

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

	table.hosting td.p{
		font-size:.9em;
		}

	#content features{
		list-style-type:none;
		}
		
	#content .hosting h2{
		font-size:.9em;
		color:#c52d00;
		text-transform:uppercase;
		text-align:left;
		}
		
	#content .hosting h2 span{
		color:#362e21;
		margin-left:-.3em;
		}

	#content ul.details li{
		list-style-type:none;
		font-size:.9em;
		margin:3px 0;
		}
		
	#content .details strong{
		font-weight:normal;
		color:#c52d00;
		}

	#content ul.details li.price{
		font-size:.9em;
		color:#c52d00;
		font-weight:bold;
		}
	
	#content features p{
		margin:5px 0;
		font-size:.8em;
		}
	
	#content ol.workflow{
		text-align:left;
		margin:0 0 1em 1em;
		list-style-type:none;
		list-style-position:inside;
		}
		
	#content .workflow li{
		/*border:1px solid black;/*temp border*/
		margin:5px 0;
		clear:left;
		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;
		}
		
	#content .workflow img{
		/*border:1px solid black;/*temp border*/
		float:left;
		height:80px;
		}
		
	#content .workflow p{
		margin:0 0 0 95px;
		padding:0 0 1em 0;
		}
		
	#clientlogin #content  iframe{
		width:100%;
		border:0px solid white;
		}
		
	#siteinfo{
		/*border:1px solid silver;/*temp border*/
		clear:both;
		font-size:80%;
		text-align:right;
		padding-bottom:20px;
		line-height:30px;
		height:60px;
		vertical-align:middle;
		display:block;
		}
		
	a#addthis img{
		position:relative;
		top:4px;
		}
	
	
/* SWITCH OFF INDICATOR FOR OTHER STYLESHEETS */
	a#minimalism{background:#ffffff;}