/* CSS Modifications by Bolton Web Design ---------------------------------------------------------------------- */
/* Homepage */
.mobileslider {display:none;}
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;}
#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;}
.homepage .col_13 {width:100%!important; max-width:270px;}
.homeSlogan {width: 92%; margin: 0 auto;}
#main {width:100%; max-width: 960px; margin: 0 auto;}
#main .content {width:92%!important; max-width:920px!important; margin: 0 auto!important;}
.homepage #main .content {width:95%!important;}
.email-link {color:#ffff66;}
#footer {width: 100%!important; max-width: 960px; margin: 0 auto;}
.footer-address {line-height: 160%;}
#cssmenu {display:none!important;}
.blog .nice_images {max-width:685px; width:100%;}
#comments {width:100%!important; max-width: 685px;}
.comments_post .user_post {width:100%!important; max-width: 550px;}
.fake-map {display: none!important;}
.fake-map-pic {display:block; width:100%; max-width: 685px;}
.hometext-content {width: 94%!important; margin: 0 auto;}


/* 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) {

#slider {display:none!important;}	
.mobileslider {display:block; width:100%;}
.mobileslider img {display:block; width:100%}
.works_detail .col_1 img {height:auto!important; margin: 20px auto;}
.blog .nice_titles {margin-bottom:60px;}
.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;}
#teaser {height: 305px!important; background:black!important;}
#teaser .cols {width: 100% !important;margin: 0 auto !important; float: none !important; max-width: 310px;}
#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;}
.col_3.design h5 {text-align:center;}
.prices-content {text-align:center;}
.nice_images {margin: 0 auto; display:block; width:100%; max-width: 590px;}
.left-list {text-align:left;}
.content-pic {width:100%; display:block; margin: 0 auto; max-width:340px;}
}

@media only screen and (max-width: 945px) {
#search_form {display:none!important;} 	
.homepage .col_13 {width:100%!important; max-width:945px;}
.col_13 .nice_images {width:90%; margin: 0 auto 20px auto; display:block;}
.col_13 p {width:90%; margin: 0 auto 20px auto!important; line-height: 120%;}
}

@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: 225px!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%;}
}