/*

CSS - http://www.ideaswithapoint.com/
http://www.ideaswithapoiint.com/
Embedded Styles from http://www.ideaswithapoiint.com/


http://www.ideaswithapoiint.com/_css/global.css




logo #666
blue #7e99aa
green #847c35
warm gray #ab9c8f

orange #7e99aa
olive #847c35
med olive #ab984d
purple #532f64
light gray #e6e6e6
mint #e6efbb

/* =STRUCTURE
----------------------------------------------- */
.wrapper {
	text-align:left;
	padding-bottom:0.5em;
	width:95em;
	position:absolute;
	height:auto;
	min-height:100%;
	top: 13.5em;
	left: 0px;
}
.wrapper_mugs {
	text-align:left;
	padding-bottom:0.5em;
	width:101em;
	position:absolute;
	height:auto;
	min-height:100%;
	top: 13.5em;
	left: 0px;
}
.wrapper_pop {
	text-align:left;
	width:64em;
	height:auto;
	min-height:100%;
	margin: 2em o;
}


.cont01,.cont015,.cont03,.cont035,.cont04,.cont045,.cont05,.cont06,.cont07,.cont08,.feature {
margin-bottom:2em;
margin-left:1em;
}

.cont01,.cont015,.cont02,.cont03,.cont035,.cont04,.cont045,.cont05,.cont06,.cont07,.cont08,.left_cont,.rt_cont,.cont_form {
display:inline;
float:left;
}

.cont01 {
	width:11.5em;
}

.cont015 {
width:632px;
}

.cont02 {
	width:20em;
}

.cont03 {
width:29em;
}

.cont035 {
	width:27em;
	padding-right: 2em;
}

.cont04 {
width:46.8em;
}

.cont045 {
width:42em;
}

.cont06 {
width:70.8em;
}

.cont07 {
width:82.8em;
}

.cont08 {
width:94.8em;
}


li {
	/*list-style-type:none;*/
font-size:1.2em;
	line-height:1.4em;
	padding-bottom:0.5em;
}


.left_cont {
	width:18em;
	margin-left:6.5em;
	padding-top:0.5em;
}

.clear {
clear:both;
line-height:0;
}

.home_footer {
position:relative;
top:50em;
color:#666;
font-size:1em;
margin-left:17em;
margin-bottom:2em;
clear:both;
}

#home_news {
position:absolute;
top:43em;
left:46em;
}

#home_smart {
position:absolute;
top:32em;
left:16em;
padding-bottom:3em;
}


.pop_margin {
margin:3em;
}

.float_left {
float:left;
}




.float_right {
float:right;
}


/* =BODY & TEXT
----------------------------------------------- */
body {
	color:#666;
	height:100%;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:915px;
	margin: 1em 0;
}

*,img {
border-style:none;
margin:0;
padding:0;
}

p {
font-size:1.2em;
line-height:1.4em;
}


p,address {
font-size:1.2em;
padding-bottom:1.2em;
padding-right:1.2em;
}

.side,.work {
line-height:1.8em;
}

.first_para {
font-size:1.4em;
line-height:2em;
padding-bottom:1.2em;
padding-right:1.2em;
font-style:italic;
}

.lead_in {
font-size:3em;
line-height:1.5em;
padding-bottom:1.2em;
padding-right:1.2em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:400;
}

.philo_smcaps {
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
font-weight:400;
font-size:2em;
color:#847c35;
letter-spacing:0.1em;
}

.philo {
font-size:3em;
padding-bottom:1.2em;
padding-right:1.2em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:400;
line-height:1.2em;
color:#847c35;
}

p.case {
font-size:1.2em;
line-height:1.5em;
}

#footer {
	color:#666;
	font-size:1em;
	margin:4em 0em 0em 27.7em;
	padding-bottom:2em;
	clear:both;
	width: 63em;
}

#footer_pop {
	color:#666;
	font-size:1em;
	padding-bottom:2em;
	clear:both;
	width: 62em;
	padding-top: 2em;
}
.italic {
font-style:italic;
}

.title {
color:#666;
font-style:italic;
}

.spotlight_desc {
width:29em;
padding-top:3.1em;
float:left;
}

.hm_ql_hdr {
font-size:1.2em;
text-transform:uppercase;
letter-spacing:0.2em;
color:#fff;
font-weight:700;
}

.what {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	font-size:1.8em;
	color:#666;
	line-height:1.4em;
	margin-left: 1.6em;
	margin-bottom: 0.5em;
}

.what_2ndline {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	font-size:1.8em;
	color:#666;
	line-height:1.2em;
	margin-left: 1.6em;
}


.home {
margin-left:2.2em;
}


.justforyou {
color:#532F64;
margin-left:2em;
}

.indent {
	margin-left:2.5em;
}

.lead_in {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#847c35;
	font-weight:bold;
	margin-left:2em;
}

.links_hm {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-transform:uppercase;
	color:#7e99aa;
	font-weight:bold;
	letter-spacing: 0.1em;
}


.secret_stuff {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-transform:uppercase;
	color:#532F64;
	font-weight:bold;
	letter-spacing: 0.1em;
	margin-left: 2.3em;
}

.rule {
	border-top: 1px solid #ccc;
	margin-bottom:1em;
}

.style1 {color: #666}
.style2 {color: #847c35}
.side_subhead {
	font-size: 1.8em;
	font-style: italic;
	font-weight: bold;
	color: #847c35;
	line-height: 2em;
}

.tel {
	color: #7E99AA;

}



/* =LINKS
----------------------------------------------- */
a:link,a:visited {
color:#847c35;
text-decoration:none;
}

#footer a:link,#footer a:visited {
color:#7e99aa;
}

.who {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	line-height:1.4em;
}

.chapter {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	line-height:1.4em;
	color:#666;
}

.hm_ql_hdr a:link,.hm_ql_hdr a:visited,.hm_ql_hdr a:hover {
color:#FFF;
background:none;
}

p.sidesub a:link, p.sidesub a:visited, p.sidesub a:active {
color: #7E99AA; 
text-decoration:none;
}

p.sidesub a:hover {
color:#532F64;
}

img a:hover,.mug_img:hover {
background-color:#fff;
}


#hm_links {
	width:13.5em;
	display:inline;
	float:right;
	padding:1em;
	background-image: url(../images/global/vibe_links_bg.gif);
	background-repeat: repeat-x;
	clear:right;
}


/* =HEADS
----------------------------------------------- */
h1,h2,h3,h4 {
font-weight:400;
margin:0;
}

h2 {
	font-size:2.6em;
	color:#666;
	background-image:url(../images/global/mdi_bug_hdr.gif);
	background-repeat:no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0 0 .5em 1em;
}

h3 {
font-size:2em;
color:#847c35;
font-family:Georgia, "Times New Roman", Times, serif;
padding:0 0 .5em;
}

h4 {
font-size:1.2em;
line-height:1.6em;
text-transform:uppercase;
letter-spacing:0.2em;
color:#847c35;
font-weight:700;
padding:0 0 .3em;
}

h5 {
font-size:2em;
line-height:1.6em;
font-style:italic;
text-transform:uppercase;
font-weight:400;
padding:0;
}



h6 {
	color:#7E99AA;
	font-weight:700;
	font-size:1.4em;
	line-height:0.75em;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 1em;
}


.showcase_hd {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:normal;
font-size:1.6em;
color:#666;
font-weight:700;
}


#hm_links ul {
margin:0;
padding:0;
}

#hm_links li {
list-style:none;
line-height:1em;
}

.case_study_hdr {
margin-top:1.5em;
}

.login {
font-size:1.8em;
color:#847c35;
background-image:url(../images/global/mdi_bug_login.gif);
background-repeat:no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
padding:.1em 0 .2em 1.3em;
}

.people_cat {
	font-size: 1.8em;
	padding-top:0.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	line-height: 1.2;
}


/* =IMAGES/FLASH
-----------------------------------------------



img, div { behavior: url(_scripts/iepngfix.htc) } */



.mdi_logo_hm {
	float: left;
	margin-top: 5em;
}

.mdi_logo {
margin-left:1.5em;
background-color:#FFF;
}

.v_rule {
float:left;
margin:0 3em 10em 0;
}

.v_rule2 {
float:left;
margin:0 1.4em 0 0.1em;
}

.h_rule {
	left:300px;
	top:12em;
	position:absolute;
}

#splash {
margin-left:275px;
margin-top:120px;
width:600px;
}

.img_left {
float:left;
clear:both;
padding-right:1em;
}

.img_left_btm {
	float:left;
	clear:both;
	padding-bottom:5em;
	padding-right:2em;
}

.img_left_nf {
float:left;
}


.img_left_hm {
float:left;
padding: 0px 10px 10px 0px;
}

.img_right {
float:right;
clear:both;
padding-left:1em;
}

.img_right_nf {
float:right;
}

#portrait {
padding-right:2em;
}

#home_flash {
position:absolute;
left:17em;
top:1.5em;
}


#coffee_bg  {
	background-image: url(../images/coffee_stain_bg.jpg);
    background-repeat: no-repeat;
	
	}

/* =NAV
----------------------------------------------- */
#nav {
	width:185px;
	position:absolute;
	top:3em;
	left:32.3em;
	border-left: 1px solid #fff;

}

#nav a {
display:block;
float:left;
width:auto;
border-right:1px solid #fff;
border-bottom:none;
color:#fff;
font:bold 1.1em/2.5 Helvetica,Arial,Geneva,sans-serif;
text-decoration:none;
background-image:url(../images/global/nav_bg.gif);
background-repeat:no-repeat;
margin:0;
padding:0;
}

/*#active a {
display:block;
float:left;
width:auto;
border-right:1px solid #fff;
border-bottom:none;
color:#fff;
background:#7e99aa;
font:bold 1.1em/2.5 Helvetica,Arial,Geneva,sans-serif;
text-decoration:none;
margin:0;
padding:0;
} */
#nav ul {
float:left;
width:100%;
/* list-style:none; */
margin:0;
padding:0;
}

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

#nav ul li a:hover {
	background-image:url(../images/global/nav_over.gif);
	background-repeat:no-repeat;
	background-color: #FFF;
}



.nav_title {
position:absolute;
left:51em;
top:3em;
}

.nav_title_home {
position:absolute;
left:64em;
top:37.2em;
}

.colorbar_nav {
position:absolute;
top:3em;
left:17em;
}

#colorbar_home {
	position:absolute;
	top:239px;
	left:-16px;
}

.cont05,.rt_cont {
	width:63em;
}

.mugs {
width:70em;
margin-bottom:2em;
margin-left:1em;
display:inline;
float:left;
}

.sidesub {
	color: #7E99AA;
	font-weight:700;
	font-size:1.4em;
	line-height:1em;
}


.casestudy_item {
	width:63em;
	float: left;
	padding: 2em 0;
	border-top: 1px solid #ccc;
}


/* =COFFEE MUGS
-------------------------- */




#tooltip{
	position:absolute;
	display:none;
	background:none;
    
	}	


.mug_tt ul,.mug_tt li{
	margin:0;
	padding:0;
}

.mug_tt li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px;
}


.mug_img {
	padding: .5em 0em;
}

.mug_img:hover {
	text-decoration:none;
}


.mug{
position: relative;
z-index: 0;
}

.mug:hover{
background-color: #fff; 
z-index: 50;
}

.mug_tt span,.mug span{ /*CSS for enlarged image*/
position: absolute;
/* padding: 5px;
border: 1px dashed gray; */
visibility: hidden;
}

.mug_tt span,.mug span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.mug:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
display:block;
z-index: 50;
left: -100px;
top:-50px;

/*
top:-150px;

*/


/*visibility: visible;
top: auto;
left: auto;-200-135pxposition where enlarged image should offset horizontally */

}



/*  =HISTORY
-------------------------- */
#history {
background-image:url(../images/history_bg.jpg);
background-repeat:no-repeat;
font-family:"Courier New", Courier, monospace;
font-size:1.2em;
line-height:0.9em;
width:40em;
font-weight:700;
padding:120px 70px 10px 60px;
}


/* =SHOWCASE
-------------------------- */
#showcase {
position:absolute;
top:12em;
width:95em;
height:230px;
}

#showcase_nav {
position:absolute;
top:15.5em;
left:68em;
font-size:1em;
width:20em;
height:2em;
}

#showcase_nav li,.feature_nav li {
display:inline;
}

#showcase_nav a,#showcase_nav span,.feature_nav span,.feature_nav a {
background:#ab984d none repeat scroll 0;
border:1px solid #ab984d;
display:block;
float:left;
margin-right:0.1em;
color:#fff;
padding:0.1em 0.3em 0.08em;
}

#showcase_nav a:hover,.feature_nav a:hover {
background:#7e99aa none repeat scroll 0;
border:1px solid #7e99aa;
color:#fff;
}

#showcase_nav a:visited,.feature_nav a:visited {
color:#fff;
}

#showcase_txt {
padding-top:3.1em;
font-style:italic;
padding-left:2.3em;
}

.feature_nav {
	font-size:1em;
	width:auto;
	height:2em;/*position:absolute;
left:719px;
top:2px;*/
	float: right;
}



/* =CAROUSEL
-------------------------- */
.feature_item {
width:62em;
height:50em;
overflow:hidden;
}

.feature_content {
width:61em;
height:50em;
}

.port_item {
width:61em;
}

#port_hdr_area {
	width:63em;
	margin-bottom: 1.5em;
}


/* =FORMS
-------------------------- */
.cont_form {
width:51.2em;
}

.cont_form_comm {
width:25.5em;
float:right;
clear:left;
}

form {
padding-top:1em;
}

label {
float:left;
width:7em;
color:#454545;
font-size:.85em;
text-transform:uppercase;
}

textarea {
height:20em;
width:8.5em;
border:1px solid #e6e6e6;
font-size:1.1em;
font-family:Tahoma, verdana, sans-serif;
color:#7f7f7d;
margin:0;
padding:0;
}

input:hover,textarea:hover {
border:1px solid #7e99aa;
}

p.send {
position:relative;
left:6em;
width:10em;
}

p.send a:link,p.send a:visited {
color:#454545;
text-decoration:none;
}

p.send a:hover {
color:#fff;
text-decoration:none;
}

input.sendbutton {
	position:relative;
	left:5.4em;
	height:20px;
	width:83px;
}

#client_login input {
height:1.3em;
width:9.6em;
border:1px solid #e6e6e6;
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
color:#7f7f7d;
}

#client_login form {
padding:0;
}

p a:hover,#footer a:hover {
background-color:#7e99aa;
color:#fff;
text-decoration:none;
}

h1,.porfolio_hd {
font-size:2.4em;
line-height:1.2em;
padding:0 15px 20px 0;
}

input,.xinput {
height:1.3em;
width:11em;
border:1px solid #e6e6e6;
font-size:1.1em;
font-family:Tahoma, verdana, sans-serif;
color:#7f7f7d;
margin:0;
padding:0;
}
 
.option {
width:218px;
}


/* =PORTFOLIO NAV 
-------------------------- */
#port_side_nav {
	width:18em;
	padding-top:.5em;
	}
	
#port_side_nav  ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#port_side_nav  a  {
	display: block;
	padding: 2px 10px 2px 10px;
	width: 160px;
}

#port_side_nav  a:link, #port_side_nav a:visited  {
	text-decoration: none;
}

#port_side_nav a:hover  {
	background-color: #7e99aa;
	color: #fff;
}

.menu {
	width:auto;

	position:relative;
	z-index:100;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #556293;
	background-image: url(../_images/global/nav_bg.jpg);
	background-repeat: repeat-x;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:748px; w\idth:747px;}
/* remove all the bullets, borders and padding from the default list styling */

.menu ul {
padding:0;
margin:0;
list-style-type:none;
}


/* =TEST
-------------------------- */
.port_nav ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.port_nav li {
float:left;
position:relative;
color: #556293;
width:auto;
}
/* style the links for the top level */
.port_nav a, .port_nav a:visited {
display:block;
font-size:14px;
text-decoration:none;
color: #556293;

/* border:1px solid #000;
  border-width:1px 0 1px 1px; 
 background:#f0da94;*/
 padding: 2px 11px; 
 line-height:30px;}
/* a hack so that IE5.5 faulty box model is corrected */
/* * html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}*/

/* style the second level background */
/* .menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}*/

/* style the second level hover */
.port_nav ul ul a.drop:hover{background:#556293 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.port_nav ul ul :hover > a.drop {background:#556293 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}

/* style the third level background */
.port_nav ul ul ul a, .menu ul ul ul a:visited {background:#556293;}

/* style the third level hover */
.port_nav ul ul ul a:hover {background:#556293;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.port_nav ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0; width:149px; /*border-top:1px solid #000;*/ }

/* another hack for IE5.5 */
* html .port_nav ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.port_nav ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.port_nav ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.port_nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.port_nav ul ul a, .menu ul ul a:visited {
background:#8994bb; 
color:#fff; 
/*height:auto; */
line-height:1.2em; 
padding:6px 10px; 
width:128px;
border-width:0 1px 1px 1px;
}
/* yet another hack for IE5.5 */
* html .port_nav ul ul a, * html .port_nav ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.port_nav a:hover, .port_nav ul ul a:hover{color:#fff; background:#556293;}
.port_nav :hover > a, .port_nav ul ul :hover > a {color:#fff;background:#556293;}

/* make the second level visible when hover on first level list OR link */
.port_nav ul li:hover ul,
.port_nav ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.port_nav ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.port_nav ul :hover ul :hover ul{ visibility:visible;}







#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #fff;
	font: normal normal 1.1em/15px Verdana, Arial, Helvetica, sans-serif;
	display: none;
}

	#unitippoint, #unitipmid, #unitipcap {
		position: relative;
		top: 0px; 
		left: 0px;
		width: 145px;
		display: block;
	}
	
	#unitippoint { 
		background: url(../images/TipPoint.png) no-repeat; 
		height: 19px; 
		overflow: hidden; 
	}
	
	#unitipmid { 
		background: url(../images/TipMid.png) repeat; 
		width: 115px;
		height: auto; 
		padding: 5px 15px;
	}
	
	#unitipcap { 
		background: url(../images/TipCap.png) no-repeat; 
		height: 7px; 
		overflow: hidden; 
	}