/* MateoWorks v2 */

/* Browser resets */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:400;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
img{border:none;}

/* Layout  */
body{background-color:#4d4d4d;font-family:Arial;}
#container{width:100%;}
.clear{clear:both;}
.floatL{float:left;}
.floatR{float:right;}
.dline{background:url('../img/dbl-line.gif');height:136px;text-align:right;}
#top{background-color:#fff;width:100%;}
p{font-size:12px;margin-bottom:10px;}
#content-container p{font-size:12px;margin-bottom:10px;line-height:1.3;}
#content-container ul{list-style:square;list-style-position:inside;padding-left:10px;}
#content-container ol{list-style:decimal;list-style-position:inside;padding-left:10px;}
#content-container h3{margin-bottom:10px;}

/* Sitemap  */
#sitemap{left:-390px;position:relative;top:-2px;width:518px;}
#sitemap .box{background:url('../img/map.gif');height:112px;width:518px;}
a.button{display:block;position:absolute;width:114px;height:29px;}
a.button span{display:none;}
a.home{left:23px;top:24px;}
a.home:hover{background:url('../img/sitemap/home.gif');}
a.about{left:143px;top:24px;}
a.about:hover{background:url('../img/sitemap/about.gif');}
a.services{left:261px;top:24px;}
a.services:hover{background:url('../img/sitemap/services.gif');}
a.blog{left:29px;top:66px;}
a.blog:hover{background:url('../img/sitemap/blog.gif');}
a.work{left:148px;top:66px;}
a.work:hover{background:url('../img/sitemap/work.gif');}
a.contact{left:266px;top:66px;}
a.contact:hover{background:url('../img/sitemap/contact.gif');}

/* Top Navigation  */
#nav{background-color:#fff;}
#nav a.prev{background:url('../img/prev-top.gif');display:block;float:left;height:110px;width:110px;}
#nav a.next{background:url('../img/next-top.gif');display:block;float:right;height:110px;width:110px;}
#nav a.prev:hover{background:url('../img/prev-top-over.gif');float:left;}
#nav a.next:hover{background:url('../img/next-top-over.gif');float:right;}
#nav a span{display:none;}

/* Footer  */
#footer{background:url('../img/ftr-bg.gif');height:345px;position:relative;}

/* Logo  */
h1{background:url('../img/logo.gif');float:right;height:136px;margin-right:25px;width:496px;}
h1 span{display:none;}

/* Page Title  */
.page{margin:45px 0 0 20px;}
.page img{display:block;}
.page ul{padding:4px 25px;}
.page ul li{float:left;font-size:11px;}
.page ul li a{color:#333;font-weight:700;text-decoration:none;}
.page ul li a.active{color:#315540;text-decoration:none;}
h2.about{background:url('../img/header_about.gif');height:32px;width:188px;}
h2.portfolio{background:url('../img/header_work.gif');height:32px;width:188px;}
h2.references{background:url('../img/header_references.gif');height:32px;width:188px;}
h2.services{background:url('../img/header_services.gif');height:32px;width:188px;}
h2.blog{background:url('../img/header_blog.gif');height:32px;width:188px;}
h2.contact{background:url('../img/header_contact.gif');height:32px;width:188px;}
h2.agencies{background:url('../img/header_agencies.gif');height:32px;width:188px;}
h2.devteams{background:url('../img/header_devteams.gif');height:32px;width:188px;}
h2 span{display:none;}


/* Client List  */
#clientList{text-align:center;}

/* Links  */
a{color:#0D5A2C;text-decoration:none;font-weight:bold;}
a:hover{color:#999;}

/* Headers  */
h3{color:#333;}