body {
	margin: 0;
}

img { 
	border :0; 
}

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

a:hover {
	color:#e4701e;
	text-decoration:none;
}

a:focus { 
    outline: none; 
}


ul, ol, li, blockquote, p, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

/*-------------------------------- Masthead */

#masthead-container {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	height: 80px;
}

#logo {
	width: 300px;
	float: left;
	margin-top: 36px;
	margin-left: 20px;
}

#nav {
	float: right;
	width: 600px;
	text-align: right;
	margin-top: 49px;
	margin-right: 20px;
}

#nav li {
	display: inline;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	padding-left: 40px;
}

#nav a {
	color: #000000;
}

#nav a:hover {
	color: #ff9933;
}

/*-------------------------------- Containers */

#main-container {
	background-color: #f0ede7;
	background-image: url(../images/tile-background.gif);
	background-repeat: repeat-x;
}

#main-container2 {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

#feature-container {
	margin-top: 20px;
	margin-bottom: 20px;
	height: 190px;
}

#footer-container {
	background-color: #e1dad0;
	padding-top: 20px;
	padding-bottom: 20px;
}

#legal-container {
	height: 60px;
	margin-top: 15px;
}

/*-------------------------------- Pages */

#page-top {
	height: 260px;
}

#page-top-portfolio {
	height: 605px;
}

#page-breadcrumbs {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	width: 400px;
	margin-top: 30px;
	margin-left: 30px;
	float: left;
	position: absolute;
}

#page-quote {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	width: 600px;
	margin-top: 60px;
	margin-left: 40px;
	float: left;
	position: absolute;
}

#page-breadcrumbs a {
	color: #ff9933;
}

#page-rfp {
	position: absolute;
	margin-left: 835px;
}

#page-rfp-home {
	position: absolute;
	margin-top: -570px;
	margin-left: 835px;
}

#page-column-left {
	width: 690px;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
}

#page-column-left h1, #page-single-title h1 {
	font-family: Times, "Times New Roman", serif;
	font-size: 48px;
	font-weight: normal;
	margin-top: 0px;
}

#page-column-left h2, #page-single-title h2 {
	font-family: Times, "Times New Roman", serif;
	font-size: 28px;
	font-weight: normal;
	margin-top: 22px;
	margin-bottom: 12px;
}

#page-column-left h3, #page-single-title h3 {
	font-family: Times, "Times New Roman", serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	margin-top: 12px;
}

#page-column-left h4, #page-single-title h4 {
	font-family: Times, "Times New Roman", serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: -5px;
}

#page-column-left p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	font-weight: normal;
	margin-top: 12px;
}

#page-column-right {
	float: right;
	width: 220px;
	margin-right: 20px;
}

#page-home {
	background-color: #FFFFFF;
}

#page-solutions {
	background-color: #FFFFFF;
	background-image: url(../images/banner-solutions.jpg);
	background-repeat: no-repeat;
}

#page-services {
	background-color: #FFFFFF;
	background-image: url(../images/banner-services.jpg);
	background-repeat: no-repeat;
}

#page-studio {
	background-color: #FFFFFF;
}

#page-portfolio {
	background-color: #FFFFFF;
}

#page-single {
	background-color: #FFFFFF;
	padding-bottom: 90px;
}

#page-single-title {
	padding-top: 70px;
	padding-right: 145px;
	padding-left: 145px;
	padding-bottom: 50px;
}

#page-single-title h1, #page-single-title h2, #page-single-title h3 {
	text-align: center;
}

#page-single-legal {
	background-color: #ebebeb;
	border: 1px solid #CCCCCC;
	margin-right: 90px;
	margin-left: 90px;
	padding-top: 40px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 50px;
}

#page-single-legal h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 20px;
}

#page-single-legal p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	margin-top: 15px;
	margin-bottom: 5px;
	line-height: 16px;
}

#page-single-legal li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
	margin-left: 30px;
}

#page-single-form {
	background-color: #ebebeb;
	border: 1px solid #CCCCCC;
	margin-right: 90px;
	margin-left: 90px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 30px;
}

#page-single-form .left {
	float: left;
	width: 50%;
}

#page-single-form .right {
	float: right;
	width: 50%;
}

#validation {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #FF0000;
}

#validation-quick {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
}

#page-single-form h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #333333;
	margin-bottom: 5px;
	font-weight: bold;
}

#page-single-form p,
.form label span {
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #333333;
	margin-top: 15px;
	margin-bottom: 5px;
	line-height: 16px;
}

.divider {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 30px;
	margin-bottom: 30px;
	border-top-style: none;
	margin-right: 30px;
}

.form input {
	border: 1px solid #CCCCCC;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	padding: 6px;
	width: 345px;
}

.form textarea {
	border: 1px solid #CCCCCC;
	font-size: 14px;
	width: 345px;
	height: 235px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	padding: 6px;
	line-height: 16px;
}

.form .message {
	height: 100px;
}

#page-single-check {
	background-color: #DCDCDC;
	border: 1px solid #CCCCCC;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	width: 333px;
}

#page-single-check li {
	list-style-type: none;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	margin-bottom: 3px;
	margin-top: 3px;
}

#page-single-check .ulleft {
	width: 50%;
	float: left;	
}

#page-single-check .ulright {
	width: 50%;
	float: right;	
}

#page-single-check .checkbox {
	width: 12px;
	height: 12px;
	padding: 0px;
	margin-right: 10px;
}

#page-single-send {
	text-align: right;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #333333;
	margin-right: 30px;
}

#page-single-send span {
	margin-right: 20px;
}

#page-single-send .submit {
	width: 90px;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	background-image: url(../images/tile-button-large.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#page-single-upload {
	margin-right: 20px;
	border: 0px;
	margin-top: 0px;
}



#page-single-upload input {
	border: 1px solid #CCCCCC;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	padding: 6px;
	width: 345px;
	background-color: #FFFFFF;
}

#page-single-privacy p {
	font-size: 11px;
	line-height: 16px;
	color: #999999;
	padding-right: 30px;
}

.phone {
	font-size: 33px;
	text-align: right;
	padding-right: 30px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #666666;
}

.address {
	float: left;
	width: 50%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	font-weight: normal;
}

/*-------------------------------- Solutions */

#indented-design, #indented-development, #indented-cms, #indented-flash, #indented-seo, #indented-analysis, #indented-marketing {
	padding-left: 120px;
	background-repeat: no-repeat;	
}

#indented-design {
	background-image: url(../images/img-solutions-design.jpg);
}

#indented-development {
	background-image: url(../images/img-solutions-development.jpg);
}

#indented-cms {
background-image: url(../images/img-solutions-cms.jpg);
}

#indented-flash {
background-image: url(../images/img-solutions-flash.jpg);
}

#indented-seo {
	background-image: url(../images/img-solutions-seo.jpg);
}

#indented-analysis {
	background-image: url(../images/img-solutions-analysis.jpg);
}

#indented-marketing {
background-image: url(../images/img-solutions-marketing.jpg);
}

/*-------------------------------- Services */

.services {
	margin-top: 35px;
	margin-bottom: 20px;
}

#indented-brand, #indented-team, #indented-pdf {
	padding-left: 120px;
	background-repeat: no-repeat;	
}

#indented-brand {
background-image: url(../images/img-solutions-brand.jpg);
}

#indented-team {
background-image: url(../images/img-solutions-team.jpg);
}

#indented-pdf {
background-image: url(../images/img-solutions-pdf.jpg);
}


/*-------------------------------- Portfolio */

#portfolio-thumbs {
	margin-left: 89px;
	position: relative;
	margin-top: 90px;
	float: left;
}

.portfolio-thumbs-back {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 5px;
	border: 1px solid #d4cbbb;
	text-align: right;
	position: relative;
}

.portfolio-thumbs-icon {
	position: absolute;
	top: -1px;
	left: 139px;
}

/*-------------------------------- Case Studies */

#case-kiju {
	background-image: url(../images/slider/case-kiju.jpg);
	background-repeat: no-repeat;
	height: 570px;
}

#case-wpl {
	background-image: url(../images/slider/case-wpl.jpg);
	background-repeat: no-repeat;
	height: 570px;
}

#case-mtls {
	background-image: url(../images/slider/case-mtls.jpg);
	background-repeat: no-repeat;
	height: 570px;
}

#case-kiju h1, #case-wpl h1, #case-mtls h1 {
	font-family: Times, "Times New Roman", "Georgia serif";
	font-size: 60px;
	font-weight: normal;
	text-align: center;
	letter-spacing: -1px;
	padding-top: 40px;
}

#case-kiju h2, #case-wpl h2, #case-mtls h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 24px;
	margin-left: 520px;
	margin-top: 60px;
	margin-bottom: 20px;
	margin-right: 60px;
}

#case-kiju h3, #case-wpl h3, #case-mtls h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-right: 70px;
	margin-left: 520px;
	color: #666666;
	margin-bottom: 10px;
}

.case-bold {
	font-weight: bold;
}

#case-kiju p, #case-wpl p, #case-mtls p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #666666;
	line-height: 22px;
	margin-left: 520px;
	margin-right: 60px;
	margin-bottom: 20px;
}

#case-kiju ul, #case-wpl ul, #case-mtls ul {
	margin-right: 70px;
	margin-left: 520px;
	margin-bottom: 20px;
}

#case-kiju li, #case-wpl li, #case-mtls li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	list-style-type: none;
}

.case-nav {
	position: absolute;
	margin-top: 515px;
	margin-left: 442px;
}

.case-nav img {
	margin-right: 8px;
}

/*-------------------------------- Feature */

#preload { display: none; }

#feature li {
	list-style-type: none;
	display: inline;
}

#feature li a {
	float: left;
	padding-top: 17px;
	padding-left: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	height: 173px;
	width: 220px;
	color: #000000;
}

#feature li a:hover {
	color: #FF9933;
}

.feature-seo {
	background-image: url(../images/tile-feature-seo.jpg);
	margin-right: 10px;
}

.feature-cms {
	background-image: url(../images/tile-feature-cms.jpg);
	margin-right: 10px;
}

.feature-flash {
	background-image: url(../images/tile-feature-flash.jpg);
	margin-right: 10px;
}

.feature-design {
	background-image: url(../images/tile-feature-design.jpg);
}

/*-------------------------------- Sidebar */


#sidebar-estimate {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #d4cbbb;
	border-bottom-color: #d4cbbb;
	border-left-color: #d4cbbb;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e1dad0;
	margin-bottom: 20px;
}

#sidebar-estimate h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
	background-image: url(../images/tile-sidebar-h1.jpg);
	background-repeat: repeat-x;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
	margin-bottom: 15px;
}

#sidebar-estimate span,
#sidebar-estimate p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 2px;
	line-height: 14px;
	margin-top: 10px;
}

.form-estimate input {
	border: 1px solid #d4cbbb;
	font-size: 14px;
	width: 178px;
	font-family: Helvetica, Arial, sans-serif;
	margin-left: 15px;
	font-weight: normal;
	padding: 4px;
}

.form-estimate textarea {
	border: 1px solid #d4cbbb;
	font-size: 13px;
	width: 178px;
	height: 100px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 4px;
	line-height: 15px;
	margin-left: 15px;
}

#button-estimate {
	text-align: right;
}

#button-estimate .submit {
	width: 60px;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../images/tile-button-sidebar.jpg);
	background-repeat: repeat-x;
	margin-right: 15px;
	border: 0px;
}

#sidebar-overview {
	padding: 15px;
	background-color: #f0ede7;
	margin-bottom: 20px;
}

#sidebar-overview h1 {
	font-family: Times, "Times New Roman", serif;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}

#sidebar-overview ul {
}

#sidebar-overview li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	list-style-image: url(images/bullet.gif)
	margin-left: 10px;
	list-style-image: url(../images/bullet.gif);
	list-style-position: inside;
}

#sidebar-contact {
	margin-bottom: 15px;
	text-align: center;
}

#sidebar-feature-services, #sidebar-feature-solutions {
	background-repeat: repeat-y;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d2ccbe;
	padding-bottom: 15px;
}

#sidebar-feature-solutions {
	background-image: url(../images/tile-sidebar-feature-solutions.jpg);
}

#sidebar-feature-services {
	background-image: url(../images/tile-sidebar-feature-services.jpg);
}

#sidebar-feature-services .title, #sidebar-feature-solutions .title {
	display: block;
	padding-top: 17px;
	padding-left: 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
}

#sidebar-feature-services .description, #sidebar-feature-solutions .description {
	display: block;
	padding-left: 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin-top: 150px;
	padding-right: 20px;
	color: #666666;
}

#sidebar-feature-services a, #sidebar-feature-solutions a {
	color: #000000;
}

#sidebar-feature-services a:hover, #sidebar-feature-solutions a:hover {
	color: #FF9933;
}

/*-------------------------------- Footer */


.footer-column {
	width: 158px;
	float: left;
	margin-right: 20px;
	margin-left: 20px;
}

.footer-column h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #81786a;
	margin-bottom: 8px;	
}

.footer-column p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #81786a;
	line-height: 16px;
}

.footer-column a {
	color: #81786a;
}

.footer-column a:hover {
	color: #ff9933;
}

/*-------------------------------- Legal */

#legal {
	width: 600px;
	float: left;
	margin-left: 20px;
}

#legal li {
	display: inline;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #baae99;
	margin-right: 15px;
}

#legal a {
	color: #baae99;
}

#legal a:hover {
	color: #81786a;
}

#logo-footer {
	float: right;
	margin-right: 20px;
}

/*-------------------------------- Special */

.clear {
	clear: both;
}

#noscript {
	background-color: #ff9933;
}

#noscript p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 10px;
}

#sidebar-estimate .error {
border-color:red;
}

#Contact .error {
border-color:red;
}


#Request_for_Proposal .error {
border-color:red;
}