/*  John Scott Consulting CSS Template

This is the standard css for the site
if there are site-specific CSS requirements, they will be included 
in the [SiteName].css file

*/



/*  DEFAULT COLOR SCHEME */
/*
#6C2208 - LIGHT BROWN
#9E0202 - DARK RED
#A6A6A6 - LIGHT GRAY
#535353 - DARK GRAY
*/

html, body, #container, form
{
	height: 100%;
	margin: 0 auto;
}
body
{
	text-align: center;	
}
body > #container
{
  margin: 0 auto;
	height: auto;
	min-height: 100%;
	width: 775px;
	border-left: solid 1px #A6A6A6;
	border-right: solid 1px #A6A6A6;
}
#container
{
  margin:0 auto;
  margin-bottom:50px;
	text-align: left;
	height:auto;
}

 
#navigation{margin-bottom: 0px; background-image:url(images/navigation_slice.jpg); background-repeat:repeat-x; padding-left:10px;}

#navigation img
{ border: none; }

#navigation a:hover
{ border:none; }

	
#content
{
	margin:0 auto;
	width: 775px;
}

#websitePromo
{
	float:left;
	width:345px;
	height:175px;
	background-image:url(images/website-design-promo.png);
	background-repeat:no-repeat;	 
	cursor:pointer; 
}

#webAppPromo
{
	float:right;
	width:345px;
	height:175px;
	background-image:url(images/application-development-promo.png);
	background-repeat:no-repeat;
	cursor:pointer;
}



#header
{
	height: 111px;
	width: 775px;
	background-image: url(images/header_slice.jpg);
	background-repeat: repeat-x;
	z-index:99;
}


#ctl00_tagline
{
	
	margin-top:45px;
}

#ctl00_tagline
{
	
	margin-top:45px;
}


#footer
{
	text-align:center;
	clear: both;
	position: relative;
	z-index: 10;
	height: 75px;
	background-image: url(images/footer_slice.jpg);
	background-repeat: repeat-x;
	background-color: #DEDEDE;
	color: #535353;
	font-size: .9em;
	margin: 0 auto;
	margin-top: -76px;
	width: 775px;
}

#about
{
	margin: 0 auto;
	padding: 15px;
	width:95%;
	
}

/* Theme */
body
{
	font: .75em/normal "Tahoma","Verdana", "Helvetica";
}
a:link, a:hover, a:focus
{	
	color: #9E0202;	
}
a:visited
{
	color: #6C2208;
}
a:hover, a:focus
{
	text-decoration:underline;	
}
p
{
	margin-bottom: 1em;
}






.hiddenImage
{ display:none; }


h1, h2, h3 { font-family: Tahoma, Verdana, Helvitica; }
h1 {margin-top:0px; margin-bottom:1px; font-size: 1.4em; color:#6C2208; }
h2 {margin-top:0px; margin-bottom:1px; font-size: 1.3em; color:#9E0202; }
h3 {margin-top:0px; margin-bottom:1px; font-size: 1.2em; color:#A6A6A6; }


.bodyImage
{ margin: 3px; }

/*#ctl00_cphBody_projectDescriptions, 
#ctl00_cphBody_project_westmech,
#ctl00_cphBody_project_cosimohomes, 
#ctl00_cphBody_project_ledcor, 
#ctl00_cphBody_project_mottopride, 
#ctl00_cphBody_project_symplex, 
#ctl00_cphBody_project_appel
*/
#projectDescriptions, 
#project-westmech,
#project-cosimohomes, 
#project-ledcor, 
#project-mottopride, 
#project-symplex, 
#project-appel
{
	float:right; 
	border: solid 1px #ededed; 
	height:500px; 
	padding:5px; 
	background-image:url(images/body_background_slice.jpg); 
	background-repeat:repeat-x;
	overflow:auto;
	width: 550px;
	margin-bottom:15px;
}

#projectThumbs
{
	float: left; 
	height: 500px;
	width:155px; 
	border: solid 1px #ededed; 
	padding: 5px;
	overflow:auto;	
	text-align:center;
	margin-bottom:10px;
}

.noBorder img { border:none; }

p {margin-top:5px; display:table; }



/* New Request Form */
#new-request-form div
{
  margin-top:20px;
}