@charset "UTF-8";
/* CSS Document */





/*-------------------------------------------------------STRUCTURAL STYLES*/

body {
/*background:#a2ce7f;*/
background:repeat url(image/paint_colors/paint_bblue.gif) #96baca;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
margin:0;
padding:0;
text-align: center;
color:#333;
}

#container {
  width: 60em;  
  background: #FFF;
  margin: 0em auto 0em auto; /* the auto margins (in conjunction with a width) center the page */
  padding:0em;
  text-align: left; /* this overrides the text-align: center on the body element. */
  height:100%;
}


#sidebar1 {
  float: left; /* this element must precede in the source order any element you would like it be positioned next to */
  width: 16px; /* since this element is floated, a width must be given */
min-height:100em;
background-image:url(image/paint_colors/paint_bblue_L.gif);
background-repeat:repeat-y;
background-position:bottom;
  padding:0; /* top and bottom padding create visual space within this div  */
}

#sidebar2 {
  float: right; /* this element must precede in the source order any element you would like it be positioned next to */
  width: 16px; /* since this element is floated, a width must be given */
min-height:100em;
background-image:url(image/paint_colors/paint_bblue_R.gif);
background-repeat:repeat-y;
background-position:bottom;
  padding:0; /* top and bottom padding create visual space within this div  */
}


#mainContent {
min-height:100em;
  margin: 0 2em; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
}

/*-------------------------------------------------------HEADER STYLES*/

#header {
text-align:right;
margin:0;
}

#header h1 {
float:left;
margin:0;
padding:0;
}

#header img {
border:none;
padding: 0 0 0 0.2em;
margin:0;
}




/*-------------------------------------------------------NAVIGATION STYLES*/

#navigation ul {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#222;
border-bottom:#aaa 1px solid;
border-top:#aaa 1px solid;
margin:0 0 2em 0;
padding:0.5em 0em;
text-align:center;
}

#navigation li {
display:inline;
}

#navigation li + li + li {
padding-left:1.1em;
/*padding-left:1.4em;*/
}

#navigation a:link, #navigation a:visited, #navigation a:active {
text-decoration:none;
color:#555;
}

#navigation a.green:link, #navigation a.green:visited, #navigation a.green:active {
text-decoration:none;
color:#5f8a30;
font-weight:bold;
}

#navigation a:hover, #navigation a.green:hover {
color:#C30;
text-decoration:underline;
}



#navigation a.current:link, #navigation a.current:visited, #navigation a.current:active {
color:#C30;
text-decoration:none;
}

#navigation a.current:hover {
color:#C30;
text-decoration:underline;
}


/*-------------------------------------------------------PROMOTION STYLES*/

#promotion {
float:right;
margin:0em 0em 1em 2em;
width:150px;
}

#promotion img {
border:none;
}

#promotion h2 {
display:none;
}

#promotion ul {
margin:0em;
padding:0em;
list-style-type:none;
}

#promotion li {
padding-top:0em;
}

#promotion li + li {
padding-top:1.2em;
}

#promotion li.fb {
padding-top:0em;
}

#promotion li.border {
	padding-top:1.2em;
	margin-top:1em;
	border-top:solid 1px #aaa;
}





/*-------------------------------------------------------CONTENT STYLES*/



.invisible {
display:none;
}

h1, h2 {
font-family:Helvetica, Arial, Verdana, sans-serif;
font-weight:bold;
color:#3172AA;
/*line-height:1.2em;*/
}

h1 {
font-weight:normal;
font-size:2em;
line-height:1.15em;
}


h3, h4, h5, h6 {
color:#000;
font-weight:bold;
}


a:link {
color:#3172AA;
text-decoration:underline;
}

a:visited {
color:#3172AA;
text-decoration:underline;
}

a:hover {
color:#CC3300;
text-decoration:none;
}

a:active {
color:#3172AA;
text-decoration:underline;
}

#values {
background:url(image/paint_colors/paint_blue.gif);
font-size:1.4em;
line-height:.9em;
font-weight:bold;
color:#3172AA;
text-align:center;
}

.promotional {
font-size:1.5em;
font-family:Helvetica, Arial, Verdana, sans-serif;
font-weight:bold;
font-style:normal;
line-height:1.1em;
}

.promotionalhalf {
font-size:1.2em;
font-family:Helvetica, Arial, Verdana, sans-serif;
font-weight:bold;
font-style:normal;
line-height:1.1em;
}

ol.spaced li + li{
font-size:1.1em;
padding-top:1em;
}

li div#testimonial {
margin:0.5em 0;
padding:1.5em 1.5em .5em;
}

ol + h1 {
border-top:#aaa 1px solid;
padding-top:1.5em;
}



#content {
padding:0 190px 0 1em;
}



img.alignleft {
padding: 0 1em .3em 0em;
float:left;
}

img.alignright {
padding: 0 0em .3em 1em;
float:right;
}

td img.alignleft, td img.alignright {
padding-bottom:0;
}

.columnright {
float:right;
width:50%;
margin-left:2em;
}

.columnright h2, h1 {
margin-top:0;
}


#references li {
padding:0 0 1em 0;
}

#references h4 {
font-size:1em;
margin:0 0 .1em 0;
}

#references h4 a:after{
content:" (visit online)";
font-weight:normal;
}

#references p {
margin:0;
}


#references ul {
padding:0;
margin:0;
list-style-type:none;
}

div.directory ul {
float:left;
margin:0 auto auto auto;
list-style-type:none;
}

div.directory li {
line-height:1.2em;
}

div.directory ul + ul {
float:none;
margin-left:35%;
}

div.directory1col ul {
	margin:0 auto 3em auto;
	list-style-type:none;
}

div.directory1col li {
line-height:1.2em;
}

ol li {
line-height:1.2em;
}

ol + h1, p + h1 {
margin-top:1.6em;
}

hr {
margin:2em auto;
}


.leadin {
display:run-in;
margin-bottom:0;
}


.leadin + p {
margin-top:0;
}

.leadin:after {
content: ": ";
}

p + h2 {
margin-top:1.2em;
}

div.service li {
display:inline;
list-style-type:none;
}

div.service li + li {
padding-left:.5em;
border-left:#aaa 1px solid;
margin-left:.5em;
}

div.service h2 a:after {
content: "  (see our work)";
font-size:.75em;
font-weight:normal;
}

div.service div {
min-height:140px;
}

div.service div + div {
margin-top:2em;
}

div.contact form ul {
padding-left:0;
margin-left:0;
}

div.contact form li {
padding-bottom:.8em;
}

div.contact strong {
color:#3172AA;
font-size:1.2em;
}

div.contact li {
padding-bottom:.35em;
list-style-type:none;
}



/*-------------------------------------------------------TESTIMONIAL STYLES*/

#testimonial {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:2.5em 0;
padding:1.5em 1.5em 1.5em 1.5em;
border-top:#aaa 1px dotted;
border-bottom:#aaa 1px dotted;
text-align:center;
background-color:#f9f9f9;
}


#testimonial h2 {
display:none;
}

#testimonial td.text {
color:#555;
font-size:.9em;
line-height:1.3em;
padding:0 1.3em;
text-align:justify;
}


#testimonial caption {
caption-side:bottom;
font-size:0.1em;
color:#fff;
}

#testimonial p {
margin:0;
}

.credit {
color:#777;
font-style:italic;
text-align:right;
padding-top:0.5em;
}

.credit:before {
content:" - ";
}

/*-------------------------------------------------------FOOTER STYLES*/

#footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:.75em;
margin:1.5em 0 0em 0;
border-top:#aaa 1px solid;
padding:.5em 0 7em 0;
text-align:center;
}

#footer h2 {
display:none;
}

#footer a:link {
color:#666;
}

#footer a:visited {
color:#666;
}

#footer a:hover {
color:#CC3300;
}

#footer a:active {
color:#666;
}

#footer ul {
padding:0em;
}

#footer li {
display:inline;
}

#footer li + li {
padding-left:.7em;
margin-left:0.5em;
border-left:#666 1px solid;
}

#credentials {
margin:2em 0 0 2.5em;
padding:0;
}

#credentials img {
	border:none;
	padding:0 2em 0 0;
}



/*-------------------------------------------------------GALLERY STYLES*/


#gallery a {
border:none;
color:#3172AA;
}



/*#gallery a:visited {
border:none;
color:#fff;
}

#gallery a:active {
border:none;
color:#fff;
}*/

#gallery a:hover {
color:#CC3300;
}

#gallery h3 {
margin-top:0;
}

/*#gallerygrid {
text-align:justify;
}*/

#gallerygrid ul {
padding:0;
margin:0;
}

#gallerygrid li {
display:inline;
}

#gallerygrid img {
border:none;
}



#gallerythumbs {
float:left;
width:6.5em;
}

#gallerythumbs ul {
padding:0;
border-right:#aaa 1px solid;
margin:0;
}

#gallerythumbs li {
display:block;
list-style-type:none;
margin-bottom:0.65em;
}

#gallerythumbs img {
border:none;
}

#galleryproject {
width:46em;
margin-left:8em;
/*width:33em;
float:right;*/
}

#galleryproject img {
margin:0em 1em 1em 0;
}

/*-------------------------------------------------------SLIDESHOW STYLES*/

#slideshow {
float:right;
margin:0 0 1em 1em;
padding:6px;
/*background:#BEDFFF;
border:#aaa 1px solid;*/
background:#fff;
border:#aaa 1px dotted;
border-bottom:#bbb 2px solid;
}

#slideshow img {
margin-bottom:6px;
border:#bbb 1px solid;
}

#slideshow h2 {
color:#fff;
/*font-size:1.8em;*/
font-weight:normal;
padding:8px 0px 4px;
text-align:center;
margin:0 0 6px 0;
background:#74b0ca;/*#96baca;*/
/*background:#7a9eae url(image/paint_bblue_drk.gif) repeat-x;*/
}

#slideshow a:link, #slideshow a:visited, #slideshow a:active {
color:#FFF;
font-weight:normal;
text-decoration:none;
margin:0;
}

#slideshow a:hover {
text-decoration:underline;
}


#slideshow h3 {
margin:0;
}

#slideshow tr + tr + tr td {
/*background:#caa163 url(image/paint_rctan.gif) repeat-x;
*/
border-right:#f5f5f5 3px solid;
background:#CDAA57;
padding:0px 0px 4px;
text-align:center;
}

#slideshow tr + tr + tr td + td {
/*background:#84a98f url(image/paint_csgreen.gif) repeat-x;*/
border-left:#f5f5f5 3px solid;
background:#a5b276/*#b6c387*/;
border-right:none;
}

#slideshow .bigger {
font-size:1.4em;
font-weight:normal;
}