* {
	font-family:Arial;
	margin:0;
	padding:0;
}

.fl {float:left}
.fr {float:right}
.cl {clear:left}
.cr {clear:right}
.cb {clear:both}

body {
}

#container {
	background:transparent url(../img/background-watercolor.jpg) no-repeat 80px 0px;
	margin:0 auto;
	width:800px;
}

#header {
	margin:0 auto;
}

.logo {
	width:185px;
	padding-top:84px;
	padding-bottom:30px;
	border-bottom: 1px dashed #ccc;
	text-align: center;
}

#thanks {
	padding-top:150px;
}

#thanks div {
	padding-top:40px;
	border-top: 1px dashed #ccc;
}

#thanks div h1 {
	padding-bottom:20px;
}

#thanks div p {
	font-size: 12px;
	font-color: #666;
	padding-bottom:40px;
}

#thanks div p.return {
	padding-bottom:30px;
}

#thanks p.logo {
	width:185px;
	border-bottom:none;
	padding-top:60px;
	border-top: 1px dashed #ccc;
}
#navigation {
        display:block;
        font-size:14px;
        font-family:Arial;
        color: #888;
	margin-top:110px;
	padding-bottom:30px;
	border-bottom: 1px dashed #ccc;
}       

.border-dashed {
	border-bottom: 1px dashed #ccc;
}       

#navigation, .right-column {
	width:576px;
}       

a {
        color:#ef320e;
        text-decoration:none;
}

#navigation a {
        color:#888;
        background-color:white;
        text-decoration:none;
}

#navigation a:hover {
        background-color:white;
        color:#ef320e;
        text-decoration:none;
}

.slash {
	color: #ddd;
  	padding:0 10px;
}

#motto {
	padding:35px 0px;
}

.left-column, .left-column-img {
	border-top: 1px dashed #ccc;
	padding-top:93px;
	width:185px
}

.left-column-img {
	padding-top:89px;
}

.left-column-getintouch {
	width:185px;
	padding-top:25px;
}

#getintouch p {
	color: #666;
	font-size:12px;
}

#footer .left-column {
	padding-top:20px;
}

#footer {
	margin-bottom:200px;
}

.title {
	color: #666;
	font-weight: bold;
}
h1 {
	font-family: Georgia;
	line-height:38px;
	color: #ef320e;
}

h2 {
	font-family: Georgia;
	line-height:24px;
	color: #000000;
	padding:30px 0px;
	width:575px;
	border-top: 1px dashed #ccc;
}

p {
	font-family: Arial;
	font-size:11px;
	line-height:16px;
	color: #888;
}

p.small {
	font-size:10px;
	line-height:14px;
}

p.last {
	padding-bottom:30px;
}

#services-list p, #about-info p {
	font-size:12px;
	line-height:18px;
	color: #666;
}

#services-list p.title {
	margin-top:25px;
	font-weight:bold;
	color:#000;
}

#about-info p {
	padding-bottom: 25px;
}

#about-info p.highlight {
	font-weight:bold;
	color:#000;
}

ul {
	list-style-type:none;
}


li {
	float:left;
	margin-right:32px;
	margin-bottom:20px;
}

#partial-list ul {
	float:left;
	font-size:12px;
	margin-right:65px;
	color:#666;
	margin-bottom:25px;

}

#partial-list li {
	line-height:18px;
	float:none;
	margin-right:0px;
	margin-bottom:0px;
}

#partial-list a {
        color:#ef320e;
        text-decoration:none;
}

#partial-list a img {
	color:white;
}

#partial-list a:hover, #services a:hover, 
#partial a:hover, #about a:hover, #contact a:hover,
#thanks a:hover {
	background-color:#ef320e;
	color:white;
}

.nomargin-right, #partial-list ul.nomargin-right, fieldset.nomargin-right {
	margin-right:0px;
}

.nomargin-bottom, #partial-list ul.nomargin-right {
	margin-bottom:0px;
}

#partial-list li.nopadding-bottom {
	padding-bottom:0px;
}

a.workimage {
        display:block;
        height:70px;
        margin:0pt;
        padding:0pt;
        width:120px;
	margin-bottom:10px;
}

h4 {
	font-family: Arial;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	margin-bottom:10px;
}

#works {
	margin-bottom:30px;
}
#works p {
	line-height:11px;
        width:120px;
}

#works a.magellan {        
	background:transparent url(../img/work-magellan.jpg) no-repeat scroll 0px 0px;
}

#works a.magellan:hover {
	background:transparent url(../img/work-magellan.jpg) no-repeat scroll 0 -70px;
}

#works a.vatopia {        
	background:transparent url(../img/work-vatopia.jpg) no-repeat scroll 0px 0px;
}

#works a.vatopia:hover {
	background:transparent url(../img/work-vatopia.jpg) no-repeat scroll 0 -70px;
}
#works a.greendot {        
	background:transparent url(../img/work-greendot.gif) no-repeat scroll 0px 0px;
}

#works a.greendot:hover {
	background:transparent url(../img/work-greendot.gif) no-repeat scroll 0 -70px;
}
#works a.sendia {        
	background:transparent url(../img/work-sendia.jpg) no-repeat scroll 0px 0px;
}

#works a.sendia:hover {
	background:transparent url(../img/work-sendia.jpg) no-repeat scroll 0 -70px;
}

#works a.amgen {        
	background:transparent url(../img/work-amgen.gif) no-repeat scroll 0px 0px;
}

#works a.amgen:hover {
	background:transparent url(../img/work-amgen.gif) no-repeat scroll 0 -70px;
}

#works a.boingo {        
	background:transparent url(../img/work-boingo.gif) no-repeat scroll 0px 0px;
}

#works a.boingo:hover {
	background:transparent url(../img/work-boingo.gif) no-repeat scroll 0 -70px;
}

#works a.tierra {        
	background:transparent url(../img/work-tierravision.gif) no-repeat scroll 0px 0px;
}

#works a.tierra:hover {
	background:transparent url(../img/work-tierravision.gif) no-repeat scroll 0 -70px;
}

#works a.hirsch {        
	background:transparent url(../img/work-hirschandassociates.gif) no-repeat scroll 0px 0px;
}

#works a.hirsch:hover {
	background:transparent url(../img/work-hirschandassociates.gif) no-repeat scroll 0 -70px;
}

#works a.honda {        
	background:transparent url(../img/work-honda.gif) no-repeat scroll 0px 0px;
}

#works a.honda:hover {
	background:transparent url(../img/work-honda.gif) no-repeat scroll 0 -70px;
}

#works a.sanyo {        
	background:transparent url(../img/work-sanyo.jpg) no-repeat scroll 0px 0px;
}

#works a.sanyo:hover {
	background:transparent url(../img/work-sanyo.jpg) no-repeat scroll 0 -70px;
}

#works a.x1 {        
	background:transparent url(../img/work-x1.gif) no-repeat scroll 0px 0px;
}

#works a.x1:hover {
	background:transparent url(../img/work-x1.gif) no-repeat scroll 0 -70px;
}

#works a.bg {        
	background:transparent url(../img/work-bandgphotography.gif) no-repeat scroll 0px 0px;
}

#works a.bg:hover {
	background:transparent url(../img/work-bandgphotography.gif) no-repeat scroll 0 -70px;
}

#works a.gold {        
	background:transparent url(../img/work-goldcirclefilms.gif) no-repeat scroll 0px 0px;
}

#works a.gold:hover {
	background:transparent url(../img/work-goldcirclefilms.gif) no-repeat scroll 0 -70px;
}

#works a.teleflip {        
	background:transparent url(../img/work-teleflip.gif) no-repeat scroll 0px 0px;
}

#works a.teleflip:hover {
	background:transparent url(../img/work-teleflip.gif) no-repeat scroll 0 -70px;
}

#works a.vortex {        
	background:transparent url(../img/work-vortexpictures.jpg) no-repeat scroll 0px 0px;
}

#works a.vortex:hover {
	background:transparent url(../img/work-vortexpictures.jpg) no-repeat scroll 0 -70px;
}

#works a.areteworks {        
	background:transparent url(../img/work-areteworks.gif) no-repeat scroll 0px 0px;
}

#works a.areteworks:hover {
	background:transparent url(../img/work-areteworks.gif) no-repeat scroll 0 -70px;
}

#footertext {
	padding:20px 0px;
	width:576px;
	border-top: 1px dashed #ccc;
}

#footertext p, #footer p {
	font-size:10px;
	line-height:14px;
}

#contact-form {
	padding:30px 0px;
	color:#666;
	font-family:Arial;
	font-size:12px;
}


input, select, textarea {
	border:1px solid #ccc;
	background-color:#faf6e8;
	color:#888;
	font-family:Arial;
	font-size:12px;
	padding:5px;
	margin-bottom:15px;
}

#contact-form p {
	margin-bottom:5px;
	color:#666;
	font-family:Arial;
	font-size:12px;
}

#contact-form p i {
	font-family:Arial;
	font-size:11px;
	color:#888;
}

#name, #email, #phone, #company, #subject {
	width:400px; 
}

textarea {
	height:175px;
	width:400px;
	margin-bottom:20px;
}

input.blur {
	color:#eee;
}

.submit {
	clear: both;
	background-color:white;
	background-color:#b2d567;
	color:white;
	font-weight:bold;
	padding:10px 30px;
	margin-bottom:0px;
}

input.submit {
	border:none;
}
#contact-form p.submitp {
	margin-bottom:0px;
}

input.submit:hover {
	background-color:#8cb74d;
}

#subject {
	width:410px;
}