.header {height:18px; margin:0 0 2px 7px;}

.footer {height:30px; margin:10px 0 0 10px; background-image:url(footer.gif); background-repeat:no-repeat;}
.foottext { color: #acacac; float:right; font-size:10px; padding:8px 0px 10px 10px; width:228px;}
.foottext p {font-size:10px;}
.foottext a {color:#15aeef; font-size:10px;}
.foottext a:hover {color:#cccccc; font-size:10px;}

.slide_content {
margin:6px 0 0 0;
}

.slide_content span {
font-size:11px;
margin:0px;
padding:0px;
font-weight:bold;
color:#15aeef;
}

.slide_content a
{
	color:#15aeef;
}


.slide_content p
{
	color: #666666;
	font-size:11px;
}


#browseWindow .project_01 {
	margin: 0px 0 0 0px;
	width: 730px;
	float: left;
	background: url(slide_bg1.jpg);
	background-color:#ffffff;
	background-repeat:no-repeat;
}
#browseWindow p
{
	padding: 15px 0 0 0px;
	text-align:left;
}

.icons {
	padding:5px;
	float:right;
}

.icons img {
	padding:1px;
}


#browseWindow .project_02 {
	margin: 0px 0 0 0px;
	width: 730px;
	float: left;
	background: url(slide_bg2.jpg);
	background-color:#ffffff;
	background-repeat:no-repeat;
}


#browseWindow .project_03 {
	margin: 0px 0 0 0px;
	width: 730px;
	float: left;
	background: url(slide_bg3.jpg);
	background-color:#ffffff;
	background-repeat:no-repeat;
}

.slide
{
	padding:10px;
}


img
{
	border: none;
}

body
{
	margin: 0;
	padding: 0;
	font-size:11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	color: #e6e6e6;
}


#browseWindow ul
{
	margin:0 0 0 10px;
	padding: 0;
	list-style: none;
}

#browseWindow li {
	margin: 3px 5px 0 0px;
	width: 240px;
	float: left;
	display: inline;
}

.slide_trigger img {width: 240px; height:160px;}

#browseWindow a.text {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	color: #cecece;
	border: none;
	text-decoration: none;
	font-size: 12px;
}



/* -------------------------------------------------- elements -------------------------------------------------- */

h1 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 500;
}

.purposeOne {
	width: 670px;
	color: #ffffff;
}

.purposeTwo {
	width: 670px;
	color: #ffffff;
}

.purposeThree {
	width: 670px;
	color: #ffffff;
}

h2 {
	margin: 0;
	padding: 0;
	color: #ebebeb;
	background: inherit;
	font-size: 13px;
	font-weight: normal;
}


#test{
padding:10px;
}

.aboutBliss {
	width: 390px;
	height: 90px;
	margin-bottom:10px;
	float: left;
	display: inline;
}

.contactHeading {
	width: 112px;
	height: 36px;
}

.aboutText {
	width: 327px;
	height: 77px;
	float: left;
	display: inline;
}

.designText {
	width: 63px;
	height: 25px;
}

.devText {
	width: 114px;
	height: 25px;
}

.stratText {
	width: 76px;
	height: 25px;
}

img {
	border: none;
}


body#black {
	margin: 0;
	padding: 0;
	color: #3D3E43;
	background-color: #f1f1f1;
	
	background-image: none;
}

body#black_shortbg {
	margin: 0;
	padding: 0;
	color: #3D3E43;
	background-color: #f1f1f1;
	background-image: none;
}

body#black_longbg {
	margin: 0;
	padding: 0;
	color: #3D3E43;
	background-color: #f1f1f1;
	
	background-image: none;
}

/* -------------------------------------------------- data lists ------------------------------------------------ */

dl {
	font-size: 12px;
}

dt {
	margin-bottom: 12px;
}

dd {
	margin-top: -26px;
	margin-bottom: 12px;
}

/* -------------------------------------------------- paragraphs ------------------------------------------------ */

p {
	font-size: 12px;
}

.purposeOneText {
	width: 670px;
	height:58px;
	color: #ffffff;
}

.purposeTwoText {
	width: 670px;
	color: #ffffff;
}

.purposeThreeText {
	width: 670px;
	color: #ffffff;
}

.testimonialText {
	width: 670px;
	color: #ffffff;
}

h1, h2, h3, h4, p, ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
}

h3 {
	color:#3399FF;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	margin:5px 0 0 10px;
	}

#welcome {
	margin: 0 0 0 3px;
	padding: 0;
	width: 354px;
	line-height: 24px;
}

#studioText p {
	color: #b5b7b8;
	background: inherit;
	line-height: 20px;
	font-size: 11px;
}

#contentDev p {
	font-size: 12px;
	line-height: 16px;
}

#contentStrat p {
	font-size: 12px;
	line-height: 16px;
}

#contentDesign p {
	font-size: 12px;
	line-height: 16px;
}

#contentAbout p {
	font-size: 12px;
	line-height: 16px;
}

#portfolio p {
	padding: 0 55px 0 0;
	color: #cdd2d4;
	background: inherit;
	width: 355px;
	line-height: 20px;
}

#careers p {
	padding: 0;
	color: #cdd2d4;
	font-size: 12px;
	line-height: 18px;
}

#testimonial p {
	padding: 0 19px 0 0;
	color: #cdd2d4;
	background: inherit;
	width: 215px;
	font-size: 12px;
	line-height: 18px;
}



/*big menu*/

#kwick {
	position: relative;
	
	padding: 10px 0;
}

#kwick .kwicks {
	display: block;
	background: #ffffff url(trac.gif) top right no-repeat;
	height: 100px;
}

#kwick li {
	float: left;
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 80px;
	width: 125px;
	padding: 10px;
	background: #fff;
	border-right: 5px solid #ffffff;
}

#kwick .kwick span {
	display: none;
}

#kwick .download {
	background: #78ba91 url(download.gif);
}

#kwick .documentation {
	background: #7389ae url(docs.gif);
}

#kwick .microsites {
	background: #7389ae url(micro.gif);
}

#kwick .blog {
	background: #c17878 url(blog.gif);
}

#kwick .trac {
	background: #a87aad url(trac.gif);
	border-right: 0;
}

/* ---------------------------------------------------- lists --------------------------------------------------- */

#nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#careersList {
	margin: 0 auto;
	padding: 24px 0 0 0;
	width: 750px;
	list-style: none;
}

#careersList li {
	margin: 0;
	padding: 0 0 20px 0;
}

#studioText {
	margin: 0 auto;
	padding: 44px 0 0 0;
	width: 750px;
	list-style: none;
}

#studioText li {
	margin: 0;
	padding: 0 30px 0 0;
	width: 210px;
	float: left;
	display: inline;
}

#contentDev ul {
	margin: 0;
	padding: 0 0 0 43px;
	font-size: 11px;
	list-style-image: url(bullet_gray.gif);
	list-style-position: outside;
}

#contentDev li {
	margin: 0 0 6px 0;
	padding: 0;
	color: #828eab;
	line-height: 16px;
	background-color: inherit;
}

#contentStrat ul {
	margin: 0;
	padding: 0 0 0 43px;
	font-size: 11px;
	list-style-image: url(bullet_gray.gif);
	list-style-position: outside;
}

#contentStrat li {
	margin: 0 0 6px 0;
	padding: 0;
	color: #828eab;
	line-height: 16px;
	background-color: inherit;
}

#contentDesign ul {
	margin: 0;
	padding: 0 0 0 43px;
	font-size: 11px;
	list-style-image: url(bullet_gray.gif);
	list-style-position: outside;
}

#contentDesign li {
	margin: 0 0 6px 0;
	padding: 0;
	color: #828eab;
	line-height: 16px;
	background-color: #FFFFFF;
}

#portfolio ul {
	margin: 0;
	padding: 0 0 0 43px;
	font-size: 11px;
	list-style-image: url(bullet_gray.gif);
	list-style-position: outside;
}

#portfolio li {
	margin: 0 0 8px 0;
	padding: 0;
	color: #828eab;
	background-color: inherit;
}



/* ---------------------------------------------------- links --------------------------------------------------- */

a {
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
}

#contactUsTop a {
	color: #3D3E43;
	text-decoration: none;
}

#contactUsTop a:hover {
	text-decoration: underline;
}

#footnote a {
	color: #9D9D9D;
	background: inherit;
	text-decoration: none;
}

#footnote a:hover {
	text-decoration: underline;
}

#footnote a.grey {
	color: #454649;
	background: inherit;
	text-decoration: none;
}

#footnote a.grey:hover {
	text-decoration: underline;
}

#studioText a {
	color: #7f9099;
	background: inherit;
	text-decoration: none;
}

#studioText a:hover {
	text-decoration: underline;
}

#portfolio a {
	color: #7f9099;
	background: inherit;
	text-decoration: none;
}

#portfolio a:hover {
	text-decoration: underline;
}

#careers a {
	color: #7f9099;
	background: inherit;
	text-decoration: none;
}

#careers a:hover {
	text-decoration: underline;
}

#testimonials a {
	margin: 0;
	padding: 0;
	color: #7f9099;
	background: inherit;
	text-decoration: none;
	font-size: 11px;
	line-height: normal;
}

#testimonials a:hover {
	text-decoration: underline;
}

#navHome {
	margin: 0;
	padding: 0;
	width: 32px;
	height: 15px;
	background-image: url(nav_home.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#navHome:hover {
	background-position: -32px 0;
}

#navPortfolio {
	margin: 0;
	padding: 0;
	width: 44px;
	height: 15px;
	background-image: url(nav_portfolio.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#navPortfolio:hover {
	background-position: -44px 0;
}

#navStudioBAK {
	margin: 0;
	padding: 0;
	width: 34px;
	height: 15px;
	background-image: url(nav_studio.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#navStudio {
	margin: 0;
	padding: 0;
	width: 34px;
	height: 15px;
	display: block;
}

#navStudio:hover {
	background-position: -34px 0;
}

#navContactUs {
	margin: 0;
	padding: 0;
	width: 57px;
	height: 15px;
	background-image: url(nav_contactus.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#navContactUs:hover {
	background-position: -57px 0;
}

#navHomeBlack {
	margin: 0;
	padding: 0;
	width: 32px;
	height: 15px;
	background-image: url(black/nav_home.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#navHomeBlack:hover {
	background-position: -32px 0;
}

#navPortfolioBlack {
	margin: 0;
	padding: 0;
	width: 44px;
	height: 15px;
	background-image: url(black/nav_portfolio.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#navPortfolioBlack:hover {
	background-position: -44px 0;
}

#navStudioBlack {
	margin: 0;
	padding: 0;
	width: 34px;
	height: 15px;
	background-image: url(black/nav_studio.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#navStudioBlack:hover {
	background-position: -34px 0;
}

#navContactUsBlack {
	margin: 0;
	padding: 0;
	width: 57px;
	height: 15px;
	background-image: url(black/nav_contactus.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#navContactUsBlack:hover {
	background-position: -57px 0;
}




/* -------------------------------------------------- structure ------------------------------------------------- */

body#plain #container {
	background-color: #FFFFFF;
}

body#black #container {
	background-color: #0A0B0C;
}

body#black_shortbg #container {
	background-color: #0A0B0C;
	background-image: url(img_content_bg_1.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

body#black_longbg #container {
	background-color: #0A0B0C;
	background-image: url(img_content_bg_2.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

body .content-home{
	background-image: url(img_home_bg_short.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

#page {
	margin: 0 auto 0 10px;
	padding: 0 0 0 0px;
	width: 750px;
	float:left;
	background-image:url(rightbg.gif);
}

#header {
	margin: 0;
	width: 100%;
	height: 100px;
	background-image: url(img_header.gif);
	display: block;
	background-color:#FFFFFF;
}

#headerBlack {
	margin: 0;
	width: 100%;
	height: 100px;
	background-image: url(img_header_black.jpg);
	display: block;
	background-color:#ffffff;
}

#content {
	margin: 0 auto 0 auto;
	padding: 246px 0 0 0;
	width: 676px;
	height: 311px;
	text-align: left;
}



#flash {
	margin: 0 0 20px 0;
	padding: 0;
}



#footerBlack {
	margin: 0;
	padding: 20px 0 80px 0;
	width: 100%;
	color: #454649;
	background-color: #ffffff;
}

#footerBlock {
	margin: 0 auto;
	padding: 0;
	width: 750px;
}

#footnote {
	margin: 0 auto;
	padding: 0;
	width: 750px;
}

#contactUsTop {
	margin: 0 auto;
	padding: 35px 0 0 75px;
	width: 750px;
	height: 316px;
	display: block;
	background-image: url(img_contactus_top.gif);
}

#contactUsBot {
	margin: 0 auto;
	padding: 46px 0 0 73px;
	width: 742px;
	height: 322px;
	display: block;
	background-image: url(img_contactus_bot.jpg);
}

#studioTop {
	margin: 0 auto;
	padding: 0;
	width: 992px;
	height: 325px;
	display: block;
	background-image: url(img_studio_top.jpg);
}

#studioBot {
	margin: 0 auto;
	padding: 0;
	width: 992px;
	height: 290px;
	display: block;
	background-image: url(img_studio_bot.jpg);
}

#contentDev {
	margin: 0 auto;
	padding: 40px 350px 188px 8px;
	width: 422px;
	min-height: 471px;
	display: block;
	background-image: url(img_development_bg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #0A0B0C;
	color: #B5B7B8;
}

#contentStrat {
	margin: 0 auto;
	padding: 40px 350px 188px 8px;
	width: 422px;
	min-height: 471px;
	height: 471px;
	display: block;
	background-image: url(img_strategy_bg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #0A0B0C;
	color: #B5B7B8;
}

#contentDesign {
	margin: 0 auto;
	padding: 40px 350px 188px 8px;
	width: 422px;
	min-height: 471px;
	display: block;
	background-image: url(img_design_bg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #0A0B0C;
	color: #B5B7B8;
}

#aboutBg {
	margin: 0;
	padding: 0;
	background-image: url(img_office.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

#contentAbout {
	margin: 0 auto;
	padding: 560px 0 0 0;
	width: 724px;
	display: block;
	background: none;
	color: #B5B7B8;
}

#aboutLeftCol {
	width: 340px;
	float: left;
	display: inline;
}

#aboutRightCol {
	width: 350px;
	float: right;
	display: inline;
}

#contentPurpose {
	margin: 0 auto;
	padding: 50px 0;
	width: 670px;
	min-height: 500px;
	display: block;
	background: none;
	color: #ffffff;
}


#portfolio {
	margin: 0 auto;
	padding: 8px 0 0 0;
	width: 750px;
	min-height: 750px;
	display: block;
}

#careers {
	margin: 35px auto;
	padding: 0;
	width: 670px;
	min-height: 600px;
	display: block;
}

#testimonial {
	margin: 0;
	padding: 0;
	width: 260px;
	float: right;
	display: inline;
}

#testimonials {
	margin: 35px auto;
	padding: 0;
	width: 670px;
}

/* ---------------------------------------------------- forms --------------------------------------------------- */

form {
	margin: 0 0 0 44px;
	padding: 0;
	float: left;
	display: inline;
}

.thinBorder {
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #BEC5CD;
	height: 17px;
	font-size: 12px;
	color:#333333;
	background-color: #FFFFFF;
	width: 232px;
}

textarea {
	padding: 0;
	border: 1px solid #BEC5CD;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
}

#message {
	width: 232px;
	height: 148px;
	
}

label {
	margin: 0 8px 0 0;
	padding: 0;
	font-size: 11px;
	width: 125px;
	float: left;
	display: inline;
}

/* --------------------------------------------------- tables -------------------------------------------------- */

#contentAbout table {
	font-size: 11px;
	line-height: 16px;
}

/* ---------------------------------------------------- others -------------------------------------------------- */


.clear {
	clear: both;
}

.rightAligned {
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
}

.leftAligned {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

.footLogo {
	margin: 0 12px 0 0;
	padding: 0;
	float: left;
	display: inline;
}

.darkGrey {
	margin: 0;
	padding: 0;
	color: #454649;
	background: inherit;
}

.lightGrey {
	margin: 0;
	padding: 0;
	color: #9D9D9D;
	background: inherit;
}

.yellow {
	margin: 0;
	padding: 0;
	color: #c49014;
	background: inherit;
}

.lightYellow {
	margin: 0;
	padding: 0;
	color: #ecce00;
	background: inherit;
}

.small {
	margin: 0;
	padding: 0;
	color: #454649;
	background: inherit;
	font-size: 10px;
	line-height: 16px;
}

.smallRight {
	margin: 0;
	padding: 0;
	color: #9D9D9D;
	background: inherit;
	font-size: 10px;
	line-height: 16px;
	float: right;
	display: inline;
}

.smallRightGrey {
	margin: 0;
	padding: 0;
	color: #454649;
	background: inherit;
	font-size: 10px;
	line-height: 16px;
	float: right;
	display: inline;
}

.topLayer {
	position: relative;
	z-index: 2;
}

#logoLink {
	position: absolute;
	top: 85px;
	left: 86px;
	width: 144px;
	height: 23px;
	background-image: url(spacer.gif);
	z-index: 3;
	cursor: pointer;
}

#linkLayer {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: auto;
	width: 992px;
	height: 128px;
	z-index: 1;
}

#sendBtn {
	margin: 0 0 0 -8px;
}

.forGoogle {
	display:none;
}

div#homeNav {
	padding-top: 30px;
	background: url(img_home_nav.jpg) bottom left no-repeat;
	width: 241px;
	height: 269px;
}

div#homeNav ul {
	margin: 0;
	padding: 3px 0 0 3px;
}

div#homeNav ul li {
	display: block;
	height: 67px;
	width: 225px;
	padding: 5px 5px 5px 7px;
	color: #353535;
	font-size: 10px;
}


div#homeNav ul li a {
	color: #9D9D9D;
}

div#homeNav ul li a:hover {
	text-decoration: underline;
}

/*** QUOTE REQUEST *********************************/

form#quoteRequest {
	margin:0;
	padding:0;
}

form#quoteRequest input {
	font-size:12px;
}

form#quoteRequest textarea {
	width:400px;
	height: 100px;
	

}

form#quoteRequest table {
	font-size:12px;
	margin:0;
	padding:0;	
}

table#requiredServices td {
	font-size:11px;
}

#quote {
	margin: 0 auto;
	padding: 35px 0 0 75px;
	width: 750px;	
	display: block;
	
	/*background-image: url(img_contactus_top.gif);*/
}

hr {
	border: 1px solid #eae7e7;
	margin: 20px 0 20px 0
}

#contactUsBot p{
	margin:0;
	padding:0;
	clear:both;
}

.contactText {
	width: 250px;
	height:100px;
	float: left;
	display: inline;
}

.contactText a {
	color: #c69309;
	text-decoration:underline;
}

.contactText a:hover {
	color: #e4aa0e;
	text-decoration:underline;
}


#quote p a {
	color: #c69309;
	text-decoration:underline;
}

#quote p a:hover {
	color: #e4aa0e;
	text-decoration:underline;
}


#topHeader {
	margin: 0;
	padding: 20px 0 80px 0;
	width: 100%;
	color: #454649;
	background-color: #ffffff;
	border-bottom: 1px solid #27272a;
}

#headerBlock {
	margin: 0 auto;
	padding: 0 0 0 8px;
	width: 750px;
	float:left;
	
}

#headerNote {
	margin: 0 auto;
	padding: 0;
	width: 750px;
}

#headerNote a {
	color: #9D9D9D;
	background: inherit;
	text-decoration: none;
}

#headerNote a:hover {
	text-decoration: underline;
}

#headerNote a.grey {
	color: #454649;
	background: inherit;
	text-decoration: none;
}

#headerNote a.grey:hover {
	text-decoration: underline;
}
#header {
	padding: 20px 0 80px 0;
	width: 100%;
	display: block;
	color: #454649;
	background-color: #EDEDED;
}


#wrapper { background-color:#FFFFFF; width:970px; margin:10px auto 0 auto; padding:20px 0 20px;}
#logo {height:94px; margin:0px 0px 17px 0px;}
.leftblock {  width:186px; height: 100%; float:left; margin:9px 0px 0 10px; font-family:Geneva, Arial, Helvetica, sans-serif;}
.leftblock a{color:#0099FF;}
.leftblock p {padding:5px 10px 0 10px; color: #999999; font-size:11px;}
.leftblock ul {padding:5px 10px 0 10px; color: #999999; font-size:11px;}
.leftbox {background-image: url(leftbg.gif); height: 100%; margin:0 0 -5px 0; padding:0px; border:0px;}


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */


/* IE FIX */
*:first-child+html #mycustomscroll {
/* Typical fixed height and fixed width example */
width: 180px;
height: 314px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #ffffff;
margin: 2px;
}

#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 180px;
height: 320px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #ffffff;
margin: 2px;
z-index:0;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 5px;
background-color: white;
}
.vscrollerbar {
width: 5px;
background-color: #CCCCCC;
}
.hscrollerbase {
height: 5px;
background-color: white;
}
.hscrollerbar {
height: 5px;
background-color: #CCCCCC;
}

.scrollerjogbox {
width: 5px;
height: 5px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}