*{ margin:0; padding:0; }


/*-----------------------------user agent overrides--------------*/
*
{
padding:0;
margin:0;
}

html, body{
	background: #F1EAD5;
	height:100%;
}

body
{
text-align:center;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#cac7cc;
}

.clear { clear: both; }

.wrapper
{
text-align:left;
margin:0 auto;
min-height:100%;
height:auto !important;
}

label, input.txt-field, textarea.textarea  {font-size:12px; font-family:Arial, Helvetica, sans-serif;}
textarea {overflow:auto;}
label 
{
color:#999999;
line-height:22px;
margin-right:4px;

}

h1, h2, h3, h4, h5 {margin-top:3px; color:#bbbcbc;}

h1, h2.hservice-m
{
font-size:20px;
margin-bottom:0.8em;
font-weight:normal;
color:#FFFFFF;
text-transform:uppercase;

}

h1.hservice-m, h2.hservice-m {
    text-transform: none;
}


.silver {margin-top:30px !important;margin-left:10px;}
h2
{
font-size:18px;
margin-bottom:0.8em;
font-weight:normal;
color:#FFFFFF;
margin-top:30px;
}

h3
{
font-size:18px;
margin-bottom:0.8em;
font-weight:normal;
color:#4c4c4c;
}

h4
{
font-size:15px;
margin-bottom:0.8em;
font-weight:bold;
}


h5{font-size:12px; margin-bottom:0.8em; line-height:23px; font-weight:normal; color:#999999;}


a {color:#00000; text-decoration:none; /*font-weight:bold;*/}
a:hover {text-decoration:none;}
a:focus { outline: none; }/*Fix the Firefox outlined-link issue*/
p a {/*font-weight:bold;*/ }

a.plain {color:#666666; font-weight:normal;}




ul li {padding:2px 0 3px 0; list-style:none;}
ul li a {color:#ffffff;}


p {line-height:1.20em;  color:#DBC8A0; margin-bottom:1em; font-size:1em;}

/*-----------------------end user agent overrides-------------------------*/




/* Menu
----------------------------------------------------------------*/
body.rjconstruction {
	background: #f1ead5 url(images/page_bg.png) 50% 0 repeat-x;
}

/* center page */
div.wrapper {
	margin: auto; 
}

/*
 * Layout
 */

div#absolute {
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 0px;
	width: 100%;
}
#page-wrap{
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	width:1000px;
}
div#page-body {
	/*background: url(images/menu/page_bg_img.jpg) 50% 0 no-repeat;*/
	width:1000px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:30px;
	display:block;
	float: left;
}

div#header {
	width: auto;  
	height: 160px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 10;
	clear: both;  
}

#phone_number_box{
	width:200px;
	height:50px;
	display:block;
	float:right;
	color:#FFFFFF;
	/*
	position:fixed;
	right:10px;
	top:10px;*/
}

div#toolbar {
	width: auto;  
	height: 25px;
	padding: 0px 5px 0px 5px;
	clear: both;  
	overflow: hidden;
	font-size: 85%;
	line-height: 250%;
}

div#date {
	margin: 0px 10px 0px 0px;
	float: left;
}

#logo{
	float:left;
	width:400px;
	height:86px;
	background-image:url(images/logo.png);
	display:block;
}

div#topmenu {
	margin: 0px 10px 0px 0px;
	float: left;
}

div#headerbar {
	width: auto;  
	height: 100px;
	padding: 0px 5px 0px 5px;
	clear: both;  
	overflow: hidden;
}

div#menubar {
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;  
	background: url(images/menu/menubar_l.png) 0 0 no-repeat;
}

div#menubar div.menubar-2 {
	padding: 0px 25px 0px 25px;
	background: url(images/menu/menubar_r.png) 100% 0 no-repeat;
}

div#menubar div.menubar-3 {
	height: 55px;
	background: url(images/menu/menubar_m.png) 0 0 repeat-x;
}

div#menu {
	position: absolute;
	top: 109px;
	left: 12px;
	z-index: 11;
	height: 35px;
	text-align:left;
}




div#topmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;  
}

div#topmenu li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}

div#topmenu li a {
	display: block;
	height: 25px;
	padding: 0px 10px 0px 10px;
	background: url(images/menu/topmenu_item_bg.png) 0 8px no-repeat;
	float: left;
	overflow: hidden;  
	text-decoration: none;
}

div#topmenu li.item1 a {
	padding: 0px 10px 0px 0px;
	background: none;
}

div#topmenu a:link, div#topmenu a:visited {
	color: #333;
}

div#topmenu a:hover {
	color: #000000;
	text-decoration: underline;
}

/*
 * menu
 */

 
div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;  
}

div#menu li {
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	z-index: 5;  
}

div#menu li a, #menu li span.separator {
	height: 39px;
	display: block;
	float: left;
	line-height: 32px;
	text-decoration: none;
	color: #ffffff;
}

div#menu li span {  
	display: block;
	cursor: pointer;
	background-repeat: no-repeat;  
	background-position: 95% 0px;  
}

div#menu li a.current {  
	font-weight: bold;
}

div#menu a:hover,
div#menu span.separator:hover,
div#menu span.sfhover {  
	/* color: #000000; */
}

div#menu a.active, div#menu span.active {  
	color: #ffffff;
}

div#menu li.parent span.separator {  
	cursor: pointer;
}

 
div#menu ul.menu {
}

div#menu li.level1 {
}

div#menu a.level1, div#menu span.level1 {
	padding: 0px 25px 0px 23px;
	background: url(images/menu/menu_level1_item.png) 100% 0 no-repeat;
	font-size: 110%;
	line-height: 250%;
}

div#menu li.last a.level1, div#menu li.last span.level1 {  
	background: none;
}

div#menu li.active {   
	margin: 0px -7px 0px -2px;
	background: url(images/menu/menu_level1_item_active_l.png) 0 0 no-repeat;
}

div#menu li.first.active {  
	margin: 0px -7px 0px 0px;
	background: url(images/menu/menu_level1_item_active_l.png) 0 0 no-repeat;
}

div#menu li.level1 li.active {   
	margin: 0px;
	background: none;
}

div#menu li.active a.level1 {   
	padding: 0px 30px 0px 20px;
	background: url(images/menu/menu_level1_item_active_r.png) 100% 0 no-repeat;
}

div#menu a.level1 span, div#menu span.level1 span {
}

 
div#menu a.level1 span.title, div#menu span.level1 span.title{
	padding: 0px;
	font-size: 100%;
	line-height: 180%;
}

 
div#menu a.level1 span.sub, div#menu span.level1 span.sub {
	margin-top: -5px;
	padding: 0px 0px 10px 0px;
	background: none;
	font-size: 70%;
	font-weight: normal;
	color: #ffffff;
	line-height: 10px;
}

 
div#menu li.fancy {
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 4;
	overflow: hidden;
	background: #c8001e;
}

div#menu li.bg-blue { background: #00bed2; }
div#menu li.bg-pink { background: #c800c8; }
div#menu li.bg-orange { background: #dc5000; }
div#menu li.bg-green { background: #78c800; }
div#menu li.bg-yellow { background: #FFC800; }
div#menu li.bg-lilac { background: #6432C8; }
div#menu li.bg-turquoise { background: #00DCB4; }

div#menu li.fancy div.fancy-container {
	padding: 0px 50px 0px 50px;
}

div#menu li.fancy div.fancy-container div.fancy-m {
	height: 35px;
	background: url(images/menu/menu_fancy_m.png) 0 0 repeat-x;
}

div#menu li.fancy div.fancy-container div.fancy-l {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 35px;
	background: url(images/menu/menu_fancy_l.png) 0 0 no-repeat;
}

div#menu li.fancy div.fancy-container div.fancy-r {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
	height: 35px;
	background: url(images/menu/menu_fancy_r.png) 0 0 no-repeat;
}

 
div#menu ul.menu ul {
	position: absolute;
	top: 39px;
	left: -999em;  
	width: 165px;
	padding: 2px 0px 3px 0px;
	background: url(images/menu/menu_dropdown_bg.png) 0 100% no-repeat;
}

div#menu li:hover ul, div#menu li.sfhover ul {
	left: 0px;  
	z-index: 100;
}

div#menu li.level1 li {
   	width: 100%;  
	text-indent: 0px;
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
	height: 100%;
	padding-bottom:4px;
	padding-top:4px;
	padding-right:4px;
	padding-left:10px;
	margin: 0px 1px 0px 1px;
	background: none;
	float: none;  
	display: block;
	line-height: 15px;


background: url(images/menu/menu_l_item.png) 100% 100% no-repeat ;
}

div#menu li.level2 a.parent, div#menu li li.level2 span.parent {  
	background: url(images/menu/menu_level2_item_parent.png) 100% 0 no-repeat;
}

div#menu li.level2 a.active, div#menu li.level2 span.active {  
}

div#menu li.level2 a:hover,
div#menu li.level2 span.separator:hover,
div#menu li.level2 span.sfhover {  
}


 

 
div#menu li ul ul {
	margin: -42px 0 0 164px;  
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul {
	border-top: 1px solid #000000;
}

 
div#menu li:hover ul ul, div#menu li.sfhover ul ul,  
div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul,  
div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul {  
	left: -999em;
}

 
div#menu li li:hover ul, div#menu li li.sfhover ul,  
div#menu li li li:hover ul, div#menu li li li.sfhover ul,  
div#menu li li li li:hover ul, div#menu li li li li.sfhover ul {  
	left: 0;
	z-index: 100;
}


/*
 * sub menu
 */
 
 
div#left div.mod-menu div.module ul,
div#left div.mod-menu div.module ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style: none;
}

div#left ul.menu li {
	margin: 0px;
	padding: 0px;
	display: block;
}




div#left ul.menu a, div#left ul.menu span.separator {
	height: auto;
	width:100%;
	padding-bottom:4px;
	padding-top:4px;

	background: url(images/menu/submenu_l_item.png) 100% 100% no-repeat;
	display: block;
	line-height: 15px;
	text-decoration: none;
	color: #ffffff;
	text-indent: 10px;


}

div#right ul.menu a, div#right ul.menu span.separator {  
	background: none;
	color: #646464;
}

div#left ul.menu li span {  
	display: block;
	background-repeat: no-repeat;  
	background-position: 95% 0px;  
}

div#left ul.menu a.current {  
	font-weight: bold;
}

div#left ul.menu a:hover,
div#left ul.menu span.separator:hover,
div#left ul.menu span.sfhover {  
	/* color: #dbc790; 
}

div#left ul.menu a.active, div#left ul.menu span.active {  
	/*color: #ffffff;*/
}

div#left ul.menu li.parent span.separator {  
	cursor: pointer;
}

div#left ul.menu a.parent, div#left ul.menu span.parent {  
	background: url(images/menu/submenu_l_item_parent.png) 0 0 no-repeat;
}

div#right ul.menu a.parent, div#right ul.menu span.parent {  
	background: url(images/menu/submenu_r_item_parent.png) 0 0 no-repeat;
}

 
div#left ul.menu li.level1 {

}

div#left ul.menu a.level1, div#left ul.menu span.level1 {
	text-indent: 15px;
}

 
div#left ul.menu li.level2 {
	background: url(images/menu/submenu_l_level2_item.png) 20px 0px no-repeat;
}

div#right ul.menu li.level2 { background: url(images/menu/submenu_r_level2_item.png) 20px 0px no-repeat; }  

div#left ul.menu a.level2 {
	text-indent: 35px;
}

div#left ul.menu a.level2 span {
}

 
div#left ul.menu li.level3 {
	background: url(images/menu/submenu_l_level2_item.png) 30px 0px no-repeat;
}

div#right ul.menu li.level3 { background: url(images/menu/submenu_r_level2_item.png) 30px 0px no-repeat; }  

div#left ul.menu a.level3 {
	text-indent: 45px;
}

div#left ul.menu a.level3 span {
}

 
div#left ul.menu li.level4 {
	background: url(images/menu/submenu_l_level2_item.png) 40px 0px no-repeat;
}

div#right ul.menu li.level4 { background: url(images/menu/submenu_r_level2_item.png) 40px 0px no-repeat; }  

div#left ul.menu a.level4  {
	text-indent: 55px;
}

div#left ul.menu a.level4 span {
}


/*--------------Yooo Crap ---------------------*/
a:focus { outline: none; }

#toolbar{
	height:20px;
}

div.yoo-toppanel div.panel-container {
	position: absolute;
	left: 50%;
	width: 100%;
	height: 0px; /* overlapping link bug */
	margin-left: -50%;
	z-index: 15;
}

div.yoo-toppanel div.panel-wrapper {
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

div.yoo-toppanel div.panel {
	position: relative;
}

div.yoo-toppanel div.trigger {
	position: relative;
}

div.yoo-toppanel div.article {
	clear: both;
}

div.default div.yoo-toppanel div.panel {
	background: #000000 url(styles/default/images/panel_bg.png) 0 100% repeat-x;
	color: #969696;
}

div.default div.yoo-toppanel div.content {
	margin: auto;
	padding-top: 20px;
	overflow: hidden;
}

div.default div.yoo-toppanel div.close {
	width: 50px;
	height: 18px;
	margin-bottom: 10px;
	border: 1px solid #646464;
	background: #1e1e1e;
	float: right;
	overflow: hidden;
	text-align: center;
	font-size: 85%;
	line-height: 18px;
	cursor: pointer;
}

div.default div.yoo-toppanel div.trigger {
	top: 0px;
	width: 120px;
	margin-left: -60px;
	cursor: pointer;
}

div.default div.yoo-toppanel div.trigger img {
	width: 20px;
	height: 19px;
	border: 0px;
}

div.default div.yoo-toppanel div.trigger-l, div.default div.yoo-toppanel div.trigger-r {
	width: 20px;
	height: 19px;
	float: left;
}

div.default div.yoo-toppanel div.trigger-l {
	background: url(styles/default/images/trigger_l.png) 100% 0 repeat-x;
}

div.default div.yoo-toppanel div.trigger-r {
	background: url(styles/default/images/trigger_r.png) 100% 0 repeat-x;
}

div.default div.yoo-toppanel div.trigger-m {
	width: 80px;
	height: 19px;
	background: url(styles/default/images/trigger_m.png) 100% 0 repeat-x;
	float: left;
	text-align: center;
	font-size: 85%;
	line-height: 18px;
	overflow: hidden;
	color: #ffffff;
}

div.default div.yoo-toppanel div.article {
	padding-bottom: 10px;
}/* (C) 2007 YOOtheme.com */

div.transparent div.yoo-toppanel div.panel {
	/* position: relative; /* IE6 link fix for transparent background image */
	background: url(styles/transparent/images/panel_bg.png) 0 100% repeat;
	color: #969696;
}

div.transparent div.yoo-toppanel div.content {
	margin: auto;
	padding-top: 20px;
	overflow: hidden;
}

div.transparent div.yoo-toppanel div.close {
	width: 50px;
	height: 18px;
	margin-bottom: 10px;
	border: 1px solid #646464;
	background: #1e1e1e;
	float: right;
	overflow: hidden;
	text-align: center;
	font-size: 85%;
	line-height: 18px;
	cursor: pointer;
}

div.transparent div.yoo-toppanel div.trigger {
	top: 0px;
	width: 120px;
	margin-left: -60px;
	cursor: pointer;
}

div.transparent div.yoo-toppanel div.trigger img {
	width: 20px;
	height: 19px;
	border: 0px;
}

div.transparent div.yoo-toppanel div.trigger-l, div.transparent div.yoo-toppanel div.trigger-r {
	width: 20px;
	height: 19px;
	float: left;
}

div.transparent div.yoo-toppanel div.trigger-l {
	background: url(styles/transparent/images/trigger_l.png) 100% 0 repeat-x;
}

div.transparent div.yoo-toppanel div.trigger-r {
	background: url(styles/transparent/images/trigger_r.png) 100% 0 repeat-x;
}

div.transparent div.yoo-toppanel div.trigger-m {
	width: 80px;
	height: 19px;
	background: url(styles/transparent/images/trigger_m.png) 100% 0 repeat-x;
	float: left;
	text-align: center;
	font-size: 85%;
	line-height: 18px;
	overflow: hidden;
	color: #ffffff;
}

div.transparent div.yoo-toppanel div.article {
	padding-bottom: 10px;
}


/*--------------------------------------MIDDLE CONTENT---------------------------*/
#main_container{
	float:left;
	height:auto;
	width:100%;
}
#main{
	margin: 20px 40px 20px 40px;
	width:934px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
}
#right {
	float:right;
	width:750px;
	height:auto;
	margin: 20px 0 20px 0px
}

.main-tl {
	background: url(images/main_tl.png) 0 0 no-repeat;
}

content{
	text-align:center;
	
}
#top-wrap {
	width:100%;
	float:left;
}
.main-tr {
	padding: 0px 10px 0px 10px;
	background: url(images/main_tr.png) 100% 0 no-repeat;
}

.main-t {
	height: 10px;
	background: #967a5b;
}

.main-m {
	padding: 5px 0px 5px 0px;
	/*overflow: hidden;*/
	background: #967a5b;
	width:100%;
	float:left;
}
#bot-wrap{
	width:100%;
	float:left;
}
.main-bl {
	background: url(images/main_bl.png) 0 0 no-repeat;
}

.main-br {
	padding: 0px 10px 0px 10px;
	background: url(images/main_br.png) 100% 0 no-repeat;
}

.main-b {
	height: 10px;
	background: #967a5b;
}

TD, TH { 
	text-align: justify; 
	vertical-align: top;
	padding:10px;
}


/*------------------------------ SLIDER ------------------------------------*/


.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
	width:675px;
}

.foliomenu li.active a {}

/*typographic info*/
.slideViewer span.typo{ 
margin: 0; /* dynamically adjusted via script*/
padding: 3px 6px;
background: #908F8F;
color: #fff;
font: bold 9px Verdana;
display:none;
}
/*the thumbnails slider*/
.thumbSlider { 
overflow: hidden;
height:32px;
/*width: 1%;*/
}

.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
font: bold 16px Arial;
overflow: hidden;

height:340px;
padding:0; margin:0;


}

a.slideleft, a.slideright {position:absolute; top:121px; z-index:100;
background:url(images/btn-slide-left.png) no-repeat left top;
height:97px;
width:60px;
width:60px;
display:block;
text-indent:-9999px;
}

.slideleft:hover, .slideright:hover {background-position:left bottom;}


a.slideleft {
left:0px; /*background:red; */}

a.slideright {right:0;background:url(images/btn-slide-right.png) no-repeat left top;}

a.noslideleft {cursor:default; /*background:green;*/}

a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}



.list-portfolio li { padding:0!important; background:none!important; border:none !important; margin:0 !important; }
.list-portfolio li a {position:relative;  padding:0!important; height:340px; overflow:hidden; line-height:1px; font-size:1px; display:block;}
.list-portfolio li a img { margin:0 !important;  height:340px; overflow:hidden;}


.list-portfolio li .shade {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:90;
display:block;
display:none;
zoom: 1;
/*background:red;*/
background:#000;
background:url(images/bg-slidershade.png) no-repeat left top;
}

.list-portfolio li .shade span {
width:100%;
display:block;
height:100%;
background:url(images/bg-slidershade.png) no-repeat left top;
/*background:red;*/
}

#navflash {
clear:both;
}


#maincontent {clear:both;}
#navbox, #Cloutixpromo {}

#slidermenu {
clear:both;
position:absolute;
bottom:0;
z-index:120;
}

#slidermenu .thumbSlider .foliomenu{
	width:934px;
	background:url(images/bg-slidermenu.png) no-repeat left top;
	height:32px;
	background-position:
}

#slidermenu .thumbSlider .activelink1 {
background-position:left top;
}

#slidermenu .thumbSlider .activelink2 {
background-position:left -32px;
}

#slidermenu .thumbSlider .activelink3 {
background-position:left -64px;
}

#slidermenu .thumbSlider .activelink4 {
background-position:left -96px;
}

#slidermenu .thumbSlider .activelink5 {
background-position:left -128px;
}

#slidermenu .thumbSlider #link1 {
width:180px;
}
#slidermenu .thumbSlider #link2 {
width:151px;
}

#slidermenu .thumbSlider #link3 {
width:151px;
}

#slidermenu .thumbSlider #link4 {
width:151px;
}

#slidermenu .thumbSlider #link5 {
width:151px;
}

#slidermenu .thumbSlider li {
float:left;
height:32px;
}

#slidermenu .thumbSlider li a {
display:block;
width:100%;
height:100%;
text-indent:-9999px;

}



img {border:none;}

#playerbox {height:346px;}

/*---------------------------END SLIDER -----------------------*/

/*-------------------sIFR screen--------------------*/
h1.hhome-s
{
font-size:14px;
text-transform:uppercase;
color:#fff;
margin-bottom:-6px;
}

h1.hhome-l
{
font-size:26px;
border-bottom:1px solid #1e1e1e;
padding-bottom:2px;
margin-bottom:7px;
text-transform:uppercase;
color:#473a2a;


}

h1.hhome-m
{
font-size:17px;
text-transform:uppercase;
color:#4c4c4c;
margin-bottom:-6px;
letter-spacing:-4px;
}

h1.hservice-m
{
font-size:17px;
color:#ffffff;
font-size:19px; 
padding-bottom:7px;
border-bottom:1px solid #424242;
margin-bottom:9px;


}

/*------------------- home page boxes ------------------*/
#boxcontainer{
	text-align:center;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:870px;
	height: auto;
}

#centeringbox{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#box_portfolio{
	text-align:center;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:870px;
	height: auto;
}
#portfolio_pics{
	text-align:center;
	height:auto;
	width:870px;
	margin: 0 20px 0 20px;
}
	
#box1 /* width:320px;*/
{
float:left;
width:350px;
text-align:justify;
margin:20px 20px 10px 10px;
color: #333;
}

.boxp{
	color:#f1ead5;
	line-height:1.5em;
}

#box1 h1.heading, #box2 h1.heading, #box3 h1.heading
{
background:url(images/headings/welcome-to-Cloutix.gif) no-repeat left top;
text-indent:-9999px;
height:37px;
height:41px;
border-bottom:1px solid #1e1e1e;
padding-bottom:6px;
padding-bottom:2px;
margin-bottom:7px;
margin-top:0; 
padding-top:0;
}

h2.hservice-m {border-bottom:1px solid #1e1e1e; margin-top:30px; color:#dddddd;}
.hbullet {clear:both; padding-left:20px; background:url(images/blt-arrow-title.png) no-repeat 4px 7px; margin-bottom:15px; margin-top:25px;}
.hbullet {border-bottom:1px solid #1e1e1e;}
.hbullet .hservice-m  {border:none; display:inline;}
/*.seoservices*/ .hbullet {margin-top:30px; position:relative; clear:both;}
.seoservices.hbullet {margin-top:40px;}
/*.seoservices */.hbullet  .backtop {position:absolute; bottom:7px; right:0;}

#box2 /* width:310px;*/
{
float:left;
width:350px;
text-align: justify;
margin:20px 10px 10px 20px;
color:#333;
}



#box2 h1.heading {background-image:url(images/headings/websites-starting-from.gif);}



#box3 /* width:265px;*/
{
float:left;
width:265px;
background:url(images/bg-roundedbox.gif) no-repeat left top;
padding:15px 20px 10px 20px;
width:225px;
text-align:center;
min-height:150px;

}

#box3 h1.heading {background-image:url(images/headings/high-end-agency-services.gif); border:none; margin-bottom:5px; padding-bottom:0;}
#box3 a.requestquote{margin:-8px auto 0 auto; margin:0px auto 0 auto;  margin-bottom:4px;  margin-bottom:5px; float:none; display:block;}
#box3 a.viewportfolio{margin:0 auto; margin-bottom:7px; float:none; display:block;}
#box3 a.btndemovideo{margin:0 auto;float:none; display:block;}
#box3 h1.hhome-m {
	letter-spacing:1px;}
#box3 .hhome-l {}

/* update for demo reel button */
#box3 
{
background:url(images/bg-roundedbox2.gif) no-repeat left top;
min-height:180px;

}


#footer{
	float:left;
	width:100%;
	height:15px;
	line-height:15px;
	background-color:#725b43; 
	text-align:right;
}
#footer p{
	color:#ccc;
}
#footer a:link {color:#fff;}      /* unvisited link */
#footer a:visited {color:#fff;}  /* visited link */
#footer a:hover {
	text-decoration:underline;
	}  /* mouse over link */
	
	
	
/*-------- SIDE MENU --------------*/
#left{
	float:left;
	width:200px;
	margin:20px 50px 20px 0;
	text-align:left;
	position:fixed;
	top:160px;
}

div.module h3.header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 120%;
	color: #646464;
	font-weight: normal;
}

/* header span's */
div.module span.header-2,
div.module span.header-3 {
	display: block;
}

/*
 * space for adjoining modules
 */

.separator div.module {
	margin: 0px 15px 0px 0px;
}

#left div.module,
#right div.module {
	margin: 0px 0px 15px 0px;
}

#top .topblock div.module {
	margin: 15px 0px 0px 0px;
}

#bottom .bottomblock div.module {
	margin: 0px 0px 15px 0px;
}

/*
 * styling for special positions
 */

div#toolbar div.module {
	margin-left: 20px;
	float: right;
}

div#headerbar div.module {
	margin-left: 20px;
	float: right;
}

/*
 * badge styling for all modules
 */
 
div.module {
	position: relative;
}
 
div.module div.badge-new {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 39px;
	height: 39px;
	background: url(images/module_badge_new.png) 0 0 no-repeat;
	z-index: 1;
}

div.module div.badge-top {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 39px;
	height: 39px;
	background: url(images/module_badge_top.png) 0 0 no-repeat;
	z-index: 1;
}

div.module div.badge-pick {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 39px;
	height: 39px;
	background: url(images/module_badge_pick.png) 0 0 no-repeat;
	z-index: 1;
}

/*
 * module: blank
 */
 
div.mod-blank div.module {
	overflow: hidden;
}

div.mod-blank h3.module {
	height: 20px;
	line-height: 20px;
}

/*
 * module: rounded transparent
 */

div.mod-roundedtrans div.box-t1 {
	background: url(images/module_roundedtrans_tl.png) 0 0 no-repeat;
}

div.mod-roundedtrans div.box-t2 {
	padding: 0px 10px 0px 10px;
	background: url(images/module_roundedtrans_tr.png) 100% 0 no-repeat;
}

div.mod-roundedtrans div.box-t3 {
	height: 10px;
	background: url(images/module_roundedtrans_t.png) 0 0 repeat-x;
}

div.mod-roundedtrans div.box-1 {
	background: url(images/module_roundedtrans_l.png) 0 0 repeat-y;
}

div.mod-roundedtrans div.box-2 {
	padding: 0px 10px 0px 10px;
	background: url(images/module_roundedtrans_r.png) 100% 0 repeat-y;
}

div.mod-roundedtrans div.box-3 {
	padding: 0px 5px 0px 5px;
	background: url(images/module_roundedtrans_bg.png) 0 0 repeat;
	overflow: hidden;
}

div.mod-roundedtrans div.box-b1 {
	background: url(images/module_roundedtrans_bl.png) 0 0 no-repeat;
}

div.mod-roundedtrans div.box-b2 {
	padding: 0px 10px 0px 10px;
	background: url(images/module_roundedtrans_br.png) 100% 0 no-repeat;
}

div.mod-roundedtrans div.box-b3 {
	height: 10px;
	background: url(images/module_roundedtrans_b.png) 0 0 repeat-x;
}

div.mod-roundedtrans h3.header {
	margin: 0px 0px 5px 0px;
	font-size: 150%;
	letter-spacing: -1px;
}

div.mod-roundedtrans h3.header span.color {
	color: #141414;
}


/*
 * module: rounded transparent (only for header position)
 */
 
div.mod-roundedtrans-header div.module {
	margin-top: 1px;
}

div.mod-roundedtrans-header div.box-1 {
	/*background: url(images/module_headerposition_l.png) 0 0 no-repeat;*/
}

div.mod-roundedtrans-header div.box-2 {
	/*padding: 0px 10px 0px 10px;
	background: url(images/module_headerposition_r.png) 100% 0 no-repeat;*/
}

div.mod-roundedtrans-header div.box-3 {
	height: 70px;
	padding: 5px 0px 5px 0px;
	/*background: url(images/module_headerposition_m.png) 0 0 repeat-x;*/
	overflow: hidden;
}

/* blank */
#headermodule div.module-blank {
	margin: 0px 0px 0px 10px;
	overflow: hidden;
	float: right;
}

/*
 * module: rounded
 */

div.mod-rounded div.box-t1 {
	background: url(images/module_rounded_tl.png) 0 0 no-repeat;
}

div.mod-rounded div.box-t2 {
	padding: 0px 10px 0px 10px;
	background: url(images/module_rounded_tr.png) 100% 0 no-repeat;
}

div.mod-rounded div.box-t3 {
	height: 9px;
	border-top: 1px solid #DCDCDC;
	background: #ffffff;
}

div.mod-rounded div.box-1 {
	padding: 0px 14px 0px 14px;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	background: #F0F0F0 url(images/module_rounded_bg.png) 0 0 repeat-x;
	overflow: hidden;
}

div.mod-rounded div.box-b1 {
	background: url(images/module_rounded_bl.png) 0 0 no-repeat;
}

div.mod-rounded div.box-b2 {
	padding: 0px 10px 0px 10px;
	background: url(images/module_rounded_br.png) 100% 0 no-repeat;
}

div.mod-rounded div.box-b3 {
	height: 9px;
	border-bottom: 1px solid #DCDCDC;
	background: #F0F0F0;
}

div.mod-rounded h3.header {
	margin: 0px 0px 5px 0px;
	font-size: 150%;
	letter-spacing: -1px;
}

div.mod-rounded h3.header span.color {
	color: #141414;
}

/*
 * module: black
 */

div.mod-black div.box-t1 {
	background: url(images/module_rounded_tl.png) 0 0 no-repeat;
}

div.mod-black div.box-t2 {
	padding: 0px 10px 0px 10px;
	background: url(images/module_rounded_tr.png) 100% 0 no-repeat;
}

div.mod-black div.box-t3 {
	height: 9px;
	border-top: 1px solid #DCDCDC;
	background: #ffffff;
}

div.mod-black div.box-1 {
	padding: 0px 4px 0px 4px;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	background: #F0F0F0 url(images/module_rounded_bg.png) 0 0 repeat-x;
}

div.mod-black div.box-2 {
	background: #241d16 url(images/module_black_inner_bg.png) 0 0 repeat-x;
}

div.mod-black div.box-3 {
	background: url(images/module_black_inner_tl.png) 0 0 no-repeat;
}

div.mod-black div.box-4 {
	background: url(images/module_black_inner_tr.png) 100% 0 no-repeat;
}

div.mod-black div.box-5 {
	background: url(images/module_black_inner_bl.png) 0 100% no-repeat;
}

div.mod-black div.box-6 {
	padding: 10px 10px 10px 10px;
	background: url(images/module_black_inner_br.png) 100% 100% no-repeat;
	overflow: hidden;
	color: #c8c8c8;
}

div.mod-black div.box-b1 {
	background: url(images/module_rounded_bl.png) 0 0 no-repeat;
}

div.mod-black div.box-b2 {
	padding: 0px 10px 0px 10px;
	background: url(images/module_rounded_br.png) 100% 0 no-repeat;
}

div.mod-black div.box-b3 {
	height: 9px;
	border-bottom: 1px solid #DCDCDC;
	background: #F0F0F0;
}

div.mod-black h3.header {
	margin: 0px 0px 5px 0px;
	font-size: 150%;
	letter-spacing: -1px;
	text-indent: 10px;
}

div.mod-black h3.header span.color {
	color: #141414;
}

/* menu */
div.mod-menu div.box-6 {
	padding: 10px 0px 10px 0px;
}

/*
 * module: border
 */

div.mod-border div.box-t1 {
	background: url(images/module_border_tl.png) 0 0 no-repeat;
}

div.mod-border div.box-t2 {
	padding: 0px 10px 0px 10px;
	background: url(images/module_border_tr.png) 100% 0 no-repeat;
}

div.mod-border div.box-t3 {
	height: 9px;
	border-top: 1px solid #DCDCDC;
	background: #ffffff;
}

div.mod-border div.box-1 {
	padding: 0px 14px 0px 14px;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	background: #ffffff;
	overflow: hidden;
}

div.mod-border div.box-b1 {
	background: url(images/module_border_bl.png) 0 0 no-repeat;
}

div.mod-border div.box-b2 {
	padding: 0px 10px 0px 10px;
	background: url(images/module_border_br.png) 100% 0 no-repeat;
}

div.mod-border div.box-b3 {
	height: 9px;
	border-bottom: 1px solid #DCDCDC;
	background: #ffffff;
}

div.mod-border h3.header {
	margin: 0px 0px 5px 0px;
	font-size: 150%;
	letter-spacing: -1px;
}

div.mod-border h3.header span.color {
	color: #141414;
}


/*
 * module: dotted
 */
 
div.mod-dotted div.module {
	padding: 0px 0px 15px 0px;
}

div.mod-dotted div.box-1 {
	overflow: hidden;
}

div.mod-dotted h3.header {
	margin: 0px 0px 3px 0px;
	padding:0px 0px 6px 0px;
	background: url(images/module_dotted_header.png) 0 100% repeat-x;
	font-size: 150%;
	letter-spacing: -1px;
}

div.mod-dotted h3.header span.color {
	color: #141414;
}


/*
 * module: polaroid
 */

div.mod-polaroid div.badge-tape {
	position: absolute;
	top: -13px;
	left: 50%;
	width: 114px;
	height: 38px;
	margin-left: -57px;
	background: url(images/module_polaroid_tape.png) 0 0 no-repeat;
	z-index: 1;
}

div.mod-polaroid div.box-1 {
	margin-top: 13px;
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	background: #ffffff url(images/module_polaroid_bg.png) 0 100% repeat-x;
	overflow: hidden;
}

div.mod-polaroid div.box-2 {
	margin-bottom: 5px;
	background: #000000;
}

div.mod-polaroid div.box-3 {
	padding: 10px 15px 10px 15px;
	overflow: hidden;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #C8C8C8;
}

div.mod-polaroid div.box-b1 {
	background: url(images/module_polaroid_bl.png) 0 0 no-repeat;
}

div.mod-polaroid div.box-b2 {
	padding: 0px 70px 0px 70px;
	background: url(images/module_polaroid_br.png) 100% 0 no-repeat;
}

div.mod-polaroid div.box-b3 {
	height: 5px;
	background: url(images/module_polaroid_b.png) 0 0 repeat-x;
}

div.mod-polaroid h3.header {
	height: 25px;
	margin: 0px 0px 0px 0px;
	font-size: 150%;
	line-height: 25px;
	text-align: center;
	letter-spacing: -1px;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #323232;
}

/*
 * module: postit
 */

div.mod-postit div.box-1 {
	border-top: 1px solid #F2F2F2;
	border-left: 1px solid #F2F2F2;
	border-right: 1px solid #F2F2F2;
	background: #FFFFAA;
}

div.mod-postit div.box-2 {
	padding: 15px 15px 0px 15px;
	overflow: hidden;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
}

div.mod-postit div.box-b1 {
	background: url(images/module_postit_bl.png) 0 0 no-repeat;
}

div.mod-postit div.box-b2 {
	padding: 0px 90px 0px 60px;
	background: url(images/module_postit_br.png) 100% 0 no-repeat;
}

div.mod-postit div.box-b3 {
	height: 40px;
	background: url(images/module_postit_b.png) 0 0 repeat-x;
}

div.mod-postit h3.header {
	height: 30px;
	margin: -15px -15px 5px -15px;
	background: #FFFFDA;
	font-size: 150%;
	line-height: 30px;
	text-indent: 15px;
	letter-spacing: -1px;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
}

/*
 * module: tab
 */
 
div.mod-tab div.module {
	padding: 15px 0px 0px 0px;
}

div.mod-tab div.box-1 {
	background: url(images/module_tab_l.png) 0 0 repeat-y;
}

div.mod-tab div.box-2 {
	background: url(images/module_tab_t.png) 0 0 repeat-x;
}

div.mod-tab div.box-3 {
	background: url(images/module_tab_tr.png) 100% 0 no-repeat;
}

div.mod-tab div.box-4 {
	padding: 15px 15px 10px 15px;
	background: url(images/module_tab_bl.png) 0 100% no-repeat;
}

div.mod-tab h3.header {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/module_tab_header_l.png) 0 0 no-repeat;
	line-height: 30px;
	font-size: 130%;
	letter-spacing: -1px;
}

div.mod-tab span.header-2 {
	display: block;
	padding: 0px 20px 0px 15px;
	background: url(images/module_tab_header_r.png) 100% 0 no-repeat;
}

div.mod-tab span.header-3 {
	display: block;
	height: 30px;
	background: url(images/module_tab_header_m.png) 0 0 repeat-x;
}

div.mod-tab h3.header span.color {
	color: #323232;
}

/*-------------------------------WE SERVE PAGE--------------------------------*/
#industries{
	float:left;
	width:100%;
	margin: 0px 0px 40px 0px;
	height:auto;
	}
#industry-example{
	width:710px;
	float:left;
	text-align:left;
	margin:0px 20px 40px 20px;
	height:auto;
}
#industry-example h2{
		color:#666;
}
#industry-pic{
	float:left;
	height:100px;
	width:200px;
	margin:10px 10px 10px 20px;
	}
#industry-description{
	float:right;
	width:400px;
	margin:10px 10px 10px 20px;
	}
/*---------------------------------SITE MAP -----------------------------*/
#sitemap li, ul {
	padding-left:20px;
}
#sitemap ul a {
	color:#666;
	text-decoration:none;
}
#sitemap a:hover {
	color:#FFE16A;
	text-decoration:underline;
}
/*-------------------------------LOGIN PAGE--------------------------*/
#login-box {
	color:#666;
}
#login-box h1 {
	color:#999;
}