/* CSS Modifications by Bolton Web Design ---------------------------------------------------------------------- */


/* Homepage */

body {width: 100%!important; max-width: 960px; margin: 0 auto!important;}
#header {width:100%!important; max-width: 960px; margin: 0 auto;}
#header .content {width:100%!important; max-width: 960px;}
#slider {width:100%!important; max-width: 960px;}
#slider .frame {width:100%!important; max-width: 960px;}
#teaser {width:100%!important; max-width: 940px;}
#teaser .cols {width:33%!important; max-width: 312px;}
.nav {width: 100%!important; max-width: 775px;}
.col_1 {width: 196px!important;}
.col_3 {width:100%!important; max-width: 608px;}
footer .content {width:100%!important; max-width: 940px;}
#footer .left {width: 92%!important; max-width: 450px;}
#footer .col_1 {width:202px!important;}
.homeSlogan {width: 92%; margin: 0 auto;}
#main {width:100%; max-width: 920px; margin: 0 auto;}

.email-link {color:#ffff66;}
#footer {width: 100%!important; max-width: 960px; margin: 0 auto;}
.footer-address {line-height: 160%;}
#cssmenu {display:none!important;}

#footer .content {
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 15px 0 0 0;
    width: 100%!important;
    max-width: 940px;
	
}
	
	

/* About Our Company */

.lee-pic {display:block; margin: 0 auto;}
.about-pic {display:block; margin: 15px auto; width:100%; max-width: 590px;}
.lee-name {text-align:center;}


@media only screen and (max-width: 990px) {
#main .content {width:100%!important;margin: 0 auto!important;}
#slider {display:none!important;}
#teaser {display:none!important;}
.separator_3, .separator_4 {width: 98%!important;  margin: 0 auto!important;}
.copyright-statement{ margin-top:-30px!important; margin-bottom: 30px!important;} 
.col_1 {width: 98%!important; margin: 0 auto!important; float: none!important;}
.col_1 li {margin: 20px 0px;}
#footer .col_1 {width: 48%!important;    margin: 0 1%!important; float: left!important;}

#footer .left {text-align:center; float:none!important; margin: 30px auto 0px auto!important; padding-top:30px; border-top: 1px solid silver;}
#footer .align_right {text-align:center!important; padding-top: 0px!important; border-top: 0px!important; margin-top: 0px!important;}
#footer {background:none!important;}
.col_3 {width: 100%!important; max-width:990px!important;}
}

@media only screen and (max-width: 945px) {
#search_form {display:none!important;} 	
}

@media only screen and (max-width: 768px) {
#logo {margin-left: 10px;  margin-top: 5px;}
}
	

@media only screen and (max-width: 767px) {
	
	#portfolio-list {
    margin: 0 auto!important;
    padding: 0!important;
    display: block!important;
    width: 240px!important;
}


.nav {display:none!important;}
#cssmenu {display:block!important;}
body {background: black!important;}
#logo {width:100%!important; margin: 30px auto 0px auto!important; max-width:270px;}
.col_1 {float:none!important; width:98%!important; max-width: 767px;}
.col_1 h4 {text-align:center;}
.col_1 ul li {text-align:left;}
#footer .col_1 {width: 98%!important;    margin: 0 1%!important; float: none!important;}
#logo_bottom {text-align:center; display:block; margin: 40px auto;}
.col_13 {width:100%!important; margin: 30px auto!important;}	
.col_3	{width:96%!important; margin: 0 auto!important; float:none!important;}
.copyright-statement {padding-bottom: 40px;}
.footer-address {text-align:center;}
.email-link {color:#ffff66;font-size:15px; margin-top:15px;}
.col_13 {width:100%!important; margin: 30px auto!important;}	
#logo {float:none!important; margin: 0 auto;}
#main .content {text-align:center;}

.valid-xhtml {margin-bottom: 10px; line-height: 110%;}
.copyright-statement-footer {margin-bottom: 10px; line-height: 110%;}
}