/* CSS Document */



html{
		margin:0;
		padding:0;
	}

body {
		min-width:750px; /* Prevent content from becoming unreachable in Gecko */
		margin:0;
		padding:0;
		color:#CCCCCC;																				/* BODY COLOR*/
		background-color:#FFFFCC;
		/* background-image: url(../imgs/bknd.gif); */
		background-attachment:fixed;
		font-family: Verdana,Arial, Helvetica, Geneva, Lucida Grande, sans-serif;

	}

img {
	border:none;
	}

table.carinfo, table.carinfo td {
	border-style:solid;
	border-width:1px;
	border-color:#0066CC;

	}

div.info, .small {
	display:inline;
	color:#FFF;
	font-size:smaller;
	margin:5px 10px;
	text-align:right;
	float:right;
	}

span.date { display:inline; font-style:italic; font-size:smaller;}

.small {color:#000}

/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {

	position:absolute;
	width:100%;
	height:140px;									/* change this for nav height*/
	top:0px;
	left:0px;
	/* bottom:10px; */

}
/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap {
	position:fixed;
}
div#header {
	background-color:#CCCC77;

	background-repeat:no-repeat;
	height:100px;
	width:750px;
	margin: 0 auto 0 auto;


}

div#navheader {
	text-align:center;
	background:#996633;																				/* NAV BAR COLOR*/
	/* background-image:url(../imgs/nav.gif); */
	color:#FFF;
	height:52px;									/* change this for nav height*/
	width:750px;
	margin:0px auto 0px auto;															/* THIS CAUSES TROUBLE FOR NAV TOP GAP IN IE MAC (set top to -10px...)*/
	padding:0px 0px 1px 0px;
}

/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
	height:100%;

/* set left margin and bottom padding for IE5/Win */
	padding:110 0 50px 0;							/* Change this for footer height*/
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left:16px;
	padding:145px 0 32px 0;							/* change this for nav height AND TOP/BOTTOM GAP*/
}
/* set left margin for modern browsers */
body>div#middlewrap {
	height:100%;
	margin-left:0;
	float:fixed;
}

div#middle {

	width:750px;
	margin:0 auto;

}
div#sidebar {

	position:fixed;
	height:inherit;
	margin-top:18px;
	padding:0 0 0 0;
	width:140px;
	float:left;
	/* set left margin and bottom padding for others */
	voice-family: "\"}\"";
	voice-family:inherit;
	!margin-left:-140px;


}

/* set left margin for modern browsers */
body>div#sidebar {
	height:inherit;
	position:fixed;
	margin-left:1; /* set margin for IE 6*/
}

div#content {
	/* min-height:800px; */
	height:auto;
	padding:0px 10px 0px 10px;
	margin-left:140px;
	margin-top:8px;
	margin-bottom:0px;													/*CHANGE THIS FOR BOTTOM GAP */
	text-align:justify;
}


div.photos {
	width:312px;


	float:right;
	padding:10px 10px 10px 0px;
	}

	.image_right {
		display:inline;
		text-align:center;
		width:300px;
		height:225px;
		padding:4px 0px 0px 0px;
		margin-left:12px;

		}

	.image_content {
		display:inline;
		text-align:center;
		width:300px;
		height:225px;
		float:right;
		padding:4px;
		margin-left:12px;

		}

	.image_left {
		text-align:center;
		width:300px;

		padding:10px 10px 10px 2px;

		}

	.image_center {

		width:300px;
		float:none;
		padding:5px;
		margin:0px 0px 0px 135px;

		}

	.image_small {

		width:75px;
		float:right;
		padding:0px;
		margin:0px 0px 0px 0px;

		}

	.sidebarimg {
		width:134px;
		padding:auto;
		margin:auto;
		}

/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
	width:100%;
	p\osition:fixed;
	bottom:0;
	height:32px;												/* Change this for footer height*/
	text-align:center;


}
body>div#footerwrap {
	position:fixed;

}

div#footer {
	background-image:url(../../imgs/yr_logo.gif);
	background-attachment:fixed;
	height:32px;												/* Change this for footer height*/
	width:750px;
	margin:0 auto;

}

/* Styling rules to make this demo page look nice. */
body,
html{
	font-family:"Trebuchet MS", 'Georgia', 'Verdana', 'serif';
	font-size:small;
	font-family: 'Verdana','Arial', 'Helvetica','Geneva', 'Lucida Grande', 'sans-serif';
	color:#000;

}



div#middle,
div#sidebar {
	color:#996633;
	background-color:#CCCC77;		 																	/*SIDEBAR COLOR*/
}
div#content {
	color:#000000;																						/*TEXT COLOR*/
	background-color:#FFFFFF;																			/*CONTENT COLOR*/
}

/* CODE */

/* NAVBAR ESSENTIALS */

	#navbar,
	 {

		height:40px;																/* !! */
		margin:0 auto 0 auto;
		}
	#navbar span{

		background-color:#333;
		/* background-image:url(../imgs/nav_hover.gif); */
		}

	.nav {
		display:inline;
		text-decoration: none;
		font-size: smaller;
		font-weight: bold;
		}

	.nav a:link{
		display:inline;
		text-decoration: none;
		/*background-color:#FF6600; */
		color: #FFFFCC; 								/* NAV LINK COLOR LINK*/
		font-size: small;
		font-weight: bold;
		}


	.nav a:visited{
		display:inline;
		text-decoration: none;
		color: #777; 								/* NAV LINK COLOR VISITED*/
		font-size: small;
		font-weight: bold;
		}

	.nav a:hover{
		display:inline;
		text-decoration: none;
		color: #CCCCFF;									/* NAV LINK COLOR HOVER*/
		background-color:CCCCFF;
		/* background-image:url(../imgs/nav_hover.gif); */
		font-size: small;
		font-weight: bold;
		}

	.nav span{
		display: inline;
		/* background-image:url(../imgs/nav.gif); */
		padding: 10px 20px 3px 20px;				/* change this for nav height*/
		background-color:#666;


		}

	.nav a:hover span{
		display: inline;
	/*	background-image:url(../imgs/nav_hover.gif);	*/
		padding: 10px 20px 3px 20px;						/* change this for nav height*/
		background-color:#FFF;


		}

	.nav_on  {
		display:inline;
		color: #00CCFF;
		background-color:#354;
		font-size: small;

		background-color:#123456;
		/* background-image:url(../imgs/nav.gif); */
		color: #00CCFF;
		}

	#navbar a:hover span{
		display: inline;
		font-weight: bold;
		background-color:#123456;
	/*	background-image:url(../imgs/nav.gif); */
		color: #00CCFF;
		}


	#navdiv {

		width: 696px;
		margin: 0 auto 0 auto;
		border: 1px solid #2c2c2c;
		border-width: 1 1 1 1;
	/*	background-image:url(../imgs/nav_hover.gif); */

		/*background-attachment:fixed;
		background-position:top;*/

		}
/*/NAVBAR ESSENTIALS*/

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}


img.testone hover {

	}


/* CODE */

h1,
h2,
h3,
h4 {
	margin:0;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
div#sidebar h2 {
	padding-left:15px;											/*change for IE/WIN ?? */


}
div#footer h2 {
	text-align:center;
	padding:0;
	margin:0;
}
div #footer p {
	margin:0;
	padding:0;
	text-align:center;
}
div#footer a {
	color:#fff;
}
h1 {
	font-size:1.4em;
	text-align:center;
	padding-top:5px;
}
h2 {
	font-size:1.2em;
	padding-top:1em;
	margin-top:0;
}
p {
	margin-bottom:0;
	font-size:0.9em;
	line-height:1.4em;
}
pre {
	font-size:0.9em;
	line-height:1.4em;
}
ul {
	text-align:left;
	font-size:0.8em;
	line-height:1.4em;
}

#designer {
	color:#000;
	background-color:666;
	text-decoration:underline;
	}



/* -   - -    -  FORM STYLE: ---- ---*/

form#cont, form#client {
			width:560px;
			margin: 5px auto;
			padding:10px;
		}

form#client {
    padding:0px;
    margin:5px auto 0 0;
    width:100%;
    }

form#client input {
    padding:0px;
    min-height:2em;
    width:95%;
    }

form#client input[type=submit] {
    padding:0px;
    min-height:2em;
    width:50%;
    }

form#client label {
    padding:0px;
    min-height:10px;
    margin:0px;
    }



span.ContactError {
    width:65%;
    display:block;
    font-size: 0.85em;
    font-weight:bold;
    margin:auto;
    padding:10px;
    color:#C44;
    background-color:#DDD;
    padding:2px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:#922 1px dashed;
    }

input.invalid, textarea.invalid {
    border:#C44 1px dashed;
    }

		input, textarea {
		    float:right;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			background-color:#fff;
			border:1px solid #FFF;
			width:160px;
			min-height:2em;
			display:inline-block;
			margin:0.5em;


			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;

			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
		}

		textarea {
		        display:block;
				min-height:150px;
				width:90%


		}

		label {
            font-size:1.0em;
            display:inline-block;
            float:left;
            min-height:20px;
            margin:1.0em 10px 0 0;
		}

		input:focus, textarea:focus {
			-webkit-box-shadow:0 0 25px #ccc;
			-moz-box-shadow:0 0 25px #ccc;
			box-shadow:0 0 25px #ccc;

			-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			transform: scale(1.05);
		}

		/* The interesting bit */

		input:not(:focus), textarea:not(:focus) {

			opacity:0.9;
		}

		input:required, textarea:required {
			background:#DFCFF0 url("../imgs/asterisk_orange.png") no-repeat 98% 05%;
			background-size:auto 10px;
			color:#000;
		}

		input:valid, textarea:valid {
			background:#DFD url("../imgs/tick.png") no-repeat 98% 95%;
			background-size:auto 10px;
			color:#000;
		}

		input:focus:invalid, textarea:focus:invalid input[type=password]:focus:invalid{
			background:#FBB url("../imgs/cancel.png") no-repeat 98% 50%;
			background-size:auto 10px;
		}

        input[type=password]{

            }

		input[type=submit] {
		    display:block;
		    width:8em;
		    font-size:.75em;
		    float:clear;
			padding:5px;
			margin 5px 0;
			opacity:1.0;
			background:#384964 none no-repeat 98% 95%;
			background-color:#384964;
			color:#DDF;
		}