@media print {
	#logoprint {display: list-item; list-style-image:url(images/logoprint.jpg); list-style-position: inside; padding-left: 20px; padding-bottom: 20px}
	#header {display:none}
	#left {display:none}
	#right {display:none}
	#content {display: compact; line-height:10px; width:95% !important; width:60%}
}

html, body {margin:0; padding: 0;}

body {font-family: 'Quicksand', sans-serif; font-size: 18px; background-color: #EAEAEA;}

.left {float:left}
.right {float:right}
.center {text-align:center}
.clear {clear:both}

#container {width: 100%; max-width: 1280px; margin: 0 auto}

header {height: 130px; background-color: #79a2b8; border: 0; font-size:26px; color:#C5272C; 
moz-box-shadow: 2px 3px 3px #999;
-webkit-box-shadow: 3px 3px 4px #666;
box-shadow: 2px 3px 4px #888;}

.logo { position:absolute; top: 0}
.header { padding: 15px}
.header a { padding-right: 20px}

#wrapper {width: 100%; max-width: 1280px;
-moz-box-shadow: 2px 3px 3px #999;
-webkit-box-shadow: 3px 3px 4px #666;
box-shadow: 2px 3px 4px #888;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');}

#left {width: 180px; float:left; background-color: #253238; text-align:right; overflow-y: hidden; padding:10px; margin-right: -200px;
-moz-box-shadow: 2px 3px 3px #999;
-webkit-box-shadow: 3px 3px 4px #666;
box-shadow: 2px 3px 4px #888;}
#content {float:left; background-color: #EAEAEA; margin-top: 5px; margin-left: 200px}
.content {/*float:left;*/ padding: 15px;}

.portfolio .content img {max-width: 550px; margin: 0 auto;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(82,76,82,0.7);
	-moz-box-shadow: 0px 0px 10px 3px rgba(82,76,82,0.7);
	box-shadow: 0px 0px 10px 3px rgba(82,76,82,0.7); 
}

#right a:link  {color: #F0F0F0; text-decoration: none;}
#right a:visited {color: #F0F0F0; text-decoration: none;}
#right a:hover {color: #CAC9C9;}
#right a:active {color: #CAC9C9; text-decoration: underline;}

footer {width: 100%; font-size: 12px; font-family: "Trebuchet MS", Tahoma, serif; font-weight:700; clear:both; text-align:center; padding-bottom: 15px; padding-top: 20px;
-moz-box-shadow: 2px 3px 3px #999;
-webkit-box-shadow: 3px 3px 4px #666;
box-shadow: 2px 3px 4px #888;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');}



.portfolio {height: 100%;}
.portfolio #left {height: 973px;}
.portfolio #right {height: 980px;}
.portfolio strong {margin-bottom: 20px;}


#text {padding: 5px 35px 5px 35px; text-align:left; line-height: 17px}

.fb {padding-left: 18px; line-height: 16px}
.fb-like {width: 50px !important; display:block; padding: 5px 0 0 15px}

#contact {padding: 139px 0px 115px 0px}

#eco {text-align:center}

.triangle {text-align:center; font-size: 12px; font-family: "Trebuchet MS", Tahoma, serif;}
img.center {display: block; margin: auto}
img {width: 100%; height:auto; display:block; outline: 0}

/* Navigation */
nav {font-size: 17px; font-family: "Trebuchet MS", Tahoma, serif;}

ul.nav {width: 200px; margin: 0px; padding: 0px; margin-left: -10px}
nav li a {display:block; list-style-type:none; margin: 0px; padding: 4px 56px 3px 0px;}

nav a:link {color: #F0F0F0; text-decoration: none;}
nav a:visited {color: #F0F0F0; text-decoration: none;}
nav a:hover {color: #C5272C;}
nav a:active {color: #C5272C; text-decoration: underline;}

ul.nav li:hover{color: #C5272C; background-color:#F0F0F0; text-decoration:none;}

nav a#pull {display: none;}

a:link {color: #02307D; text-decoration: none;}
a:visited {color: #02307D; text-decoration: none;}
a:hover {color: #A91717; text-decoration: underline;}
a:active {color: #A91717; text-decoration: underline;}


h1 {font-size: 22px; color: #333399; font-weight: normal; font-family: 'Quicksand', serif; margin: 0}

h2 {font-size: 19px; color: #333399; font-weight: 500; font-family: 'Quicksand', serif; margin: 0}

h3 {font-size: 17px; color: #333399; font-weight: 500; font-family: 'Quicksand', serif; margin: 0}

h4 {font-size: 16px; color: #000000; font-weight: 500; font-family: Arial, Helvetica, sans-serif; margin: 0; line-height: 19px}

.style2 {color: #CC0033;}

.small {font-size: 14px;}

.green {color: #339933}

.bold, strong {font-weight: 500;}

td {font-size: 13px;}

.imgspace {margin-right: 30px}

.button {background-color: #FFFFFF; border-color: #CC3366; border-style: beveled; border-width: 2; color: #000000; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

.submit {background-color: #CCCCFF; border-color: #CC3366; border-style: beveled; border-width: 2; color: #000000; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

input, textarea {border-color: #6355B5; border-style: ridge; border-width: 1; font-size: 10pt; font-family: Arial, Verdana, Helvetica, sans-serif;}

#Services {border: 0px}

.padtop20 {padding-top: 20px}

.splash {margin-top: 0px}

/* Portfolio */
ul.newwin { list-style-image: url(images/newwin.png); list-style-position: outside; padding-left: 24px; line-height: 32px}




/*@media screen and (max-width: 980px){
    .wp-page-content{font-size: 15px;}
    h1, h2, .big {font-size:21px;}
    h3 {font-size:15px;}
    h4 {font-size:21px;}
    h5 {font-size:17px;}
    #main-nav ul li a {padding: 0px 21px; font-size:15px;}
    #content-advertisement h2 {font-size: 20px;}
    .bigger {font-size:16px;}
    #content-advertisement h2 {font-size: 17px; text-align: center}

    img.logo {width:335px !important;}
}*/

/*@media only screen and (max-width : 1279px) {  
#content {max-width: 83.3%}
}

@media only screen and (max-width : 1198px) {  
#content {max-width: 83%}
}
 */

@media only screen and (max-width : 667px) {  

#left {  
        display: none;}

    nav {  
        border-bottom: 0;  
    }  
    nav ul {  
        display: none;  
        height: auto;  
    }  
    nav a#pull {  
        display: block;  
        background-color: #283744;  
        width: 100%;  
        position: absolute;
		top: 10 px;
		left: 30%;  
    }  
    nav a#pull:after {  
        content:"";  
        background: url('nav-icon.png') no-repeat;  
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 10px;  
    }  
	
}