html, body
	{
	height:100%;
	padding:0;
	margin:0;
	font-family:Century Gothic, Calibri, sans-serif;
	font-size:12pt;
	}
#pageWrapper
	{
	width: 1200px;
	margin: 0 auto 0 auto;
	}
#quoteBar
	{
	background:#272425;
	color:#ffffff;
	font-size: 31pt;
	line-height: 31pt;
	text-align:center;
	padding: 12px 0 12px 0;
	letter-spacing:2px;
	}
#header
	{
	background: url("images/header_paint.png") 50% -6px no-repeat;
	position:relative;
	height:196px;
	border-bottom: 6px solid #272425;
	}

#title {padding: 10px 0px 0px 85px; position:absolute; left:85px; top:7px; padding:0;}

#headContact {position:absolute; right:0; bottom:0px; overflow:hidden; padding-top:25px;}
#headContact div {position:relative; color:#ffffff; width:425px; padding:5px 0 7px 35px; box-sizing: border-box;}
#headContact .phone		{background:#8C479B; right:-40px; padding-left:25px; transform: rotate(3deg);}
#headContact .address	{background:#00A47F; right:-30px; padding-left:35px; transform: rotate(2deg); z-index:2;}
#headContact .email		{background:#ED1768; right:-35px; padding-left:30px; transform: rotate(0.5deg);}
#headContact .fax		{background:#49C6E2; right:-15px; padding-left:50px;}
#headContact .facebook	{background:#F78E1E; right:-30px;}
#headContact div {bottom: 0px !important;}

.bar {height:6px; background:#272425;}

#nav {width:1038px; height:70px; margin:0 auto 0 auto; color:#ffffff;}
#nav a
	{
	display:block;
	float:left;
	width:178px;
	font-size:15pt;
	font-weight:bold;
	text-align:center;
	padding: 8px 0 10px 0;
	transition: padding 0.2s, box-shadow 0.2s;
	}
#nav .home		{background:#F78E1E;}
#nav .about		{background:#49C6E2;}
#nav .portfolio	{background:#ED1768;}
#nav .services	{background:#00A47F;}
#nav .contact	{background:#8C479B;}
#nav .order		{background:#FFF200; color:#000000; float:right; width:140px;}
#nav a:hover {text-decoration:none; padding-top:15px; box-shadow:0px 3px 6px -2px rgba(0,0,0,0.25);}
#nav .tall {padding-top:15px;}
#nav .tall:hover {padding-top:22px;}




#footer
	{
	border-top: 6px solid #272425;
	text-align:center;
	background: url("images/footer_paint.png") 50% -8px no-repeat;
	height:135px;
	position:relative;
	}
#footerNav
	{
	padding:0 75px 0 60px;
	float:right;
	background:#F78E1E;
	color:#ffffff;
	}
#footerNav a {display:inline-block; padding:6px;}
#footerLogo {position:absolute; left:80px; top:12px;}
#footerText {font-size:14px; padding:14px 0px 0px 100px; line-height:1.7em; text-shadow: 0 0 5px #ffffff;}
#footerText a {}
#footerFB {position:absolute; right:50px; top:50px;}

#body {width:1038px; margin:0px auto 35px auto;}

.orange	{background:#F78E1E;}
.blue	{background:#49C6E2;}
.pink	{background:#ED1768;}
.green	{background:#00A47F;}
.purple	{background:#8C479B;}
.yellow	{background:#FFF200; color:#000000;}


.sxs {color:#ffffff; display:table; font-size:0; margin: 0 0 23px 0;}
.sxs div, .sxs2 img {display:table-cell; vertical-align:top;}
.sxs div {padding:25px 30px 25px 30px;}
.sxs div :last-child {margin-bottom:0;}
.sxs p, .sxs li {font-size:12pt; line-height:1.45em; text-align:justify;}
.sxs h1 {font-size:31pt; line-height:1em;}
.sxs h2 {font-size:13pt; line-height:1em; font-weight:bold;}
.sxs ul {padding-left: 20px;}
.sxs ul li {font-size:14pt; font-weight:bold; padding:4px 0px 3px 0px;}
.sxs ul li ul {padding-left: 0px;}
.sxs ul li ul li {font-size:13pt; font-weight:normal; list-style:none;}
.portfolio_banner p {font-size:16pt; text-align:left;}
.portfolio_banner div {width:620px;}

.banner {width:1038px; height:205px; position:relative; margin-bottom:23px; background-size:cover;}
.banner div {font-size:34pt; font-weight:bold; position:absolute; bottom:25px; left:35px; text-shadow:0 0 10px #ffffff;}
.banner div.white {color:#ffffff; text-shadow:0 0 10px #000000;}


.portfolio_wrapper {width:1069px; margin-left:-10px;}
.portfolio_category {width:33%; float:left; box-sizing:border-box; padding:0px 10px 20px 10px; font-size:0;}
.portfolio_link {display:block; text-decoration:none;}
.portfolio_link:hover {text-decoration:none;}
.portfolio_link .title {height:85px;}
.portfolio_link h1 {position:relative; top:50%; transform:translateY(-50%); text-align:center; color:#ffffff; font-size:18.5pt; padding:0px 30px 0px 30px;}
.portfolio_link .image {width:100%; height:161px; display:block; background-size:cover;}
/*.portfolio_link {pointer-events:none; cursor:default;}*/


.mapContainer {position:relative; height:450px; background:#F78E1E;}
.mapContainer span {position:absolute; left:50%; width:200px; margin-left:-100px; top:220px; font-size:20pt; font-weight:bold; color:#ffffff;}
.mapContainer iframe {position:absolute; left:0; top:0; background:none;}


.input {width:100%; border:1px solid #777777; margin:5px 0 5px 0; padding:8px 12px 8px 12px; font-size:17pt; box-sizing:border-box; font-family: Century Gothic, sans-serif; color:#444444;}
input::placeholder {color: #888888;}
.radio {cursor:pointer; margin-right:25px;}
.radio input {cursor:pointer; appearance:checkbox; -moz-appearance:checkbox; -webkit-appearance:checkbox;}
.submit {background:#8C479B; color:#ffffff; font-size:16pt; font-weight:bold; border:none; width:119px; height:52px; padding:0px; position:absolute; top:0px; right:0px;transition:background 0.2s;}
.submit:hover {background:#AC67BB;cursor:pointer;}
.submit:active {background:#6C277B;cursor:pointer;}


.FileUploadSection {height:52px;display:inline-block;line-height:52px;position:relative;vertical-align:top;}
.FileUploadSectionClickable {transition:background 0.2s;}
.file {padding: 0px 0px 0px 0px; background:#FFF200;color:#000000; height:100%;display:inline-block;text-align:center;font-size:14pt;overflow:hidden;font-family:'Calibri',sans-serif;font-weight:200;}
.filename {background:transparent;color:#aaa;font-style:italic;text-align:left;padding-left:10px;}
.FileUploadSectionClickable:hover .file {background:#C9C9C9;} /* #fff98c - yellow               #F78E1E - orange */
.FileUploadSectionClickable:hover .filename {background:#f0f0f0;}
.FileUploadSectionClickable:active .file {background:#A9A9A9;} /* #fff98c - yellow               #F78E1E - orange */
.FileUploadSectionClickable:active .filename {background:#f0f0f0;}
.file_overlay {position:absolute;opacity:0;filter:alpha(opacity=0);width:100%;height:100%;left:0px;top:0px;}
.file_overlay:hover {cursor:pointer;}
.success {text-align:center;padding:20px 0px 20px 0px;color:#20b050;margin-bottom:5px;}
.error {text-align:center;padding:20px 0px 20px 0px;color:#e02020;margin-bottom:5px;}



h1 {font-size:31px; color:#ffffff; margin:0;}

/*a {color:#ffffff; text-decoration:none;}*/
a {color:inherit; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}