/*  TechnoCraft Online 2008-2009 */
/* This CSS supports all major browsers */
* {
	-webkit-padding-start: 0px;
}
p {
	line-height: 16px;
	font-size:12px;
}
body {
	background-color: #060;
	margin: 0px;
	scrollbar-base-color: #40602A;
	scrollbar-arrow-color: #CC0000;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #666666;
	scrollbar-face-color: #3B4C37;
	scrollbar-highlight-color: #C1BF99;
	scrollbar-shadow-color: #002110;
	scrollbar-track-color: #666666;
}
body, td, th {
	color: #FFFFFF;
}
img {
	border:none;
}
a, a:link, a:visited {
	color:#FFF;
	text-decoration:none;
}
a:hover {
	color:#66CC00;
	text-decoration:none;
}
a:active {
	color:#ffCC00;
	text-decoration:none;
}
h1 {
	font:bold small-caps 36px Tahoma, Geneva, sans-serif;
	color: #FFF;
	border-bottom: 1px solid #ccc;
	margin:0;
	padding:0;
}
h2 {
	font:bold small-caps 24px Tahoma, Geneva, sans-serif;
	color: #999;
	border-bottom: 1px solid #ccc;
	margin:0;
	padding:0;
}
h3 {
	font:bold small-caps 18px Tahoma, Geneva, sans-serif;
	color: #CCC;
	border-bottom: 1px solid #ccc;
	margin:0;
	padding:0;
}
#lcard h1 {
	color:#032;
}
#lcard h2, #lcard h3 {
	color:#333;
}
#wrapper {
	display: block;
	width: 768px;
	padding: 0px;
	clear: both;
	margin: 0px auto;
	height: 100%;
	border: 1px solid #090;
	border-top:none;
	position:relative;
	top:-10px;
	vertical-align:top;
}
#header {
	height: 256px;
	width: 768px;
	clear: both;
	margin: 0px auto -4px;
	padding: 0px;
	display: block;
}

#header p {
	font-size:48px;
	float:right;
	clear:right;
	line-height:normal;
	margin-bottom:4px;
	margin-top:16px;
	margin-right:16px;
	text-shadow: #444444 1px 1px;
	filter: Shadow(Color=#000000, 	
			Direction=135, 
			Strength=4,Distance);
	color:#ffffff;
}

#header p span {font-size:24px;}

.isHome #header {
	background: url(img/mainheader10.jpg) no-repeat;
}
.isAbout #header {
	background: url(img/mainheader08.jpg) no-repeat;
}
.isServices #header {
	background: url(img/mainheader09.jpg) no-repeat;
}
.isPartners #header {
	background: url(img/mainheader12.jpg) no-repeat;
}
.isGallery #header {
	background: url(img/mainheader13.jpg) no-repeat;
}
.isContact #header {
	background: url(img/mainheader11.jpg) no-repeat;
}
.isEstimate #header {
	background: url(img/mainheader06.jpg) no-repeat;
}
.isUpload #header {
	background: url(img/header_upload.jpg) no-repeat;
}
.isProjects #header {
	background: url(img/mainheader14.jpg) no-repeat;
}
#content * {
	list-style:none;
}
#content {
	width: 768px;
	margin: 0px;
	padding: 0px;
	clear: both;
	vertical-align:top;
}
#content tr p{
	margin-left:8px;
}
#content h3 {
	text-indent:8px;
	padding-right:8px;
	white-space:nowrap;
}
#context {
	width: 768px;
}

#galleries div{clear:both; margin:8px; margin-left:auto; margin-right:auto; width:640px; height:256px;}
#galleries div img {float:right; margin-left:8px; margin-right:8px;}

#context * {padding:8px;margin-bottom:8px;}
/* the menu */
.menu {
	white-space:nowrap;
	position:relative;
	z-index:20;
	padding:0px;
	clear: both;
	height: 78px;
	text-align: center;
	background: url(img/menubg.png) repeat-x top;
	font: small-caps normal 19px/normal Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: none;
	text-decoration: none;
}
.ie6 .menu {
	position:relative;
	top:-12px;
	height:88px;
}
.tabs {
	width:572px;
	margin:0 auto;
}
#footer .tabs {
	width:670px;
	margin:0 auto;
}
.menu ul {
	margin: 0px auto;
}
.menu li {
	list-style: none;
	float:left;
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
}
.menu a {
	display: block;
	color:#FFFFFF !important;
	text-decoration:none;
	height: 32px;
	margin:4px 0px;
	padding:18px 8px 12px;
}
.ie6 .menu a {
	width:2em;
}
.menu a:hover {
	background: url(img/menubg.png) repeat-x left -82px;
	text-decoration:none;
}
.isHome .menu a.home, .isServices .menu a.services, .isPartners .menu a.partners, .isGallery .menu a.gallery, .isContact .menu a.contact, .isAbout .menu a.about, .isProjects .menu a.projects {
	background: url(img/menubg.png) repeat-x left -82px;
	color:#fff;
}
.ie6 .isHome .menu a.home, .ie6 .isServices .menu a.services, .ie6 .isPartners .menu a.partners, .ie6 .isGallery .menu a.gallery, .ie6 .isContact .menu a.contact, .ie6 .isAbout .menu a.about, .ie6 .isProjects .menu a.projects {
	background-color:#990000;
	color:#fff;
}
.ie6 .menu, .ie6 .menu li a {
	background:#990000 url() !important;
}
.ie6 #footer .menu li a, .ie6 #footer .menu {
	background:#880000 url() !important;
}
.ie6 .menu li a:hover {
	background-color:#990000 !important;
}
#footer {
	background-color:#880000;
	padding: 2px 8px 0px;
	width:752px;
	clear:both;
	float:none;
}
/* This space intentionally left blank */
#footer .menu {
	height:16px;
	padding:0px;
	margin:0px;
	clear: both;
	text-align: center;
	font: small-caps normal 12px/normal Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background: Transparent;
	white-space:nowrap;
}
#footer .menu ul {
	padding:0px;
	margin:0px auto;
}
#footer .menu a {
	height:16px;
	list-style: none;
	padding:0px 8px;
	margin:0px 20px;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
}
#logo {
	background: url(img/crystalclassicexteriorslogo.png) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 210px;
	width: 201px;
	position: relative;
	left: -32px;
	top: 16px;
	z-index:30;
}
#logo a {
	display:block;
	width:100%;
	height:100%;
}
.ie6 #logo {
	background: url(img/crystalclassicexteriorslogo.gif) no-repeat;
}
#lcard {
	float:left;
	font: italic normal 18px/normal Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	margin: 0px auto;
	white-space: normal;
	width:512px;
	background-color:#617643;
}
.ie6 #lcard {
	width:508px;
}
.ie6 #rcard {
	width:256px;
	float:right;
}
#rcard {
	float:left;
	font: italic normal 18px/normal Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	margin: 0px auto;
	white-space: normal;
	width:256px;
}
.isContact #rcard p {
	margin:0;
	font-size:16px;
	border-bottom:#999999 1px solid;
}
.isPartners #rcard {
	visibility:collapse;
	display:none;
}
.isPartners #lcard {
	color:#000;
	width:768px;
	background-color:#D8E9EC;
}
.isServices #lcard {
	width:768px;
}
.isGallery #lcard {
	width:512px;
	padding:8px;
	margin:0px;
}
.isGallery #rcard {
	width:192px;
	vertical-align:top;
}
.isPartners #lcard a, .isContact #lcard a {
	color:#000;
	text-decoration:none;
}
.isAbout #rcard li li {
	font: normal 12px/normal Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}
a.TCO {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	text-decoration:none;
	padding-right:4px;
}
a.TCO:hover {
	color:#FFCC00;
	text-decoration:none;
}

.rowbyrow li {
	display:inline;
	padding:0 8px;
	line-height:32px;
}
.noBullets li {
	list-style-type:none;
}
.googlemapframe {
	float:left;
	margin:0px 8px;
	border:#ccc 2px solid;
}

/* gallery sidebar */
.sidemenu {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:top;
}
.sidemenu ul {
	list-style:none;
	margin-left:0px;
}
.sidemenu ul li {
	list-style:none;
	margin-left:0px;
	padding-bottom:4px;
}
.ie .sidemenu ul li {
	margin-left:0px;
	padding:8px;
}
.sidemenu ul li a, .sidemenu ul li a:link, .sidemenu ul li a:visited {
	display:block;
	color:#FFFFFF;
	width:200px;
	margin-left:-8px;
	padding-left:8px;
}
.sidemenu ul li a:hover, .sidemenu ul li a:active {
	color:#FFFFFF;
	background-color:#CC0000;
}
.sidemenu ul li li {
	list-style:none;
	margin-left:-32px;
	font-style:normal;
	font-size:14px;
}
#estimate input, #upload input {
	background:Transparent;
	border:0;
	background:#FFFFFF;
	border:#333333 1px solid;	
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;;
}
#estimate input[type="text"], #upload input[type="text"] {
	width:384px;
	padding-left:8px;
	border-bottom:#999999 1px solid;
}
#estimate h4, #estimate p {margin:0;font-weight:normal;}
#estimate h4 {font-size:16px;border-bottom:#999999 1px solid;}
#estimate select, #estimate textarea, #upload textarea {
	background:#FFFFFF;
	border:#333333 1px solid;	
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;;
	font-size:16px;
	width:272px;
}
#ServiceDescription {
	overflow:auto;
	height:256px;
	width:100%;
	white-space:normal;
}
#ServiceDescription div {
	margin-right:4px;
	margin-bottom:16px;
}
input.ServiceType {
	border:#333333 1px solid;
	background:#FFFFFF;
	margin-right:12px;
	padding-right:12px;
}
input.ServiceType {
	border:#333333 1px solid;
	background:#FFFFFF;
}
#ServiceOptions label {
	font-size:12px;
	letter-spacing:.1em;
}
#estimate #ServiceDescription img {
	max-height:256px;
	max-width:256px;
	margin:4px;
	margin-left:8px;
	margin-right:8px;
}
#estimate textarea {
	border:#CCCCCC 1px solid;
	margin-top:4px;
	width:460px;
	height:128px;
}
#estimate option {
	color:#666666;
}
#estimate option:hover {color:#FFFFFF;}
#estimate input:active {
	background:#CCCCCC;
}
#estimate input.submit, #estimate input.submit:active, #upload input[type="submit"], #upload input[type="submit"]:active {
	border:#FFFFFF 1px solid;
	background-color:#880000;
	color:#FFFFFF;
	width:96px;
	height:32px;
}
#estimate input.submit:hover, #upload input[type="submit"]:hover {
	border:#CCCCCC 1px solid;
	background-color:#CC0000;
	color:#FFFFFF;
}
#besttimetocall {
	border-left:#999 1px solid;
	visibility:hidden;
}
#besttimetocall select {
	color:#FFFFFF;
	width:272px;
}
.otherServices li {
	border-bottom:#999999 1px solid;
	margin-bottom:2px;
}
.recognition {clear:both;}
.recognition img {vertical-align:middle; margin-left:8px; margin-right:8px}
#nav {
	display:block;
	float:left;
	clear:left;
	width:228px;
	text-align:center;
	position:relative;
	-webkit-padding-start: 0px;
	border-right:#CCCCCC 1px solid;
	margin-right:4px;
	overflow:auto;
	height:384px;
}
#nav li {float:left}
#nav li img {margin:4px;}
#nav li:hover {background-color:#FFFFFF}
#slideshow {
	position:relative;
	float:right;
	-webkit-padding-start: 0px;
	margin-right:8px;
	margin-top:20px;
}
#Services h3 {
	background-repeat:no-repeat;
	background-position: left;
	display:block;
	height:32px;
	text-indent:48px;
}
#Services td {width:50%}

#upload input{
	background:#FFFFFF;
	border:#333333 1px solid;
}
#upload ul {
	text-align:left;
}
#upload li{
	margin-left:32px;
	width:512px;
	margin:0 auto;
}
#upload li label {
	display:block;
	width:128px;
	text-align:center;
}
#files_list {
	border:#CCCCCC 1px solid;
	margin:16px;
	padding:8px;
}
.thanksfortheupload {margin-left:32px;}
.thanksfortheupload p {font-size:16px;}