@import url('reset.css');
@import url('grid.css');

/* Universal
---------------------------------------------------------*/

body {
	background: #FCFCFC;
	margin: 0 0 0 0;
	margin: 0 0 0 0;
}

a:link { color: #7e9cb0; text-decoration: none; ; }
a:visited { color: #7e9cb0; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:link img { border: 0; }
img a:link { border: 0; }

/* Print
---------------------------------------------------------*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #717171;
	line-height: 24px;
	letter-spacing: .7pt;
}
p { margin: 0 0 25px 0; }
h1, h2, h3 { color: #333; font-weight: normal; margin-bottom: 25px; }
h1 { font-size: 30px; }
h2 { font-size: 25px; line-height: 30px; }
h3 { font-size: 20px; }
blockquote {padding-left: 30px; margin-left: -11px; color: #666; font-style: italic; border-left: 1px solid #999; }
.right { text-align: right; }
.center { text-align: center; }
ul { margin-left: 15px; list-style: square; padding-bottom: 25px; }

/* heaeder ---------------------------------------------------------------------------------------------------- */
#mast-contain { background: #fff; border-bottom: 1px dotted #ccc; padding-top: 40px; }
#container { }
#masthead {  padding-bottom: 20px; }
#logo { background: url('../images/logo.png') no-repeat; }
#logo:hover { background: url('../images/logo.png') no-repeat -230px 0; cursor: pointer; }
.menu { padding-top: 30px; }
.menu a {padding: 5px; color: #666; }
.menu a:hover { color: #000; }
.menu li { float: right; display: inline; margin-left: 50px; }
.small { font-size: 10px; }
.current_page_item a, .current_page_parent a { border-bottom: 1px solid #ffc100; }
.menu a:hover, #portfolio-nav a:hover, .categories a:hover { background: #ffc100 !important; }

/* blog ---------------------------------------------------------------------------------------------------- */
.date { text-transform: uppercase; }
.blog-title { margin-bottom: 10px; }
.blog-title h3 { margin-bottom: 2px; }
.blog-title a { color: #000; }
.blog-title a:hover { color: #ffc100; }
#sidebar {  }
#sidebar ul { margin: 0 0 25px 0; padding: 0; list-style-type: none; }
#sidebar a { color: #999; }
#sidebar a:hover { color: #666; }
#blog { margin:  0; width: 640px; position: relative; left: 10px; }
.white { background: #fff; padding: 10px; margin-bottom: 25px; border: 1px dotted #ccc;  }
.archive { color: #000; background: #ccc; padding: 5px; text-transform: uppercase; margin-bottom: 25px; padding-left: 10px; }
.categories { margin-bottom: -10px; }
.categories a { background: #a2a2a2; color: #fff; margin-right: 10px; padding: 5px; }
/* portfolio ---------------------------------------------------------------------------------------------------- */
#project-navigator { padding-top: 20px; padding-bottom: 5px; border-bottom: 1px solid #ccc; text-transform: uppercase; letter-spacing: 0.6pt; font-size: 11px; color: #999; }
#bottom-project-navigator { padding-top: 5px; padding-bottom: 5px; text-transform: uppercase; letter-spacing: 0.6pt; font-size: 11px; color: #999; margin-top: 25px; }
#awards { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0 10px 0; color: #999; font-size: 12px; }
#awards a { color: #999; text-decoration: underline; }
.stripe { height: 5px; display: block; background: url('../images/gray-stripe.png'); margin-bottom: 25px; }
.caption { display: block; color: #666; font-style: italic; padding-top: 5px; border-top: 1px dotted #ccc}
#recognition { border: 1px dotted #ccc; padding: 10px; background: url('../images/recognition.png') no-repeat 100% 5px; }
.project { padding: 5px; background: #ccc; color: #fff !important; display: block; }
.project:hover { background: #ffc100; }
#portfolio-nav { color: #666; font-size: 11px; }
#portfolio-nav ul, #footer ul { margin: 0; padding: 0; list-style: none; }
#portfolio-nav li { border-bottom: 1px dotted #ccc; padding: 5px 0 5px 0; }
#portfolio-nav a { color: #666; }

/* slider ---------------------------------------------------------------------------------------------------- */
		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{ 
			height:550px;
			width:780px;
			overflow:hidden;
			}	
	ol#controls{
		margin:1em 0 50px 0;
		padding:0;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		}
	ol#controls li a{
		float:left;
		border:1px solid #ccc;
		background:#f0efef;
		color:#333;
		padding:0 5px 0 5px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#ffc100;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}						
	
/* // slider */		
	
/* footer */
#footer { margin-top: 50px; padding-bottom: 75px; border-top: 1px solid #ccc; }
#footer-bar { padding-top: 24px; color: #ccc; font-size: 11px; }
#copy { padding-top: 25px;  font-size: 11px; }
#copy li { padding: 0; float: left; margin-right: 15px; }
#copy a { color: #ccc; } #copy a:hover { color: #333; }