@charset "UTF-8";
/*@import url("webfonts/Ubuntu/stylesheet.css");
 Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
@font-face {
    font-family: 'ubuntubold';
    src: url('fonts/ubuntu-bold-webfont.eot');
    src: url('fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-bold-webfont.woff') format('woff'),
         url('fonts/ubuntu-bold-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-bold-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntumedium';
    src: url('fonts/ubuntu-medium-webfont.eot');
    src: url('fonts/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-medium-webfont.woff') format('woff'),
         url('fonts/ubuntu-medium-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-medium-webfont.svg#ubuntumedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubunturegular';
    src: url('fonts/ubuntu-regular-webfont.eot');
    src: url('fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-regular-webfont.woff') format('woff'),
         url('fonts/ubuntu-regular-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-regular-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
	Dreamweaver Fluid Grid Properties
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	12;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
body { background-color: #000000; }
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {}
.ProjectUI {
	background-attachment: scroll;
	background-image: url(images/iPad/ProjectsUI.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 1024px;
	height: 891px;
	position: relative;
	margin: 20px auto;
}
.HomeUI {
	background-attachment: scroll;
	background-image: url(images/iPad/Home.jpg);
	background-repeat: no-repeat;
	background-position: top top;
	/* [disabled]outline: solid 2px yellow; */
	width: 1024px;
	height: 891px;
	position: relative;
	padding: 0px;
	margin: 20px auto;
}
#menu {
	background-attachment: scroll;
	background-image: url(images/iPad/Nav_BG.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 467px;
	height: 27px;
	position: absolute;
	top: 70px;
	/* [disabled]outline: solid 1px yellow; */
	left: 166px;
}
#menu ul {
	padding: 0;
	height: 50px;
	/* [disabled]outline: solid 1px yellow; */
	margin: 0px;
}
#menu ul li {
	display: inline;
	float: left;
	list-style-type: none;
	width: 116px;
}
#menu li a {
	color: #B2B2B2;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 4px 0px 0px 0px;
	font-family: "ubuntubold", "Arial Bold", sans-serif;
	/* [disabled]outline: solid 1px yellow; */
	font-size: 0.8em;
}
.logo {
	background-attachment: scroll;
	background-image: url(images/iPad/BCD-Logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 15px;
	height: 98px;
	width: 98px;
	right: 180px;
	/* [disabled]outline: solid 1px white; */
}
.logo a{
	display: block;
	/* [disabled]outline: solid 1px yellow; */
	height: 98px;
	width: 98px;	
}
#rightbtn {
	background-image: url(images/iPad/right_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.5;
	position: absolute;
	width: 42px;
	height: 80px;
	left: 945px;
	top: 340px;
}
#leftbtn {
	background-image: url(images/iPad/left_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	opacity: 0.5;
	position: absolute;
	width: 42px;
	height: 80px;
	left: 40px;
	top: 340px;
	/* [disabled]outline: solid 1px red; */
}
#leftbtn a, #rightbtn a {
	/* [disabled]outline: solid 1px yellow; */
	width: 42px;
	height: 80px;
	margin: 0 auto;
	display: block;
	/* [disabled]opacity: .4; */
}
#leftbtn:hover, #rightbtn:hover { opacity: .7; }
#HomeCarsl {
	position: absolute;
	top: 125px;
	left: 167px;
	/* [disabled]height: 283px; */
	width: 690px;
	overflow: hidden;
}
#HomeCarsl ul {
	width: 3450px;
	padding: 0px;
	margin: 0px;
}
#HomeCarsl ul li {
	display: inline;
	list-style-type: none;
}
#HomeCarsl ul li a {
	float: left;
	display: block;
	height: 283px;
	width: 690px;
}
#ProjCarsl {
	height: 508px;
	width: 858px;
	position: absolute;
	overflow: hidden;
	top: 127px;
	left: 83px;
	/* [disabled]outline: solid 1px yellow; */
}
#ProjCarsl ul {
	width: 20592px;
	padding: 0px;
	margin: 0px;
}
#ProjCarsl ul li {
	display: inline;
	list-style-type: none;
}
#ProjCarsl ul li a {
	float: left;
	display: block;
	height: 283px;
	width: 858px;
}
h3 {
	font-family: "ubunturegular", "Arial", sans-serif;
	font-weight: normal;
}
h1 {
	font-family: "ubuntubold", "Arial Bold", sans-serif;
}
#ProjTxt {
	font-family: 'ubunturegular', Arial, Helvetica, "sans serif";
	font-weight: normal;
	position: absolute;
	width: 690px;
	/* [disabled]outline: solid 1px red; */
	font-size: 1em;
	color: #C6C6C6;
	line-height: 22px;
	top: 665px;
	left: 170px;
	height: 230px;
	text-align: center;
}
#ProjTxt h1.Projtitle{
	outline: solid 1px white;
	text-transform: uppercase;
	font-family: "ubuntubold", "Arial Bold", sans-serif;
	/* [disabled]display: inline; */
}
#ProjTxt  h3.Projinfo{
	outline: solid 1px yellow;
	/* [disabled]display: inline; */
}
.HmTxt {
	color: rgb(178,178,178);
	font-size: 0.95em;
	width: 588px;
	font-style: normal;
	position: absolute;
	top: 455px;
	left: 220px;
	/* [disabled]outline: solid 1px yellow; */
}
.HmTxt h1 {
	font-size: 1.5em;
	margin: 0px 0px 20px 0px;
}
#HmTxt {
	color: rgb(178,178,178);
	font-size: 0.95em;
	width: 588px;
	font-style: normal;
	position: absolute;
	top: 455px;
	left: 220px;
	/* [disabled]outline: solid 1px yellow; */
}
#HmTxt h1 {
	font-size: 1.5em;
	margin: 0px 0px 20px 0px;
}

/*     above code is dupilcated for contacts page, delete afterwards     */


.HmTxt h3 {
	margin: -7px auto 15px auto;
	/* [disabled]outline: solid 1px white; */
	line-height: 1.35em;
	letter-spacing: normal;
}
.HmTxt br{
	content: " ";
	display: block;
	margin: 0px 0px 10px 0px;
}
#CntTxt {
	font-family: 'ubunturegular', Arial, Helvetica, "sans serif";
	font-weight: normal;
	line-height: 1.5em;
	width: 620px;
	color: rgb(178,178,178);
	font-size: 0.95em;
	position: relative;
	top: 455px;
	left: 205px;
	position: relative;
	/* [disabled]outline: solid 1px yellow; */
	height: 500px;
}
#CntTxt h3 {
	width: 45%;
	/* [disabled]outline: dotted 1px blue; */
	margin: 0 auto;
	float: left;
}
#CntTxt p {
	font-weight: bold;
	margin: 10px 0 5px;
}
#CntTxt h3 a {
	/* [disabled]text-decoration: none; */
	color: rgb(178,178,178);
}
#contactForm {
	float: right;
	width: 50%;
	/* [disabled]outline: dotted 1px red; */
}
input, textarea {
	width: 250px;
	height: 20px;
	background: #efefef;
	border: 1px solid #dedede;
	padding: 5px;
	margin: 3px 0px 0px 0px;
	font-size: 0.9em;
	color: #3a3a3a;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
textarea { height: 50px; }
input:focus, textarea:focus { outline: 2px solid #97d6eb; }
form {
	/* [disabled]margin: 0px auto; */
	/* [disabled]width: 459px; */
}
label {
	display: block;
	margin-top: 10px;
	/* [disabled]letter-spacing: 1px; */
	font-weight: normal;
}
label:first-child { margin-top: 0px; }
#submit {
	font-size: 0.85em;
	width: 70px;
	height: 30px;
	border: none;
	cursor: pointer;
	margin: 20px 0px 0px 0px;
}
#submit:hover { opacity: .8; }
.error 	{ color: #de0522; border-color: #de0522; }