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

*{margin:0;padding:0;text-align: center;}
html, body{
height: 100%;
}
body a{ text-decoration:none}

#color { max-width:100%; width:100%; height:200px; background-color:#aedfe5; margin:0; text-align:center;}

#logo {width:100%; max-width:100%; height:100px;margin-bottom:0px;display:block;text-align:center;}
#text {float: inherit;width:70%; text-align: inherit;padding-top:15px; margin-top:45px;margin-left:auto;margin-right:auto;}
#contact{width:12%; height:45px; margin-left:auto;margin-right:auto;background-color:#000; border-radius:5px;}

ul#navigation {height:30px;list-style: none;font-weight:100; margin-top:6px; margin-left:10px;}
ul#navigation li {float:left;padding-right:15px; font-weight:100;}
ul#navigation li a {font-family:"museo-sans", sans-serif;;font-size:16px;color:#333;text-decoration:none;padding-right:10px;letter-spacing:0.04em; font-weight:100;}
ul#navigation li a:hover {color:#7bcdd0}
ul#navigation li.active a {color: #333;}

#wrap {width:100%; max-width:100%; padding-top:20px;text-align:center;display:block;margin:0 auto;}
	
#nav {display:block;overflow:hidden;padding: 2px 0 2px 0;width:65%;height:30px;margin:0 auto;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;text-align:center;}

#nav1 {display:block;overflow:hidden;padding: 2px 0 2px 0;width:960px;height:30px;margin:0 auto;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;text-align:center;}

#space {height:10px;display:block;}
	
#image {max-width:100%;display:block;margin:0 auto; text-align:center;}

#work {width:960px;height:100px;margin-top: 20px;margin-bottom:50px;display:block;margin:0 auto;text-align:center;}

figure{float:left;height:252px;width:301px;display:block;margin:0;background:#fff;border: 1px solid #EBEBEB;padding:0;}

.desc{flont:left; text-align:left;height:30px; padding:10px; margin-top:250px;}
	
h1{font-family:"museo-sans", sans-serif; font-size:10px; font-style:italic;font-weight:300;}
h2{font-family:"museo-sans",sans-serif; font-size:10px;font-style: normal;font-weight: 500;}
h3{font-family:"museo-sans", sans-serif; font-size:25px; font-weight:500; color:#FFF; padding-top:10px;}
h4{font-family:"museo-sans", sans-serif; font-size:12px; font-weight:300; text-align:center; width:60%; margin-right:auto;margin-left:auto; text-decoration:none;}

img.fade {opacity: 1;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear}
img.fade:hover {opacity: 0.6}
ul.holder {width:960px; text-align:center; margin-top:0 auto;}
ul.holder li.item {width:303px;height:305px;margin-right:22px; margin-top:10px;margin-bottom:12px;float:left;overflow:hidden;list-style:none; background:#FFF; border: 1px solid #EBEBEB; display:block}
ul.holder li.item1 {width:303px;height:305px; margin-top:10px;margin-bottom:12px;float:left;overflow:hidden;list-style:none; background:#FFF; border: 1px solid #EBEBEB; display:block}
	
	
ul.work {width:100%;margin-top:0;;}
ul.work li.item {width:100%;margin:15px;float: left;overflow: hidden;list-style: none; background:#FFF; }
ul.work li.text {width:600px;margin:15px;float: left;overflow: hidden;list-style: none;}

.tweet{padding: 3px 0 3px 20px;background-repeat: height:22px; width:113px;no-repeat;background-position: 0 50%;background-image: url("../images/tweet.png");}