@charset "utf-8";
/* CSS Document */


body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#282726;
}

#outercontainer {

}

#top {
	float:left;
	width:100%;
	background-image:url(../images/header.jpg);
	background-repeat:repeat;
	height:364px;
	border-bottom:3px solid #cebfac;
}

#top-inner {
	float:left;
	width:100%;
	background-image:url(../images/header.jpg);
	background-repeat:repeat;
	height:255px;
	border-bottom:3px solid #cebfac;
}

#middle {
	float:left;
	width:100%;
	background-image:url(../images/body.jpg);
	background-repeat:repeat;
}

#bottom {
	float:left;
	width:100%;
	background-color:#3a3938;
}

#footer-top {
	float:left;
	width:100%;
	height:36px;
	background-image:url(../images/footertop.jpg);
	background-repeat:repeat;
}

#footer {
	margin:0 auto;
	width:960px;
	padding:0 40px;
	height:190px;
	background-image:url(../images/footer-lines.png);
	background-position:center -10px;
	background-repeat:no-repeat;
	clear:both;
}

#footer p.footerwork {
	float:left;
	color:#ccc3ba;
	font-size:18px;
	padding:10px 0 0 5px;
}

#footer-bottom {
	float:left;
	width:100%;
	height:45px;
	background-color:#31302f;
}

#header {
	background-image:url(../images/headerbglines.png);
	background-repeat:no-repeat;
	background-position:-77px 0;
	margin:0 auto;
	width:960px;
	height:364px;
	padding:0 40px 0 40px;
}

#header-inner {
	background-image:url(../images/headerbglines.png);
	background-repeat:no-repeat;
	background-position:-77px 0;
	margin:0 auto;
	width:960px;
	height:230px;
	padding:0 40px 0 40px;
}

#footer ul {
	float:left;
	width:948px;
	padding:0 6px;
	margin:12px 0 0 0;
}

#footer ul li {
	float:left;
	list-style:none;
	width:223px;
	height:109px;
	margin:0 17px 0 0;
}

#footer ul li.last {
	margin:0;
}

#footer-bottom-inner {
	margin:0 auto;
	width:960px;
}

#ixels-tweets {
	float:left;
	width:960px;
	margin:6px 0 0 0;
}

#ixels-tweets ul {
	float:right;
	width:850px;
}

#ixels-tweets ul li {
	list-style:none;
	float:left;
	color:#595857;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 0 0;
}

.twitterTime {
	display:none;
}

#ixels-tweets p a {
	float:left;
	color:#8d8984;
	background-color:#2a2928;
	text-transform:uppercase;
	text-decoration:none;
	padding:11px 15px 9px 15px;
	letter-spacing:-1px;
	font-size:12px;
	font-weight:bold;
}

#ixels-tweets p a:hover {
	background-color:#1d1c1c;	
}

#ixels-tweets ul li a {
	color:#595857;	
}

#brand {
	float:left;
	width:261px;
	height:165px;
	margin:19px 0 0 -20px;
}

#brand h1 a {
	background-image:url(../images/6ixels.png);
	background-repeat:repeat;
	background-position:0 -165px;
	float:left;
	width:261px;
	height:153px;
	text-indent:-10000px;
}

#brand h1 a:hover {
	background-position:0 0;
}

#login {
	float:right;
	width:600px;
	height:43px;
}

#login p a {
	width:135px;
	float:right;
	text-indent:-10000px;
	height:43px;
	background-image:url(../images/login.png);
	background-repeat:no-repeat;
}


#login p a:hover {
	background-position:0 -44px;
}

#navigation {
	float:right;
	margin:56px 0 0 0;
}


#navigation ul li {
	display:block;
	float:left;
}

#navigation ul li a:hover {
	/*background-position:0 -33px*/
}


#navigation ul li#home a {
	width:96px;
	background-position:0 -33px;
}
	
#navigation ul li#home a:hover, body#homemenu #navigation ul li#home a {
	background-position:0 1px;
}

#navigation ul li#about a {
	width:96px;
	background-position:-96px -33px;
}
	
#navigation ul li#about a:hover, body#aboutmenu #navigation ul li#about a {
	background-position:-96px 2px;
}

#navigation ul li#services a {
	width:121px;
	background-position:-192px -33px;
}
	
#navigation ul li#services a:hover, body#servicesmenu #navigation ul li#services a {
	background-position:-192px 2px;
}

#navigation ul li#porftolio a {
	width:131px;
	background-position:-313px -33px;
}
	
#navigation ul li#porftolio a:hover, body#portfoliomenu #navigation ul li#porftolio a {
	background-position:-313px 2px;
}


#navigation ul li#contact a {
	width:88px;
	background-position:-444px -33px;
}
	
#navigation ul li#contact a:hover, body#contactmenu #navigation ul li#contact a {
	background-position:-444px 2px;
}


#navigation ul li a {				
	display:block;
	outline:none;
	height:33px;
	background:transparent url(../images/navigation.png) no-repeat 0 0;
	text-indent:-9009px;
}



@font-face {
	font-family: Oregon;
	src: url(../font/Oregon_LDO_Bold.ttf);
}

#blurb h2 {
	font-size:30px;
	float:left;
	clear:both;
	font-weight:bold;
	font-weight:normal;
	color:#eaeee8;
}

#blurb {
	float:left;
	width:960px;
	margin:40px 0 0 0;
}

#middle-inner {
	width:1040px;
	margin:0 auto;
}

#middle-inner p::selection {
        background: #C8244E; /* Safari */
		color:#fff;
}

#middle-inner p::-moz-selection {
        background: #C8244E;
		color:#fff;
}

#middle-inner h2::selection {
	background: #4b77ae;
	color:#fff;
}

#middle-inner h2::-moz-selection {
	background: #4b77ae;
	color:#fff;	
}

#featured-project {
	float:left;
	background-image:url(../images/featured-lines.png);
	background-repeat:no-repeat;
	background-position:center top;
	padding:40px 40px 0 40px;
	width:960px;
	height:280px;
}

#featured-overview {
	float:left;
	width:368px;
	height:226px;
	padding:10px;
}

#featured-overview h3 {
	float:left;
	color:#c8244e;
	font-size:24px;
	padding:0 0 15px 0;
}

#featured-overview p {
	float:left;
	color:#5d5d5c;
	font-size:14px;
	line-height:1.5em;
}

#featured-buttons {
	float:left;
	width:100%;
	margin:15px 0 0 0;	
}

#prevNext {
	float:right;
}

#prevNext p {
	float:left;
	text-indent:-10000px;
}

#prevNext p:hover {
	background-position:0 -26px;
	cursor:pointer;
}

#prevNext p.jFlowNext {
	width:26px;
	height:26px;
	background-image:url(../images/featured-next.png);
	background-repeat:no-repeat;
	margin:0 0 0 5px;
}

#prevNext p.jFlowPrev {
	width:26px;
	height:26px;
	background-image:url(../images/featured-prev.png);
	background-repeat:no-repeat;
}

#featured-buttons p a {
	color:#fff;
	background-color:#9d917e;
	padding:7px 12px;
	font-size:14px;
	font-style:italic;
	line-height:normal;
	text-decoration:none;
	float:left;
}

#featured-buttons p a:hover {
	background-color:#887e6d;	
}

#featured-images {
	float:right;
	width:541px;
	height:226px;
	padding:10px;
}

.hidden {
	display:none;
}

#overview {
	float:left;
	background-image:url(../images/overview-lines.png);
	background-repeat:no-repeat;
	background-position:center top;
	padding:0 40px;
	width:960px;
	margin:0 0 40px 0;
}

.overview-box {
	float:left;
	width:298px;
	margin:30px 0 0 0;
}

.overview-box h4 {
	float:left;
	color:#c8244e;
	font-size:20px;
	padding:0 0 15px 0;
}

.overview-box p {
	float:left;
	color:#5d5d5c;
	font-size:14px;
	line-height:1.5em;
	padding:0 10px 0 0;
}

.overview-box p a {
	float:left;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#666060;
	text-decoration:none;
	padding:10px 0 0 0;
}

.overview-box p a:hover {
	color:#3b3838;
}

#contentmanagement {
	float:left;
	padding:0 0 0 30px;
}

#socialmarketing {
	float:left;
	padding:0 0 0 32px;	
}

.smartypadding {
	float:left;
	padding:0 40px;
	width:960px;
}

#middle-inner h2 {
	float:left;
	
	font-size:32px;
	color:#000;
}

#inner-header {
	float:left;
	padding:40px 0;
}

#inner-header h3 {
	float:left;
	color:#504f4f;
	font-size:20px;
	padding:10px 0 0 0;
}

#services-container {
	padding:0 40px;
	width:960px;
	float:left;
	background-image:url(../images/services-line.png);
	background-repeat:no-repeat;
	background-position:7px 60px;
	height:470px;
}


#services-nav {
}

#services-nav ul li {
	float:left;
	list-style:none;
	height:41px;
	color:#fff;
	font-size:20px;
	color:#fff8f4;
	text-align:center;
	padding:17px 0 0 0;
}

#services-nav ul li:hover, #services-nav ul li.jFlowSelected {
	background-position:0 -58px;
	cursor:pointer;
}

#services-nav ul li.webdesign {
	background-image:url(../images/services-web-design.jpg);
	background-repeat:no-repeat;
	width:163px;
}

#services-nav ul li.contentmanage {
	background-image:url(../images/services-content-management.jpg);
	background-repeat:no-repeat;
	width:250px;
}

#services-nav ul li.email {
	background-image:url(../images/services-email-marketing.jpg);
	background-repeat:no-repeat;
	width:200px;
}

#services-nav ul li.hosting {
	background-image:url(../images/services-web-hosting.jpg);
	background-repeat:no-repeat;
	width:170px;
}

#services-nav ul li.socialmedia {
	background-image:url(../images/services-social-media.jpg);
	background-repeat:no-repeat;
	width:177px;
}

#services-panels {
	float:left;
	width:960px;
	padding:27px 0 0 0;
}

.services-text {
	float:left;
	width:448px;
}

.services-text h3 {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#353434;
	padding:0 0 20px 0;
}

.services-text p {
	font-size:14px;
	color:#353434;
	line-height:1.7em;
	float:left;
	padding:0 0 15px 0;
}

.services-image {
	width:451px;
	float:right;
	height:322px;
}

.services-panel {
	margin:0 20px;
}

#folio-container {
	float:left;
	padding:0 40px;
	width:960px;
}

.folio-item {
	float:left;
	width:469px;
	overflow:hidden;
	margin:0 20px 0 0;
}

.folio-item-last {
	margin:0;
}

.folio-item-header {
	float:left;
	width:469px;
	height:49px;
	background-image:url(../images/folioheade.jpg);
	background-repeat:no-repeat;
	margin:0 0 2px 0;
	cursor:pointer;
}

.folio-item-header h3 {
	float:left;
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:20px;
	padding:12px 0 0 12px;
}

.folio-item-content {
	float:left;
	width:953px;
	height:257px;
	position:relative;
	
}

.folio-image {
	float:left;
	width:469px;
	height:257px;
	position:relative;
	padding:0 15px 0 0;
}

.folio-text {
	float:left;
	width:447px;
	height:235px;
	position:relative;
	padding:10px;
	border:1px solid #c4b5ac;
}

.folio-text h4 {
	float:left;
	font-size:14px;
	color:#353434;
	padding:0 0 15px 0;
}

.folio-text p {
	float:left;
	color:#353434;
	font-size:14px;
	line-height:1.7em;
}

.folio-text p.visitsite a {
	float:left;
	background-color:#353434;
	padding:5px 10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	margin:15px 0 0 0;
}

.folio-text p.visitsite a:hover {
	background-color:#424141;
}

.folio-item-header .button {
	float:right;
	width:28px;
	height:28px;
	padding:12px 12px 0 0;
}

.folio-item-header .button p {
	float:right;
	width:28px;
	height:28px;
	background-image:url(../images/folioheaderbuttons.png);
	background-repeat:no-repeat;
	text-indent:-10000px;
	background-position:-28px 0;
}

.folio-item-header .button p:hover {
	background-position:-28px -28px;
	cursor:pointer;
}

.folio-item-header .button p.folioactive {
	background-position:0 0;
}

.folio-item-header .button p.folioactive:hover {
	background-position:0 -28px;
	cursor:pointer;
}

.folio-row {
	float:left;
	margin:0 0 20px 0;
}

#contact-container {
	float:left;
	width:1000px;
	padding:0 0 0 40px;
}

#contactform {
	float:left;
	width:632px;
	padding:0 0 30px 0;
}

.row {
	float:left;
	width:632px;
	margin:0 0 15px 0;
}

.row input {
	float:left;
	width:288px;
	height:32px;
	border:3px solid #bdbcba;
	background-color:#efecec;
	font-size:14px;
	padding:13px 0 0 11px;
}

.row input.captcha {
	float:right;
	width:139px;
}

.row img {
	float:left;
	width:140px;
	height:49px;
	border:1px solid #bdbcba;
}

.rowleft {
	float:left;
	width:305px;
	padding:0 22px 0 0;
}

.rowright {
	float:left;
	width:305px;	
}

.row textarea {
	float:left;
	width:616px;
	height:109px;
	border:3px solid #bdbcba;
	background-color:#efecec;	
	padding:10px 0 0 10px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

.row label {
	float:left;
	color:#4c4a47;
	font-style:italic;
	font-size:14px;
	font-weight:bold;
	padding:0 0 5px 0;
}

.error {
	color:#FF0000;
	margin:0 0 10px 0;
}
.accept {
	color:#339966;
	margin:0 0 10px 0;
}
#form-messages {
	float:left;
	width:100%;
}

.row input.submit {
	float:left;
	text-indent:-10000px;
	width:117px;
	height:39px;
	background-image:url(../images/sendbutton.png);
	background-repeat:no-repeat;
	border:none;
	outline:none;
}

.row input.submit:hover {
	background-position:0 -39px;
	cursor:pointer;
}

#address {
	float:right;
	width:326px;
	height:300px;
	background-image:url(../images/contactlines.png);
	background-repeat:no-repeat;
	background-position:top right;
	margin:-30px 0 0 0;
	padding:60px 0 0 0;
	text-align:right;
}

#address h4 {
	float:right;
	width:256px;
	padding:0 35px 20px 0;	
	color:#4c4a47;
	font-size:20px;
}

#address p {
	float:right;
	width:256px;
	padding:0 35px 0 0;
	color:#686464;
	font-size:14px;
	line-height:1.7em;
}

#address p.contacts {
	font-weight:bold;
	padding:20px 35px 0 0;
}

#about-container {
	float:left;
	padding:0 40px;
	width:960px;
	margin:0 0 30px 0;
}

#about-text {
	float:left;
	width:665px;
}

#about-text p {
	float:left;
	color:#353434;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.7em;
	padding:0 0 20px 0;
}

#about-rightcol {
	float:right;
	width:267px;
	padding:5px 0 0 0;
}

#about-image {
	float:left;
	width:267px;	
}

#about-button {
	float:left;
	width:267px;
	margin:10px 0 0 0;
}

#about-button p a {
	float:left;
	width:267px;
	height:64px;
	background-image:url(/assets/images/worktogetherbutton.png);
	background-repeat:no-repeat;
	text-indent:-10000px;
}

#about-button p a:hover {
	background-position:0 -64px;
}

#postit-container {
	float:left;
	padding:0 40px;
	width:960px;
	margin:0 0 30px 0;	
}

#postit-content {
	float:left;
	width:665px;	
}

#postit-nav {
	float:right;
	padding:5px 0 0;
	width:267px;	
}

.postit-list-item {
	float:left;
	width:100%;
	background-image:url(/assets/images/postit-line.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
}

.postit-list-item h3 {
	float:left;
	font-weight:bold;
	font-size:20px;
	color:#202020;
	padding:0 0 15px 0;
}

.postit-list-item h3 a {
	text-decoration:none;
	color:#202020;
}

.postit-list-item p {
	float:left;
	font-size:14px;
	color:#353434;
	line-height:1.7em;
	padding:0 0 15px 0;
}

#postit-nav ul {
	float:left;
	width:265px;
	background-image:url(/assets/images/postit-nav-line.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding:15px 0 0 0;
	margin:15px 0 0 0;
}

#postit-nav ul li {
	float:left;
	width:265px;	
	list-style:none;
	margin:0 0 5px 0;
}

#postit-nav ul li a {
	float:left;
	width:265px;
	background-color:#5d595e;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;

	padding:15px 0;
	text-align:center;
}

#postit-nav ul li a:hover {
	background-color:#6d6b6e;
}

.postit-list-item p.readmore a {
	float:left;
	padding:5px 10px;
	background-color:#5d595e;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin:0 4px 0 0;
}

.postit-list-item p.readmore a:hover {
	background-color:#6d6b6e;	
}

#buttonnav {
	float:left;
	width:500px;
}

#buttonnav ul {
	float:left;
	width:500px;
	margin:37px 0 0 187px;
}

#buttonnav ul li {
	float:left;
	list-style:none;
}

#buttonnav ul li.postitbutton a {
	float:left;
	height:41px;
	width:191px;
	background-image:url(/assets/images/postit-button.jpg);
	background-repeat:no-repeat;
	text-indent:-10000px;
	margin:0 10px 0 0;
}

#buttonnav ul li.rocketbutton a {
	float:left;
	height:41px;
	width:162px;
	background-image:url(/assets/images/css3button.jpg);
	background-repeat:no-repeat;
	text-indent:-10000px;
	display:none;
}

#buttonnav ul li a:hover {
	background-position:0 -41px;
}

#buttonnav ul li.active a {	
	background-position:0 -41px;
}