@charset "UTF-8";
/* CSS Document */
/* Reset */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul li, ol li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* Page Layout */
html, body {height: 100%;}
body {
	/* [disabled]background-image: url(../graphics/background.png); */
	background-color: #004E60;
}
#wrapper #main #contactInfoContent {
	float: right;
	width: 30em;
	/* [disabled]background-color: #000; */
}
#wrapper #main #contactForm {
	float: left;
	height: 30em;
	width: 30em;
	/* [disabled]background-color: #C33; */
}

#wrapper {
	min-height: 100%;
	width: 62.5em;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]background-color: #F4f3f4; */
	background-image: url(../graphics/back3.png);
	}
#wrapper #main {
	overflow: auto;
	padding-bottom: 3em;
}
#wrapper #main #header {
	margin-bottom: 0.5em;
	height: 8em;
	/* [disabled]background-color: #F00; */
}

#wrapper #main #header #logo {
	/* [disabled]background-color: #FFF; */
	width: 12em;
	height: 8em;
	float: left;
}
#wrapper #main #header #navigation {
	padding-top: 3em;
	float: right;
	width: 48em;
}
#wrapper #main #header #navigation ul li{
	/* [disabled]padding-top: 3em; */
	float: left;
	/* [disabled]width: 48em; */
	list-style-type: none;
	/* [disabled]font-size: 1.3em; */
}
#wrapper #main #header #navigation ul li a:link, #wrapper #main #header #navigation ul li a:visited{
	font-family: 'Architects Daughter', "cursive;";
	color: #FFF;
	text-decoration: none;
	/* [disabled]display: inline; */
	font-size: 1.3em;
	}
#wrapper #main #banner {
	/* [disabled]background-color: #F63; */
	height: 20em;
	width: 62.5em;
}
#wrapper #main .smallBreakoutBox {
	float: left;
	width: 18.9em;
	margin-right: 0.3em;
	margin-left: 0.3em;
	height: 17em;
	background-image: url(../graphics/smallBreakOutBackground.png);
	background-repeat: no-repeat;
	padding-top: 1em;
	padding-right: 0.6em;
	padding-left: 0.6em;
	/* [disabled]background-color: #F00; */
}
#wrapper #main .smallBreakoutBox .headers {
	height: 4.25em;
	margin-bottom: 0.75em;
}
#footer #renderedby {
	height: 3em;
	float: right;
	width: 14em;
	/* [disabled]background-color: #9C9; */
}
#footer #renderedby img {
	float: right;
}
#footer .contactInfo {
	float: left;
	width: 28em;
	/* [disabled]background-color: #C33; */
	margin-top: 0.5em;
}
#footer .contactInfo p{
	/* [disabled]float: left; */
	/* [disabled]width: 25em; */
	/* [disabled]background-color: #C33; */
	font-size: 1.2em;
	line-height: 0.8em;
}
#footer {
	position: relative;
	margin-top: -3.5em; /* negative value of footer height */
	height: 10em;
	clear: both;
	width: 60em;
	margin-right: auto;
	margin-left: auto;
	height: 3em;
	/* [disabled]background-color: #174897; */
	text-align: center;
	background-image: url(../graphics/footer_background.png);
	background-repeat: no-repeat;
	padding-top: 0.5em;
	padding-right: 0.8em;
	padding-left: 0.8em;
} 
.clear , .dkclear{
	clear: both;
	height: 0.1em;
	width: 100%;
	margin-top: 0.5em;
	margin-bottom: .5em;
}
.dkclear  {
	background-color: #FFF;
}
/* Contextual layout */

h1{
	font-family: 'Architects Daughter', "cursive;";
	color: #FFF;
	font-size: 2em;
	line-height: 1.3em;
	}
/* Contextual layout */

h2, #description h2{
	font-family: 'Architects Daughter', "cursive;";
	color: #E5C344;
	font-size: 1.6em;
	line-height: 1.3em;
	}
/* Contextual layout */

#description ul li {
	/* [disabled]font-family: 'Architects Daughter', "cursive;"; */
	color: #E5C344;
	/* [disabled]font-size: 1.6em; */
	/* [disabled]line-height: 1.3em; */
	}
#wrapper #main .smallBreakoutBox h2 {
	text-align: center;
}
#wrapper #main .smallBreakoutBox p {
	text-align: center;
	font-size: 0.9em;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}

/* Contextual layout */

p{
	font-family: 'Architects Daughter', "cursive;";
	color: #FFF;
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 0.5em;
	}
/* Contextual layout */

p.orderingoptions{
	font-family: 'Architects Daughter', "cursive;";
	/* [disabled]color: #E5C344; */
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 0.5em;
	}
/* Contextual layout */

p a:link, p a:visited{
	font-family: 'Architects Daughter', "cursive;";
	color: #FC0;
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 0.5em;
	text-decoration: none;
	}
ul li{
	font-family: 'Architects Daughter', "cursive;";
	color: #FFF;
	font-size: 1.1em;
	line-height: 1.3em;
	/* [disabled]display: inline; */
	/* [disabled]list-style-type: none; */
	margin-right: 0.75em;
	margin-left: 0.75em;
	}
ol li {
	font-family: 'Architects Daughter', "cursive;";
	color: #FFF;
	/* [disabled]font-size: 1.1em; */
	/* [disabled]line-height: 1.3em; */
	/* [disabled]display: inline; */
	list-style-type: decimal;
	/* [disabled]margin-right: 0.75em; */
	margin-left: 0.75em;
	}
#main ul li{
	/* [disabled]display: block; */
	list-style-type: circle;
	}
#footer p {
	font-size: 0.7em;
	text-align: left;
	/* [disabled]float: left; */
}
.imgLeft {
	float: left;
	/* [disabled]margin-top: 0.5em; */
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
.imgRight {
	float: right;
	/* [disabled]margin-top: 0.5em; */
	margin-bottom: 0.5em;
	margin-left: 0.5em;
}

/*	Form Objects	*/
input[type=text], textarea {
	padding: 10px !important;
	width: 90%;
	border: 0px;
	border-bottom: 1px solid #fff;
	font-family: 'Architects Daughter', "cursive;";
	color: #3B8AEC;
	background-color: #FFFFFF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	font-size: 1.3em;
}
input[type=text]:focus {
	border-color: #3A597D;
}
input[type=submit] {
	padding: .5em 1em;
	border: 0 none;
	cursor: pointer;
	background-color: #000000;
	color: #FFF;
	font-size: 1.2em;
}
#firstName, #lastName, #phoneNumber, #companyName, #message{
	width: 90%;
}
.label {
	clear: both;
	font-size: 1.3em;
}

ul#portfolio-filter{
	margin: -20px 0;
	padding: 0;
	height: 50px;
	/* [disabled]padding-left: 70px; */
	line-height: 50px;
	background: transparent url(../images/icon-tag-green.png) left no-repeat;
}
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{
	margin-right: 0.5em;
	padding: 0.5em 1em;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.9em;
}
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{
	color: #F90;
}
ul#portfolio-filter a.current{
	/* [disabled]background-color: #DDD; */
}

ul#portfolio-list{
	padding: 0;
	list-style: none;
	/* [disabled]margin: 10px; */
}
ul#portfolio-list li, ul#portfolio-list li a{
	width: 321px;
	height: 201px;
	display: block;
	float: left;
	overflow: hidden;
	margin: 5px;
}

ul#portfolio-list li p{
	font-size: 10px;
	line-height: 15px;
	color: #000;
	margin: 5px 0;
}
#description   {
	float: right;
	width: 20em;
	border: thin solid #FFF;
	padding: 1em;
	margin-right: 2em;
}