@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	Be Creative Everyday
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		bce_main.css
	Date:		Nov 3, 2009
	Author:		Mike Moore || http://becreativeeveryday.com
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	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%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
		font:normal 14px Arial, Helvetica, sans-serif;
		color:#000;
		background:#fff url(../images/bg_main.jpg) top center repeat-x;
	}
	a{
		color:#0373c5;
		text-decoration:none;
	}
	a:hover {
		text-decoration:underline;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both;
		height:0px;
		font-size:1px;
		overflow:hidden;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
.container {
	width:960px;
	margin:0 auto;
}
/*-----top-----*/

#top {
border-top:2px solid #5d5d5e;
border-top:1px solid #fff;
}

h1 span {
display:none;
}
h1 img {
display:block;
}
h1 {
margin:15px 0 0 5px;
float:left;
}

#top h2 {
display:block; float:left;
width:530px; height:105px;
background:url(../images/h2_newsite.png) top left no-repeat;
text-indent:-9999px;
margin:65px 0 0 56px;
}

/*--nav---*/

#nav {
height:38px;
background-color:rgba(0,0,0,.65);
margin:14px 0 0 0;
*background:#000
}

#nav ul {
width:940px;
margin:0 auto;
}

#tabs {
	min-height:600px;
}

/*--PORTFOLIO--*/
#tabs-2 {
	width:940px;
	margin:0 auto;
	padding:30px 0 0 0;
}
ul#photoFeed li {
display:block; float:left;
margin:0 35px 35px 0;
width:151px; height:155px;
}
ul#photoFeed li a {
width:145px;
display:block;
overflow:hidden;
background:#fff;
border:3px solid #555958;
position:relative;
max-height:149px;
text-decoration:none;
}


	ul#photoFeed li a:hover {
		border-color:#0373c5;
	}
	ul#photoFeed li a .mag {
		position:absolute;
		right:5px; top:5px;
		display:none;
		background:url(../images/mag.png) top left no-repeat;
		width:21px; height:21px;	
		text-decoration:none;
	}
		ul#photoFeed li a:hover .mag {
			display:block;
		}
ul#photoFeed li a img {
display:block;
width:145px;
}
	ul#photoFeed li a:hover img {
		opacity:.7;
	}

/*--- CONTACT --- */
#tabs-1 {
	width:940px;
	margin:0 auto;
	padding:30px 0 0 0;
}

#form {
width:460px;
float:left;
background-color:rgba(255,255,255,.60);
*background:#fff;
border:1px solid #a5b5bd;
box-shadow:0px 5px 5px rgba(0,0,0,.20);
-webkit-box-shadow:0px 5px 5px rgba(0,0,0,.20);
-moz-box-shadow:0px 5px 5px rgba(0,0,0,.20);
}
	#form .inner {
		padding:15px;
	}
	#form h3 {
		font-family:Georgia,sans-serif;
		color:#000;
		font-weight:bold;
		font-style:italic;
		font-size:18px;	
	}
	
#otherContact {
width:400px;
float:right;
}

#otherContact h3 {
margin:15px 0 0 0;
border-bottom:2px solid #000;
font-family:Georgia,sans-serif;
color:#000;
font-weight:bold;
font-style:italic;
font-size:18px;
line-height:15px;
}
ul#mainContact {
	padding:10px 0 0 0;
}
ul#mainContact li {
	padding:0 0 15px 60px;
	font-size:24px;
	font-weight:bold;
	line-height:50px;
}
ul#mainContact li.phone {
	background:url(../images/icon_phone.png) top left no-repeat;
}
ul#mainContact li.email{
	background:url(../images/icon_email.png) top left no-repeat;
	
}
ul#mainContact li.snail {
	line-height:normal;
	background:url(../images/icon_snail.png) top left no-repeat;
}
	ul#mainContact li.snail span {
		display:block;
		padding:10px 0 15px 0;
		border-bottom:1px solid #555958;
	}
ul#social {
	padding:15px 0 0 0;
}
	ul#social li {
		margin:0 10px 0 0;
		float:left;
	}
	ul#social li.header {
	width:60px;
	margin:0;
	line-height:50px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	letter-spacing:-.5px;
	}
		ul#social li a:hover img {
			opacity:.5;
		}

/*---footer---*/

#footer {
	width:940px;
	margin:70px auto 0 auto;
	padding:88px 0 70px 0;
	text-align:center;
	font-size:11px;
	font-style:italic;
	color:#555958;
	line-height:18px;
	background:url(../images/footer.png) top center no-repeat;
}
#footer a {
		color:#555958;
		text-decoration:none;
	}
#footer a:hover {
	text-decoration:underline;
}
	
/*--mailForm --*/
iframe {
display:block;
margin:30px 0 0 0;
}
form b {
display:block; float:left;
color:#000; text-transform:uppercase;
font-size:14px; line-height:30px;
}
form .clearfix input.form_1 {
display:block; float:right;
padding:2px; margin:0;
height:24px; width:316px;
border:1px solid #e6e6e6;
background:#fff url(../images/bg_input.png) top left repeat-x;
}
form .clearfix textarea {
display:block; float:right;
padding:2px; margin:0;
height:140px; width:316px;
border:1px solid #e6e6e6;
background:#fff url(../images/bg_input.png) top left repeat-x;
}
form .pad {
padding:0 0 30px 0;
}
form #buttons {
	padding:15px 0 0 109px;
}
form #buttons .btn {
	display:block; float:left;
	border:1px solid #27475e;
	border-color:rgba(38,71,94,.74);
	color:#fff;
	font-family:Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	text-shadow:0px 1px 1px rgba(0,0,0,.25);
	line-height:30px;
	padding:0 30px;
	background:#4d96cb;
	box-shadow:0px 1px 2px rgba(0,0,0,.70);
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,.70);
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,.70);
	border-radius:3px;  
	-moz-border-radius:3px;  
	-webkit-border-radius:3px;
}	
	form #buttons .btn:hover {
		opacity:.8;
		cursor:pointer;
	}