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

body {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	font-weight:400;
	font-size:14px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #5B5278;
}
.oneColFixCtr #container {
	width: 775px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:auto;
	margin: 54px auto 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* ie6 PNG fix */
img, div { 
	behavior: url(css/resources/iepngfix.htc); 
}

body a {
	text-decoration:none;
	color:#ff6633;
}

body a:hover {
	text-decoration:underline;
	color:#adafb2;
}


#divTextMessageContainer {
	position:absolute;
	left:50px;
	top:220px;
	width:400px;
	height:345px;
	z-index:1;
}

#divTextMessage {
		border: 4px solid;
		border-color: #f89828;
		padding: 10px 10px 10px 30px;
		display: block;
		z-index: 1;
		visibility: visible;
		width: 395px;
		height: 340px;
		background-color: White;
}

#mainContent {
	height:auto;
	min-height:555px;
	background:#FFFFFF;
}

#knowus {
	width:600px;
	margin:0 auto;
}

#knowus h4 {
	padding:0;
	margin:0;
}

#knowus img {
	padding:4px;
	float:right;
}

.acInner {
	font-size:12px;
	padding:4px;
}

#contentPane {
	clear:both;
	padding:4px;
	min-height:262px;
	height:250;
}

#colLeft {
	width:300px;
	min-height:410px;
	height:410px;
	float:left;
	background:#FFFFFF;
	text-align:center;
}

#colLeft1 {
	width:300px;
	height:140px;
	float:left;
	background:#FFFFFF;
	text-align:center;
}

#colRight {
	width:475px;
	min-height:410px;
	height:410px;
	float:right;
	background:#FFFFFF;
	text-align:left;
}

#colRight1 {
	width:475px;
	height:140px;
	float:right;
	background:#FFFFFF;
	text-align:left;
}

#colLeftFla {
	width:300px;
	min-height:140px;
	height:140px;
	float:left;
	background:#FFFFFF;
}

#colRightFla {
	width:475px;
	min-height:140px;
	height:140px;
	float:right;
	background:#FFFFFF;
}

#flashPane {
	width:100%;
	height:100px;
	clear:both;
	background-color:#FFFFFF;
}

#flashPaneFla {
	width:100%;
	height:370px;
	clear:both;
}

#moviePane {
	width:100%;
	height:420px;
	clear:both;
}

#footer {
	text-align:center;
	font-size:13px;
	color:#333333;
	width:100%;
	padding:20px 0 10px 0;
	background-color:#FFFFFF;
}

#header {
	width:100%;
	height:35px;
	padding:0;
	margin:0;
	text-align:right;
}

#scroll {
	width: 425px;
	height: 330px;
	overflow: auto;
	margin-top:15px;
	padding-right:35px;
}
	
#scroll_inner {
	width: 423px;
	text-align:left;
	padding-bottom:50px;
}

#navTop {
	width:475px;
	height:140px;
	
}

#nav {
	margin:0px;
	padding:0px;
	list-style-type:none;
	white-space:nowrap;
}

#nav li {
	display:inline;
}

#nav li a {
	float:left;
	text-decoration:none;
	margin:0 0px 0 0;
}

#nav li a:hover {
	background:#adafb2;
}

img {
	border:0;
}

#botRight {
	height:200px;
	padding:40px 30px 30px 0;
}

#web li{
	display:list-item;
}

#thumbnail {
	width:775px;
	height:auto;
	padding:30px;
	clear:both;
}

#projects_container {
	width: 725px;
	padding: 25px;
	
}

#projects_left {
	float: left;
	width: 150px;	
}

#projects_right {
	float: right;
	width: 575px;
	margin-top: 10px;
}

.copyright {
	width:auto;
	font-size:11px;
	color:#000000;
	text-align:right;
	padding:10px 5px 0 0;
}

h1 {
	font-size:22px;
	font-weight:bold;
}

.page_index {
	background:#82b741;
}

.page_index h1 {
	color:#d7e14b;
}

.page_index_o {
	background:#82b741;
}

.page_index_o h1 {
	color:#d7e14b;
}

.page_passion {
	background:#cc0066;
}

.page_passion h1 {
	color:#d7e14b;
}

.page_services {
	background:#fcd004;
}

.page_services h1 {
	color:#996600;
}

.page_your_roi {
	background:#fcd004;
}

.page_your_roi h1 {
	color:#996600;
}

.page_web_analytic {
	background:#82b741;
}

.page_web_analytic h1 {
	color:#d7e14b;
}

.page_driving_the_emotion {
	background:#fcd004;
}

.page_driving_the_emotion h1 {
	color:#996600;
}

.page_experience {
	background:#2bbdd7;
}

.page_experience h1 {
	color:#003366;
}


.page_knowus {
	background:#f89828;
}

.page_knowus h1 {
	color:#996600;
}

.page_portfolio {
	background:#2bbdd7;
}

.page_portfolio h1 {
	color:#003366;
}

.page_quiz {
	background:#f89828;
}

.page_quiz h1 {
	color:#996600;
}

.page_contactus {
	background:#82b741;
}

.page_contactus h1 {
	color:#d7e14b;
}

.page_appointment {
	background:#82b741;
}

.page_appointment h1 {
	color:#d7e14b;
}

.page_directions {
	background:#82b741;
}

.page_directions h1 {
	color:#d7e14b;
}

.page_test {
	background:#f89828;
}

.page_test h1 {
	color:#996600;
}

/* Default Page */
.page_video {
	background:#f89828;
}

.page_video h1 {
	color:#996600;
}

.page_video2 {
	background:#f89828;
}

.page_video2 h1 {
	color:#996600;
}

.page_recent_projects {
	background:#82b741;
}

.page_recent_projects h1 {
	color:#d7e14b;
}

/*content text and color*/
.textLess {
	line-height:27px;
	text-align:left;
}

.HometextLess {
	line-height:22px;
	text-align:left;
}

.textMore {
	font-size:12px;
}

.headline {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-size: 16px;
	line-height: 2;
	font-weight: bold;
}

.subheadline {
	font-size:13px;
	font-weight:bold;
	color:#82b741;
}

.contenttext {
	font-family: Arial, Helvetica, sans-serif;
	color: #5B5278;
	font-size: 14px;
	line-height: 2;
}

.dot {
	color: #CC6600;
	font-size: 16px;
}

. note {
	text-align: right;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
}

.font1 {
		color: #FFD200;
		font-weight:bold;
		font-size: 24pt;
		position: relative;
		top: 5px; 
		left: 23px;
}

.font1 a {
		color: #FFD200;
		text-decoration: none;
}

.font1 a:hover {
		color: #887E6E;
}

.font2 {
		position: relative;
		top: -11px;
		font-weight:bold;
		font-size: 32pt;
		margin-left: 73px;
		color: #F89828;
}

.font2 a {
		color: #F89828;
		text-decoration: none;
}

.font2 a:hover {
		color: #887E6E;
}

.font3 {
		color: #EF4135;
		position: relative;
		top: -33px;
		font-weight:bold;
		font-size: 44pt;
		margin-left: 28px;
}

.font3 a {
		color: #EF4135;
		text-decoration: none;
}

.font3 a:hover {
		color: #887E6E;
}

.font4 {
		color: #C1D82F;
		position: relative;
		top: -54px;
		font-weight:bold;
		font-size: 32pt;
		margin-bottom: 9px;
}

.font4 a {
		color: #C1D82F;
		text-decoration: none;
}

.font4 a:hover {
		color: #887E6E;
}

.web_analysis {
		color:#259fab;
		font-weight:bold;
		font-size:18px;
		padding-top:15px;
}

.img_container {
	float: left; 
	width: 115px;
	margin: 10px; 
	padding: 3px; 	
	border: 1px solid #CCCCCC; 
}

.img_container img {
	width: 115px;
	height: 115px;
}


/*content end of text and color*/