/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup
table {
	border-collapse: collapse;
	border-spacing: 0;
} */



body     {margin: 0 0 10px 0; background-color: #fff;}
body,td,p{font:normal 12px arial, tahoma; color: #808285;}
img      {border:0;}
input    {font:normal 12px arial, tahoma; color:#386e7a;}
select    {font:bold 11px arial, tahoma; color:#808285;}
textarea {font:normal 12px arial, tahoma; color:#386e7a;}
p        {margin: 0 0 20px 0; line-height: 20px;}
ul       {list-style: disc;    margin:0px 0 8px 0; padding: 0 0 0 20px;}
ol       {list-style: decimal; margin:8px 0 8px 0; padding: 0 0 0 20px;}

h1 {font: normal 24px arial, tahoma; margin: 0 0 10px 0;}
h2 {font: normal 20px arial, tahoma; margin: 0 0 10px 0;}
h3 {font: normal 16px arial, tahoma; margin: 0 0 10px 0;}

#sticker {position: absolute; width: 100%; height: 1px; text-align: right;}

#root1a         {width: 100%; overflow: visible; border-bottom: 3px solid #F39400; background-color: #fff;}
#root1b         {width: 950px; margin: 0 auto; overflow: visible; clear: both;}
#pageTop        {width:950px;}
   #logo        {padding: 35px 0 0 0; text-align: center;height:40px;}
   #topLine     {text-align: center;margin: 15px 0 0 0;height:3px;}
   #mainMenu    {text-align: center;margin: 18px 0 10px 27px;height:34px;}
      .menuItem {margin: 0 20px 0 0}
      #mainMenu img {margin:0 27px 0 0;}
   #babelki     {height:70px;}
      
   #subMenu     {margin:0 0 0 7px; width:950px;text-align: center;}
   #subMenu img {margin:0 7px 0 0;}

#root2a          {width: 100%; overflow: visible; background-image: url('../images/common/bg-content-white.png'); background-repeat: repeat-x; min-height: 370px;}
   #root2b       {width: 950px; margin: 0 auto; overflow: visible; clear: both;}
      #contentMargins {margin: 0 80px 0 80px; padding: 0 0 0 0;}
         #pageContent  {}
            #pageContentLeft  {float: left;  width: 530px;} 
            #pageContentRight {float: right; width: 230px;} 
         #pageMainImage   {margin: 0 0 0 0;height:140px; overflow: hidden;}
         .pageHeader      {margin: 0 0 18px 0; font: normal 24px Arial, Tahoma; color: #575757; padding: 0 0 0 8px; border-left: solid 2px #575757;}
         .pageHeader h1   {}
         
         .sectionContent    {margin: 0 0 0 10px;}
         .sectionContent p  {font: normal 12px Arial, Tahoma; color: #808285; line-height: 20px;}
         .sectionContent h1  {font: normal 24px Arial, Tahoma; color: #575757; margin: 0 0 18px 0;}
         .sectionContent h2  {font: normal 20px Arial, Tahoma; color: #575757; margin: 0 0 18px 0;}
         .sectionContent h3  {font: normal 16px Arial, Tahoma; color: #575757; margin: 0 0 18px 0;}
         .sectionContent li {font: normal 12px Arial, Tahoma; color: #808285; line-height: 20px;}
         .sectionContent a  {color: #808285 !important;}
         
         .blogBoxIntro    {font: normal 12px Arial, Tahoma; color: #9b9da2 !important;line-height: 20px}
         .blogBoxDate     {font: normal 9px Arial, Tahoma; color: #aeb0b4;line-height: 20px}
         .blogBoxDots     {}
         
         .blogHeader   {margin: 0 0 0 0; font: normal 24px Arial, Tahoma; color: #575757; padding: 0 0 0 8px; border-left: solid 2px #575757;}
         .blogHeader a {color: #575757 !important;}
         .blogContent  {font: normal 12px Arial, Tahoma; color: #808285; margin: 0 0 30px 10px; line-height: 20px}
         .blogContent p{font: normal 12px Arial, Tahoma; color: #808285; line-height: 20px}
         .blogContent a{color: #ee771f !important;}
         .blogContent a:hover{color: #ff7f20 !important;}
         .blogDate     {font: normal 9px Arial, Tahoma; color: #aeb0b4; margin: 5px 0 14px 10px; line-height: 20px}
         
         .portfolioFrameHead {width: 790px; height: 9px; background-image: url('../images/portfolio/frame-head.png'); background-repeat: no-repeat; overflow:hidden;}
         .portfolioFrameBody {width: 758px; overflow: hidden; background-color: #fff; padding: 21px 0 0 30px; border: 1px solid #DADADA;}
            .portfolioFrameBodyLeft               {float: left; width: 330px;}
               .portfolioFrameBodyLeftLogo        {margin: 0 0 35px 0;}
               .portfolioFrameBodyLeftHeader      {font: normal 20px arial, tahoma; color: #86888b; margin: 0 0 15px 0;}
               .portfolioFrameBodyLeftDescription {font: normal 12px arial, tahoma; color: #86888b; line-height: 20px; width:320px;}
            .portfolioFrameBodyRight         {float: left; width: 400px; height: 350px; margin: 0 20px 0 10px}
         .portfolioFrameFoot {width: 768px; height: 26px; padding: 5px 0 0 20px; margin: 0 0 10px 0; color: #b2b5b9; border-bottom: 1px solid #DADADA; border-left: 1px solid #DADADA; border-right: 1px solid #DADADA; background-color: #F5F5F5;}
         
         .portfolioPagination    {overflow: visible; list-style: none; margin:0; padding:0 0 0 0; width: 450px;}
         .portfolioPagination li {float:left;margin:5px 1px 0 0; padding:0; font: normal 9px arial; color: #a1a4a8;}
         .portfolioPagination li a {color: #86888b !important; font: bold 9px arial !important; padding: 4px 6px 4px 6px !important;}
         .portfolioPagination li a:hover  {color: #fff !important; background-color: #8C8D90 !important; text-decoration: none !important;}
         .portfolioPagination li a.carousel-selected {color: #fff !important; background-color: #8C8D90 !important; text-decoration: none !important;}
         
#root3a     {width: 100%; margin: 5px 0 0 0; overflow: visible; background-color: #fff;}
#root3b     {width: 950px; margin: 0 auto;}
   #foot {text-align: center; color:#b0b9a3; font-size: 9px;}

.contentImageLeft  {float: left; margin: 0 20px 15px 0;} 
.contentImageRight {float: right; margin: 0 0 15px 20px;} 

.preloader {display:block; width:1px; height:1px; overflow: hidden;}

#clientsList    {overflow: visible; list-style: none; margin:0; padding:0 0 0 0; width:800px;}
#clientsList li {float:left;margin:0 10px 5px 0; padding:0;}

#categoryList    {overflow: visible; list-style: none; margin:0; padding:0 0 0 0; width:800px;}
#categoryList li {float:left;margin:0 10px 5px 0; padding:0;}

#hostessyList    {overflow: visible; list-style: none; margin: 0 0 0 0; padding:0 0 0 0; width:800px;}
#hostessyList .lihlist {float:left;margin:0 0 0 0; padding:0; width:390px; height:195px;}
      
.newsList     {}
.newsHeader   {font: normal 22px arial, tahoma; color:#386e7a; border-left: 5px solid #386e7a; padding:0 0 0 10px;}
.newsDate     {font: normal 12px arial, tahoma; color:#A2BCC6; border-left: 5px solid #386e7a; padding:5px 0 0 10px;}
.newsContent  {padding:10px 0 20px 15px;}
.newsContent p{font: normal 12px arial, tahoma; color:#386e7a !important; line-height: 20px; text-align: left;}
.newsBackLink {font: bold 9px arial, tahoma;}

.td-news-1 {width:12px; height:17px;} 
.td-news-2 {color:#d1206f; width:45px; font-size:9px; font-weight: normal;} 
.td-news-3 {color:#fff; font-size:9px; font-weight: bold;} 

.clearBoth {clear: both;} 
.marginV {margin: 0 0 10px 0;}
.spacer-l{margin: 0 0 0 12px;}
.spacer-r{margin: 0 10px 0 0;}
.spacer-foot-r{margin: 0 0 0 20px;}
.h22{height:22px;}

a.lnk-foot:link, a.lnk-foot:visited {color:#b0b9a3;text-decoration: none;}
a.lnk-foot:hover, a.lnk-foot:active {color:#b0b9a3;text-decoration: underline;}

a.lnk-news-box:link, a.lnk-news-box:visited {color:#4d8a98;text-decoration: none;}
a.lnk-news-box:hover, a.lnk-news-box:active {color:#4d8a98;text-decoration: underline;}

a:link, a:visited {color:#4d8a98;text-decoration: none;}
a:hover, a:active {color:#4d8a98;text-decoration: underline;}

.portfolioFrameBodyLeftDescription a:link    {color:#4d8a98 !important;text-decoration: underline !important;}
.portfolioFrameBodyLeftDescription a:visited {color:#4d8a98 !important;text-decoration: underline !important;}
.portfolioFrameBodyLeftDescription a:hover   {color:#77af27 !important;text-decoration: underline !important;}
.portfolioFrameBodyLeftDescription a:active  {color:#77af27 !important;text-decoration: underline !important;}

.mailforminput          {background-color: #E3E3E3; border: solid 1px #D3D3D3; color:#808285; font-weight: bold; margin: 0 15px 0 0;}
.mailforminput:hover    {background-color: #F5F5F5; border: solid 1px #D3D3D3; color:#808285; margin: 0 15px 0 0;}
.mailformtextarea       {background-color: #E3E3E3; border: solid 1px #D3D3D3; color:#808285; font-weight: normal; width:260px; height: 108px;}
.mailformtextarea:hover {background-color: #F5F5F5; border: solid 1px #D3D3D3; color:#808285;}
.mailformbutton         {background-color: #E3E3E3; border: solid 1px #D3D3D3; color:#808285; font-weight: bold;}
.mailformbutton:hover   {background-color: #F5F5F5; border: solid 1px #D3D3D3; color:#808285;}
.mailFormRow            {margin: 0 0 10px 0 !important;}






/* Tooltips CSS definitions */	

.tooltip {
	position: absolute!important;
	overflow:hidden;
	font: normal 11px arial, tahoma;
	z-index: 10000!important;
	margin: -50px 0 0 -10px;
}
	.tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; }
	.tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; }
	.tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; }
	.tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; }
	.tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; }
/* 		.tooltip .xb1 { margin: 0 5px; background: #333; }
	.tooltip .xb2 { margin: 0 3px; border-width: 0 2px; }
	.tooltip .xb3 { margin: 0 2px; }
	.tooltip .xb4 { height: 2px; margin: 0 1px; }

	.tooltip .xarrow {
		position: relative;
		top: 2px; left: 12px;
		width: 11px;
		height: 7px;
	}
		.tooltip .xarrow b {
			display: block;
			background:#666;
			border-left:1px solid #333;
			border-right:1px solid #333;
			font-size:1px;
			height: 1px;
		}
		.tooltip .xarrow .a1 { margin: 0 5px; background-color: #333; border: 0 solid; width: 1px; }
		.tooltip .xarrow .a2 { width: 1px; margin: 0 4px;}
		.tooltip .xarrow .a3 { width: 3px; margin: 0 3px;}
		.tooltip .xarrow .a4 { width: 5px; margin: 0 2px;}
		.tooltip .xarrow .a5 { width: 7px; margin: 0 1px;}
		.tooltip .xarrow .a6 { width: 9px; margin: 0 0px;} */
	.tooltip .xboxcontent {
		padding: 0 .5em;
		margin: 0;
		color: #000;
		text-shadow: 1px 1px 0px #CCC;
		word-wrap:break-word;
		border: 1px solid #333;
		border-width: 0px 1px 0 1px;
		background-color: #666;
	}
/* tooltip */	
	
	
/* carousel */	
	
#carousel-wrapper {
    width: 760px;
    height: 370px;
    overflow: hidden;
}
#carousel-content {
    width: 10000px;
}
#carousel-content .slide {
    float: left;
    width: 760px;
    height: 370px;
}

#carousel-h-wrapper {
    width: 210px;
    height: 116px;
    overflow: hidden;
}
#carousel-h-content {
    width: 10000px;
}
#carousel-h-content .slide {
    float: left;
    width: 220px;
    height: 116px;
}
#carousel-h-content .slide img {
    float: left;
    margin: 0 10px 0 0;
}
/* -carousel */	







/* lightwindow */	

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/common/lightwindow/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/common/lightwindow/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/common/lightwindow/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/common/lightwindow/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/common/lightwindow/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/common/lightwindow/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/common/lightwindow/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 600px;
		float: left;
		margin: 0 0 0 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		width: 270px;
		margin: 5px 0 5px 0;
		list-style-type: none;
		float: left;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}

/* -lightwindow */