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

body { 
	margin: 0; 
	text-align: center; 
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #FFF;
	color: #444;
}

img { 
	border: 0; 
	}
	
h2.title { 
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size:1.9em;
	font-weight:normal;
	padding:0 0 0.4em 0;
	border-bottom:2px solid #ddd;
	margin-top:-0.5em !important; 
	margin-bottom: 0.9em;
}

h3.title {
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size:1.6em;
	font-weight:normal;
	padding:0 0 0.4em 0;
	border-bottom:0.1px solid #ddd;
	margin-bottom: 0.9em;
}


a:link, a:visited, a:hover, a:active {
	color: #008F00;
	text-decoration:underline;
}

h2 a:link, h2 a:visited, h2 a:active, h3 a:link, h3 a:visited, h3 a:active {
	color: #444;
	text-decoration:none;
}

h2 a:hover, h3 a:hover {
	color: #008F00;
	text-decoration:none;
}

#footer a:link, #footer a:visited, #footer a:active {
	text-decoration:none;
	color: #888;
}

#footer a:hover {
	text-decoration:underline;
}

a.navItem:link, a.navItem:visited, a.navItem:active {
	color: #444;
	text-decoration: none;
}

a.navItem:hover {
	text-decoration:underline;
}

#container {
	width: 770px;
	margin: auto;
	text-align: center;
}

#header {
	width: 770px;
	height: 85px;
	text-align: right;
}

#header #logo { float: left; margin-top: 10px; }

#nav { float: right; padding-top: 30px; }

#nav .navItem {
	font-family: 'Trebuchet MS', 'Century Gothic', Verdana, Arial, Sans-Serif;
	font-size:1.4em;
	padding-right:0.5em; 
}

#outer { width: 770px; background-color: #ddd; }
#inner { width: 746px; background-color: #ddd; margin-left: 11px; margin-right: 11px;}
#wrapper {
	width: 768px;
	text-align: left;
	margin: auto;
	background-color: #eee;
	margin-left: 1px;
	margin-right: 1px;
}
#wrapper_top { width: 770px; height: 33px; background: url(../images/bg_top-770-bordered-published.gif) no-repeat;}
#wrapper_bottom { width: 770px; height: 33px; background: url(../images/bg_bottom-770-bordered-published.gif) no-repeat; clear:both; }

#main {
	width: 744px;
	background: #fff;
	text-align: left;
	/*clear: both;*/
	margin-left: 1px;
	margin-right: 1px;
}

#canvas {
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 10px;
}

#stretchdiv {
	clear:both;
}

#footer {
	color: #888;
	font-size:1.0em;
	line-height:1.4em;
	margin-top: 2em;
	margin-bottom: 2em;
	text-align:center;
	clear:both;
}
.clear {clear: both;}

ul.images {
	list-style:none;
}

ul.contacts { 
	font-size:1.1em;
	line-height:1.4em;
	color: #444;
}

ul.contacts li {
	padding-top:0.8em;
}

ul.contacts li a {
	text-decoration:none;
}

ul.contacts li a:hover {
	text-decoration:underline;
}

div.social {
	padding-left: 3em;
}

div.social img {
	margin-right: 1em;
}
	 
.basic-text, .basic-text-bold, .basic-text-light { 
	font-size: 1.1em; 
	line-height: 1.4em;
}

.exaggerate, .exaggerate-bold, .exaggerate-light {
	font-size:1.4em;
}

.basic-text, .basic-text-bold, .exaggerate, .exaggerate-bold { 
	color: #444; 
}
	
.basic-text-light, exaggerate-light { 
	color: #788496; 
}

.basic-text-bold, exaggerate-bold {
	font-weight:bold;
}

/********************************************************/
/* Front Page											*/
/********************************************************/

div#frontpage div#intro {
	text-align:center;
	margin-top:70px;
	margin-bottom:50px;
}

div#frontpage div#middle {
	background-color: #eee;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	padding: 25px 0px 30px 0px;
	text-align:left;
}

div#frontpage div#middle h2 {
   	/* For 3 pics */
    width: 515px;
	/* For 4 pics */
	/* width: 686px; */
	margin: 0px auto 5px auto;
	font-weight: normal;
	padding: 0px 2px 0px 28px;
	font-size: 1.8em;
	color: #9f9f9f;
	letter-spacing: -1px;
}
        	    
div#frontpage div#middle ul#work {
   	/* For 3 pics */
    width: 515px;
	/* For 4 pics */
	/* width: 686px; */
	padding: 0px 0px 0px 30px;
	margin: 0px auto 0px auto;
	list-style-type: none;
}
        	    
div#frontpage div#middle ul#work li {
	display: inline;
}
            	    
div#frontpage div#middle ul#work li img {
	width: 139px;
	height: 57px;
	border: solid 4px #d7d7d7;
	margin: 15px 15px 0px 0px;
}

div#frontpage div#footer {
	color: #555;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height:1.4em;
	margin-top: 20px;
	margin-bottom: 20px;
}

div#frontpage div#footer a {
	color:#555;
	text-decoration:none;
}

div#frontpage div#footer a:hover {
	text-decoration:underline;
	}

div#frontpage div#footer .legal {
	font-size:1.1em;
	line-height:2.0;
}

div#frontpage div#footer .links {
	font-size:1.3em;
}