@charset "UTF-8";
html, body {    
   height: 98%; 
}

#container {
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	min-height: 100%;
	position: relative;
}

#wrapper {
	width: 900px; /* 780px is just wide enough to fill and 800px screen */
	margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
	background: #fff;
	text-align: left;
	border-right: thin dotted #CCCCCC;
	border-left: thin dotted #CCCCCC;
	float: right;
	border-bottom: thin dotted #CCCCCC;
	height: 100%;
}
.toop_space {
	margin-top: 30px;
}
#wrapper_long {
	width: 800px; /* It's important to set the margin to auto if you want the layout to center */
	background: #fff;
	text-align: left;
	border-right: thin dotted #CCCCCC;
	border-left: thin dotted #CCCCCC;
	float: right;
	border-bottom: thin dotted #CCCCCC;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}
#left {
	float: left;
	width: 120px;
	background: #F8F6E5;
	height: 100%;
}

#footer {
	margin-left: auto;
	height: 20px;
	position: relative;
	width: 570px;
	margin-right: auto;
	font: xx-small Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #5A1415;
}
#footer2 {
	margin-left: auto;
	height: 30px;
	position: relative;
	width: 780px;
	margin-right: auto;
	font: xx-small Verdana, Arial, Helvetica, sans-serif;
	color: #5A1415;
	clear: both;
	margin-top: 20px;
	padding-top: 20px;
	background: #f8f6e5;
	padding-left: 20px;
	border-top: thin dotted #CCCCCC;
}
.title {
	font: bold small-caps normal 18px Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #9e0b0f;
}

.clearfooter {
	height: 20px;
	clear: both;
}

#logo-square {
	font: bold medium/40px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#web {
	margin-left: 20px;
	width: 700px;
	height: 500px;
}
#print {
	margin-left: 20px;
	background: url(../images/arrow_dots.gif) no-repeat right center;
	width: 70px;
}
#logo1 {
	float: left;
	width: 200px;
	margin-top: 20px;
	border-right: thin dotted #1F437F;
}
#logo2 {
	float: right;
	width: 400px;
	margin-top: 20px;
	margin-right: 50px;
}
#print2 {
	float: right;
	width: 400px;
	margin-top: 20px;
	margin-right: 50px;
}
#print1 {
	float: left;
	width: 200px;
	margin-top: 20px;
	border-right: thin dotted #1F437F;
}
.tableweb {
	border: 1px solid #FFFFFF;
	font-weight: normal;
}
.tableweb:hover  {
	border: 1px solid #000000;
	font-weight: normal;
}

#web1 {
}
#footer_ser {
	background: #FFFFFF;
	clear: both;
}
#top_header {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 20px;
}
#all_back {
	background: url(../images/back.jpg) no-repeat 20px top;
	height: 810px;
}
#section1_ser {
	float: left;
	width: 380px;
	text-align: justify;
	font: x-small/18px Verdana, Arial, Helvetica, sans-serif;
}
#column1_ser {
	float: left;
	width: 150px;
	margin-left: 20px;
	font-size: x-small;
	line-height: 21px;
	border-right: thin dotted #CCCCCC;
	padding-right: 10px;
    }
#column2_ser {
	float: right;
	width: 150px;
	line-height: 21px;
	padding-right: 10px;
	border-right: thin dotted #CCCCCC;
    }
#section2_ser {
	float: right;
	width: 360px;
	text-align: left;
	font: x-small/18px Verdana, Arial, Helvetica, sans-serif;
}
#column3_ser {
	float: left;
	width: 150px;
	line-height: 21px;
	padding-right: 10px;
	border-right: thin dotted #CCCCCC;
    }
#column4_ser {
	float: right;
	width: 150px;
	margin-right: 20px;
	line-height: 21px;
    }
#blob_ser {
	margin-right: auto;
	color: #CCCCCC;
	width: 800px;
	margin-left: auto;
}
#right_blob_ser {
	height: 60px;
	border-bottom: 1px dotted #9F8A00;
	margin-left: 20px;
	margin-right: auto;
	margin-bottom: 10px;
}
#print1 {
	list-style: url(../images/arrow.jpg) none outside;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a:link {
	text-decoration: none;
	font-weight: bold;
	color: #333333;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #666666;
}
a:hover {
}
body {
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: 000;
	background: ccc;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-style: normal;
	height: 100%;
}

#header, #column1, #column2, #column3, #column4 ,#footer{ 
    padding: 10px;  /* This sets a 10px padding on all of our content boxes */
}

#header {
	background: #FFFFFF;
	margin: 0;
    padding 0; 
}

#section1 {
	float: left; /* Sets this section to the left */
	background: #fff;
	width: 360px;
	text-align: left;
	font: x-small/20px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-bottom: 10px;
	vertical-align: top;
}

    #column1 {
	float: left; /* Sets this column to the left inside its section */
	background: #FFFFFF;
	width: 150px;
	font-size: x-small;
    }

    #column2 {
	float: right; /* Sets this column to the right inside its section*/
	background: #FFFFFF;
	width: 150px;
    }

#section2 {
	float: right; /*Sets this sectionto the right */
	background: #fff;
	width: 380px;
	text-align: left;
	font: x-small/20px Verdana, Arial, Helvetica, sans-serif;
	margin-right: 20px;
	margin-bottom: 10px;
}
.movespryright {
	margin-left: 20px;
}

    #column3 {
	float: left; /* Sets this column to the left inside its section */
	background: #FFFFFF;
	width: 150px;
    }

    #column4 {
	float: right; /* Sets this column to the right inside its section*/
	background: #FFFFFF;
	width: 150px;
    }
#menu {
	font: small Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: 115px;
}
#menu a {
	padding-bottom: 20px;
	text-align: right;
	color: #999999;
	text-decoration: none;
}
#menu a:link {
}
#menu a:hover {
	color: #333333;
}
#menu ul {
	list-style: none;
	text-align: right;
}
#menu li {
	text-align: right;
	color: #999999;
	text-decoration: none;
	padding-bottom: 15px;
	padding-top: 20px;
	border-top-width: thin;
	border-top-style: dotted;
}
#menu  #homeNav  a {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	padding-bottom: 20px;
	width: 100px;
	padding-right: 15px;
}
#menu #aboutNav a {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	padding-bottom: 20px;
	list-style: none;
	width: 100px;
	padding-right: 15px;
}
#menu  #serviceNav  a {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	padding-bottom: 20px;
	list-style: none;
	width: 100px;
	padding-right: 15px;
}
#menu  #portfolioNav  a {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	padding-bottom: 20px;
	list-style: none;
	width: 100px;
	padding-right: 15px;
}
#menu  #paintingNav  a {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	padding-bottom: 20px;
	list-style: none;
	width: 100px;
	padding-right: 15px;
}
#menu     #linksNav     a {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	padding-bottom: 20px;
	list-style: none;
	width: 100px;
	padding-right: 15px;
}
#menu  #contactNav  a {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	padding-bottom: 20px;
	list-style: none;
	width: 100px;
	padding-right: 15px;
}
#menu #contactNav a:hover {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	padding-bottom: 20px;
	list-style: none;
	width: 100px;
	padding-right: 15px;
}
#menu #homeNav a:hover {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	padding-bottom: 20px;
	list-style: none;
	width: 100px;
	padding-right: 15px;
}
#menu #aboutNav a:hover {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	padding-bottom: 20px;
	list-style: none;
	width: 100px;
	padding-right: 15px;
}
#menu #serviceNav a:hover {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	padding-bottom: 20px;
	list-style: none;
	width: 100px;
	padding-right: 15px;
}
#menu #portfolioNav a:hover {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	padding-bottom: 20px;
	list-style: none;
	width: 100px;
	padding-right: 15px;
}
#menu #paintingNav a:hover {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	padding-bottom: 20px;
	list-style: none;
	width: 100px;
	padding-right: 15px;
}
#menu #linksNav a:hover {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	padding-bottom: 20px;
	list-style: none;
	width: 100px;
	padding-right: 15px;
}
.top_box {
	text-align: right;
	padding-top: 10px;
}
#blob {
	margin-left: 10px;
	margin-right: 20px;
	padding-bottom: 10px;
	width: 760px;
}
#blob_about {
	margin-left: 30px;
	margin-right: 40px;
	padding-bottom: 10px;
	line-height: 35px;
	height: 100%;
	font-size: x-small;
	padding-top: 10px;
}
#blob_paint {
	margin-left: 30px;
	margin-right: 40px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#blob_port {
	margin-left: 10px;
	margin-right: 20px;
	padding-bottom: 10px;
	width: 760px;
}
#blob_paint a:hover {
	border-bottom: thin dotted #000000;
}
#left_blob {
	width: 75px;
	float: left;
	height: 115px;
}
#right_blob {
	text-align: justify;
}
#text_blob {
	margin-right: auto;
	vertical-align: middle;
	font: medium/30px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	width: 700px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 20px;
}
h4 {
}
h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
h3 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #bda200;
}
.imagebottom_top {
	margin-bottom: 20px;
	margin-top: 10px;
}
.image_right  {
	margin-right: 20px;
}
.roundcont {
	width: 750px;
	color: #000000;
	background: #d5c301;
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
.roundcont p {
	margin: 0 10px 0 120px;
	font-size: x-small;
}

.roundtop {
	background: url(images/corner_images/t_r.jpg) no-repeat right top;
}

.roundbottom {
	background: url(images/corner_images/b_r_10.jpg) no-repeat right top;
}

img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}
.greyround {
	width: 750px;
	color: #000000;
	background: #FFFFFF;
	font: x-small/35px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	}
.greyround p.columns {
	width: 700px;
}
	.greyround p {
	margin: 0 20px;
}
.greyroundtop {
}

.greyroundbottom {
}
#footer  .bluecont  a:hover {
	color: #FFFFFF;
}
#footer .bluecont a {
	color: #333333;
}
.grey p.columns {
	width: 700px;
}
.grey {
	width: 750px;
	color: #000000;
	background: #FFFFFF;
	font: x-small/21px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 10px;
}
.grey a {
	width: 750px;
	color: #000000;
	font: x-small Verdana, Arial, Helvetica, sans-serif;
}
.grey p {
	margin: 0 10px 0 120px;
	font-size: x-small;
}
.greytop {
	background: url(none) no-repeat right top;
}
.greybottom {
	background: url(none);
}
.bigblue {
	width: 750px;
	color: #000000;
	background: #c4c5d8;
	font: small/21px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
.bigblue p.columns {
	width: 700px;
}
.bigblue p {
	margin: 0 10px;
}
.bigbluetop {
	background: url(../images/corner_images/t_r_bluecl.jpg) no-repeat right top;
}
.bigbluebottom {
	background: url(../images/corner_images/b_r_bluecl.jpg) no-repeat right top;
}
p {
	font: x-small/30px Verdana, Arial, Helvetica, sans-serif;
}
.orangeround {
	width: 750px;
	color: #000000;
	background: #e9d9cc;
	font: small/21px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
.orangeround p.columns {
	width: 700px;
}
.orangeround p {
	margin: 0 20px;
}
.orangeroundtop {
	background: url(images/corner_images/t_r_paint.jpg) no-repeat right top;
}
.orangeroundbottom {
	background: url(images/corner_images/b_r_paint.jpg) no-repeat right top;
}
.orangefooter {
	width: 750px;
	color: #000000;
	background: #cf6b28;
	font: x-small/21px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 10px;
}
.orangefooter p {
	margin: 0 10px 0 120px;
	font-size: x-small;
}
.orangefooterbottom {
	background: url(images/corner_images/b_r_orange.jpg) no-repeat right top;
}
.orangefootertop {
	background: url(images/corner_images/t_r_orange.jpg) no-repeat right top;
}
.orangefooter p.columns {
	width: 700px;
}
#paint_left {
	float: left;
	width: 300px;
	margin-top: 10px;
	border-right: thin dotted #CF6B28;
}
#paint_right {
	float: right;
	width: 400px;
	margin-top: 20px;
	height: 600px;
}
#contact_left {
	width: 700px;
	margin-top: 20px;
	margin-left: 20px;
}
.redfooter {
	width: 750px;
	color: #000000;
	background: #9e0b0f;
	font: x-small/21px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 10px;
}
.redfooter p {
	margin: 0 10px 0 120px;
	font-size: x-small;
	color: #FFFFFF;
}
.redfootertop {
	background: url(images/corner_images/t_r_red.jpg) no-repeat right top;
}
.redfooterbottom {
	background: url(images/corner_images/b_r_red.jpg) no-repeat right top;
}
.redfooter a {
	color: #FFFFFF;
	font-size: x-small;
}
.greenround {
	width: 750px;
	color: #000000;
	background: #eeeccc;
	font: small/21px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
.greenround a {
	width: 750px;
	color: #000000;
	background: #eeeccc;
	font: bold normal x-small/30px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
.greenround p {
	margin: 0 20px;
	font: x-small/18px Verdana, Arial, Helvetica, sans-serif;
}
.greenroundtop {
	background: url(images/corner_images/t_r_green_li.jpg) no-repeat right top;
}
.greenroundbottom {
	background: url(images/corner_images/b_r_green_li.jpg) no-repeat right top;
}
.greenfooter {
	width: 750px;
	color: #000000;
	background: #ABA000;
	font: x-small/21px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 10px;
}
.greenfooter p {
	margin: 0 10px 0 120px;
	font-size: x-small;
}
.greenfootertop {
	background: url(images/corner_images/t_r_green.jpg) no-repeat right top;
}
.greenfooterbottom {
	background: url(images/corner_images/b_r_green.jpg) no-repeat right top;
}
.greenfooter a {
	color: #000000;
	font-size: x-small;
}
.ruler {
	border-top: 1px dotted #333333;
}
.ruler_yellow {
	border-bottom: 1px dotted #BFA405;
}
h4 {
	color: #333333;
	margin-left: 20px;
	font: italic normal small Verdana, Arial, Helvetica, sans-serif;
}
.roundcont a {
	font-size: x-small;
}
.orangefooter p a {
	font-size: x-small;
}
.bluefooter {
	width: 750px;
	color: #000000;
	background: #1F437F;
	font: x-small/21px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 10px;
}
.bluefooter p {
	margin: 0 10px 0 120px;
	font-size: x-small;
	color: #FFFFFF;
}
.bluefootertop {
	background: url(images/corner_images/t_r_blue.jpg) no-repeat right top;
}
.bluefooterbottom {
	background: url(images/corner_images/b_r_blue.jpg) no-repeat right top;
}
.bluefooter a {
	color: #FFFFFF;
	font-size: x-small;
}
#section1 a {
	font: bold x-small/20px Verdana, Arial, Helvetica, sans-serif;
}
#section2 a {
	font: bold x-small/20px Verdana, Arial, Helvetica, sans-serif;
}
#blob_about a:hover {
	border-bottom: 1px dotted #333333;
}
#wrapper a:hover {
}
h5 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #5A1415;
}
.indent {
	margin-left: 15px;
}
.yel_title {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-left: 20px;
}
.image_right2 {
	margin-right: 3px;
}
.indent_index {
	margin-left: 15px;
	font: 12px/25px Verdana, Arial, Helvetica, sans-serif;
	margin-right: 15px;
}
.space {
	padding-left: 35px;
}
.white_font {
	color: #FFF;
}