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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

body {
	line-height: 1;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}
ol, ul {
	list-style: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


h1, h2, h3 {
    font-size: 25px;
    color: #0080aa;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 20px;
}

p { 
	color:#494949 ;
	font-family: Arial, sans-serif;
	line-height: 1.7em;
	font-size: 15px;
	margin: 0 0 16px 0;
}


a.btn {
	display: block;
	float: left;
	padding: 6px 8px;
	background: #30302e url("../images/btn.gif") 0 0 repeat-x;
	border: 1px solid #30302e;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	}
	a.btn:hover {
	border: 1px solid #30302e;
	background: #30302e url("../images/btnr.gif") 0 0 repeat-x;
	}

		a.btn:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		/* Hides from IE-mac \*/
		* html  a.btn {height: 1%;}
		/* End hide from IE-mac */


#access {
    display: none;
}

.inner {
    width: 940px;
    margin: 0 auto;
}

#branding {
    background: #191919 url("../images/branding.png") 50% bottom repeat-x;
    }
    #branding .inner {
        position: relative;
        height: 100px;
        }
        #branding .logo {
            position: absolute;
            bottom: 9px;
            left: 20px;
        }
		
	#branding ul#navMain {
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 20px;
		right: 20px;
		}
		#branding ul#navMain li {
			margin: 0;
			padding: 0;
			float: left;
			}
			#branding ul#navMain li a {
				padding: 0 6px 1px;
				margin: 0 8px 0;
				color: #d1d1d1;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
				}
				#branding ul#navMain li a:hover {
				}
			#branding ul#navMain li a:hover {
				color: #fff;
				border-bottom: 1px solid #0080aa;
				}
				
			#branding ul#navMain li.active a {
				color: #fff;
				border-bottom: 1px solid #ff7f55;
				}
#featured {
    background: #444 url("../images/featured.png") 50% top repeat-x;
    padding: 30px 0 40px;
    }
    #featured .inner {
        background: url("../images/featuredInner.png") 50% top no-repeat;
        width: 940px;
        height: 330px;
		padding: 10px;
		position: relative;
		}
		#featured .inner span {
			width: 149px;
			height: 87px;
			display: block;
			text-indent: -9999px;
			position: absolute;
			top: 7px;
			right: 7px;
			background: url("../images/ribbon_featured.png") 0 0 no-repeat;
		}
		
		#featured .inner .col1 {
			width: 440px;
			height: 310px;
			padding: 10px;
			float: left;
			}
			#featured .inner .col1 img{
			}
		#featured .inner .col2 {
			width: 380px;
			height: 250px;
			padding: 70px 80px 10px 0;
			float: right;
			}
			#featured .inner .col2 h4 {
				font-size: 36px;
				color: #040106;
				margin: 0 0 .2em;
			}
			#featured .inner .col2 p{
				font-size: 11px;
				margin: 0 0 1.5em;
				line-height: 1.5em;
				color: #7F7F7F;
			}

#content {
    background: #fff url("../images/content.png") 50% top repeat-x;
    line-height: 1.2em;
	 padding: 0 0 60px 0;
    }
    #content .inner {
        padding: 55px 0 0;
		  overflow: hidden;
    }
	 
#ourWork { 
	width: 940px;
	padding: 0 0 30px 0;
	overflow: hidden;
} 
    
#ourWork h2 {
    width: 149px;
    float: left;
    display: block;
    padding: 0;
	 line-height: 1em;
}

#ourWork ul.tabs {
    width: 791px;
    border-bottom: 1px solid #343434;
    float: left;
    padding: 0 0 6px;
    position: relative;
    top: -3px;
    }
    #ourWork ul.tabs li {
        float: left;
        padding: 0 6px 0;
        text-transform: uppercase;
        }
        #ourWork ul.tabs li a {
            display: block;
				font-weight: bold;
            text-decoration: none;
            color: #929292;
            }
            #ourWork ul.tabs li a:hover,#ourWork ul.tabs li.active a{
                color: #000;
            }
            
    .clip {
        overflow: hidden;
        width: 940px;
        height: 265px;
        clear: both;
    }
            
    .work {
			overflow: hidden;
			height: 265px;
        }
        .work ul {
            width: 960px;
            float: left;
            }
            .work li {
                width: 300px;
                float: left;
                margin: 0 20px 0 0;
                color: #494949;
                }
                .work li img {
                    padding: 1px;
                    background: #fff;
                    border: 5px solid #191919;
                    margin: 0 0 4px;
                }
                .work li p {
                    font-size: 11px;
                    line-height: 1.45em;
                }



#footer {
	height: 350px;
	padding: 25px 0 0;
	background: #1a1a1a url("../images/footer.jpg") 50% 0;
	}
	#footer .inner {
		width: 940px;
		padding: 0 10px;
		overflow: hidden;
	}
	
#siteInfo { 
	border-top: 1px solid #000;
	color: #666;
	background-color: #333;
}

#siteInfo p { 
	font-size: 10px;
	line-height: 1em; 
	margin: 0;
	padding: 7px;
}

#siteInfo a { 
	color: #999;
	text-decoration: none;
}
#siteInfo a:hover { 
	color: #999;
	text-decoration: underline;
}

.container { 
	width: 960px;
	margin: 0 auto;
}

	
#getInTouch {
	float: left;
	margin: 0 90px 0 0;
	}
html* #getInTouch {
	margin: 0 80px 0 0;
	}
	#getInTouch h3 {
	}
	#getInTouch fieldset.col1 {
		float: left;
		margin: 0 20px 0 0;
	}
	#getInTouch fieldset.col2 {
		width: 300px;
		float: left;
	}
	
	
	#getInTouch label {
		font-size: 13px;
		color: #8f8f85;
		padding: 0 0 6px;
		display: block;
		float: left;
		}
		#getInTouch label em {
			color: #08607d;
		}
		#getInTouch label em.error {
			color: #a00;
		}
	#getInTouch input.text {
		clear: both;
		width: 212px;
		height: 18px;
		margin: 0 0 15px;
		padding: 3px;
		font-size: 13px;
		background: #1c1c1c;
		border: 1px solid #373737;
		color: #8f8f85;
		display: block;
		}
		
	#getInTouch textarea {
		clear: both;
		font-family: Helvetica, Arial, sans-serif;
		width: 292px;
		height: 137px;
		padding: 3px;
		margin: 0 0 16px;
		background: #1c1c1c;
		border: 1px solid #373737;
		color: #8f8f85;
		font-size: 14px;
	}
	
	#getInTouch input.text:focus, #getInTouch textarea:focus {
		border: 1px solid #0080AA;
	}
	
	#getInTouch input.error, #getInTouch input.error:focus, 
	#getInTouch textarea.error, #getInTouch textarea.error:focus  {
		border: 1px solid #a00;
	}
	
	
	#getInTouch input.submit {
		clear: both;
	}
	
	#getInTouch label.messages {
	}

	#getInTouch p.thankyouMsg {
		font-size: 16px;
		color: #0080AA;
		margin: 0 0 1em;
	}

#flickr  {
	overflow: hidden;
	width: 308px;
	padding: 28px 0 0;
	float: left;
	}
	#flickr h3 {
		text-transform: none;
		margin: 0 0 10px;
		padding: 0 8px;
		}
		#flickr h3 span {
			color: #ba0864;
			padding: 0 0 0 1px;
		}

	#flickr .flickr_badge_image {
		float: left;
		display: inline;
		margin: 0 0 8px 8px;
		}
		#flickr .flickr_badge_image a {
			display: block;
			border: 1px solid #484848;
			}
			#flickr .flickr_badge_image a:hover {
				border: 1px solid #0080AA;
			}
	#flickr .flickr_badge_image img {
		width: 67px;
		height: 67px;
	}