@charset 'UTF-8';
@import url('global.css');

/*	General Styles	*/

body {
	font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	background: #fff;
	padding: 0;
	margin: 0 auto;
	border: 0;
	}

p {
	font-size: inherit;
	margin-bottom: 1.4em;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
td,th,tr {
	margin: 0;
	padding: 0;
	vertical-align: top;
	}
span,div,img {
	margin: 0px;
	padding: 0px;
	} 
hr {
	height:1px;
	color:#999;
	border: 0;
	background-color:#999;
	padding:0;
	margin:0;
	}
	
/* Views */
						
.portview, .aboutview, .newsview, .welcview {
	width: 781px;
	margin: 0 auto;
	overflow: hidden;
	}
.welcview {
	color: #333333;
	font-size: 11px;
	}
.newsview {
	background:url(../images/whitelie.gif) repeat-y -716px top;
	}
.welcview {
	background:url(../images/lies/lie_ml.png) repeat-y left top;
	}
#w01, #w02, #w03, #w04, #w05, #w06 {
	background:url(../images/lies/lie_mlmr.png);
	}
/*#w02 {
	background:url(../images/lies/lie_mrbb.png);
	} */
	
/* 
	About Us Styles
						*/	

.aboutview h1 {
	padding: 0px;
	text-indent: -9999px;
	overflow: hidden;
	height: 180px;
	background:url(../images/abouts/txslide_img.png) no-repeat;
}
.aboutview .caption{
	border-top: 1px solid #CCC;
	padding: 16px 0 0 27px;
	color: #666666;
	}
.aboutview .caption h3 {
	color: #333;
	display: inline;
	padding-right: 5px;
	}
.aboutview .caption p {
	margin-bottom: -50px;
	}
.aboutview #id {
	background-position: 21px top;
	}
.aboutview #cr {
	background-position: 21px -250px;
	}	
.aboutview #ph {
	background-position: 21px -500px;
	}
.aboutview #il {
	background-position: 21px -750px;
	}
.aboutview #we {
	background-position: 21px -1000px;
	}
.aboutview #pr {
	background-position: 21px -1250px;
	}	
.aboutview #ex {
	background-position: 21px -1500px;
	}
.aboutview #st {
	background-position: 21px -1750px;
	}	
	
/* 
	News Styles
						*/

.newsview .imgRTwrap {
	float:right;
	width: 330px;
	height: 410px;
	overflow: hidden;
	margin-left:26px;
	position: relative;
	}
	
.gutter {
	width:56px;
	float:left;
	padding:26px 0;
	text-align: right;
	font-size: 9px;
	color: #666;
	line-height: 12px;
	position: relative;
	}
.gutter_r {
	width:56px;
	float:right;
	padding:26px 0;
	text-align: left;
	font-size: 9px;
	color: #666;
	line-height: 12px;
	position: relative;
	}
.date {
	font-size: 9px;
	color: #666;
	}
.feature_tag {
	color: #333;
	background-color:#FC0;
	padding: 0 2px;
	}
.article_tag {
	color: #FFF;
	background-color:#777;
	padding: 0 2px;
	}
.gutter .footer {
	font-size: 9px;
	position:relative;
	left: 0px; top: 290px;
}
	
.article {
	position: relative;
	margin-left: 88px;
	padding:23px 0;
	}
.article h1 {
	font-weight: 400;
	padding-top: 8px;
	}
.article a {
	font-weight: 400;
	}
.article p {
	color: #666;
	font-weight: 400;
	font-size: 11px;
	margin: 0 0 4em 0;
	line-height: 16px;
	}
.article .footer {
	position: absolute;
	top: 341px;
	width: 310px;
	}
.article p.intro:before {
	font-size: 1.3em;
	content: '\BB  ';
	}
.article p.intro {
	font-size: 16px;
	line-height: 21px;
	color: #999;
	}
.article ul {
	color: #666;
	}
.article li {
	list-style-type: none;
	padding-right: 5px;
	margin-right:2px;
	border-right: 1px solid #ccc;
	display: inline;
	line-height: 16px;
	}
.article li:last-child {
	border: none;
	padding-right: 0;
	}
/* .article li:before {
	color: #666;
	content: '\BB  ';
	}
.article ul li:first-child {
	list-style-type: none;
	}
.article ul li:first-child:before {
	content: '';
	}



/*
	Welcome Guide
					*/

.welcview .first {
	margin: 0;
	z-index: 999;
	}
.welcview .dub {
	width: 516px;
	z-index: -1;
	}
.frame {
	width: 251px;
	float:left;
	margin-left:14px;
	}
.pane {
	height:251px;
	background: none;
	border-left: ;
	padding-left: 8px;
	}
.narrate {
	position: relative;
	margin-left: 79px;
	color: #999;
	padding:21px 0 0 0;
	width: 178px;
	z-index: 1000;
	}
.narrate p {
	font-size: 16px;
	line-height: 21px;
	z-index: 1001;
	margin: 0 0 4px 0;
	}
.narrate h2 {
	font-size: 14px;
	padding-bottom: 4px;
	}
.narrate em {color: #999;}
	
#nar_vc {font-size: 11px;}

#welc_02a {background-position: -1757px top;}
#welc_02b {background-position: -1506px top;}
#welc_03a {background-position: -252px top;}
#welc_03b {background-position: -1004px top;}
#welc_04 {background-position: -1255px top;}
#welc_05 {background-position: -503px top;}
#welc_06 {background-position: -753px top;}

	
/* 
	Portfolio Styles
						*/
.portview {
	background:url(../images/whitelie.gif) repeat-y -211px 0px;
	}				
.portrt {
	height: 355;
	font-size: 16px;
	width: 184px;
	padding: 38px 0;
	margin:0 13px 0 0;
	float:left;
	}
.portrt h1, .portrt h3, .portrt ul, .portrt p {
	padding-left: 21px;
	margin-left: 13px;
	border-left: 0px solid #EEE;
	}

.portrt h1 {
	margin-bottom: 38px;
	border-bottom: 0;
	}
.portrt h3 {
	display: block;
	color: #444;
	font-weight: 400;
	font-size: 18px;
	padding-top: 0;
	margin: 0 0 16px 13px;
	}
	

.portrt ul {
	color: #666;
	font-size: 12px;
	margin-bottom: 2em;
	
	}
.portrt li {
	list-style-type:none;
	line-height: 18px;
	}

.portrt p {
	line-height: 16px;
	}

/*.portrt p:before {
	line-height: 16px;
	color: #999;
	font-size: 1.4em;
	content: '\BB  ';
	}

 	Dropcap Arrow

.portrt p:before {
	float: left;
	margin: -17px 5px -15px 0;
	font-size: 3.6em;
	content: '\BB  ';
}							*/

.portrt .title {
	display: block;
	height: 36px;
	background: url(../images/portos/port_titles.png) no-repeat;
	text-indent:-5000px;	
	}
#exped_title {
	background-position: 21px top;
	}
#vana_title {
	background-position: 21px -60px;
	}
#orange_title {
	background-position: 21px -120px;
	}
#dcoded_title {
	background-position: 21px -180px;
	}
#rencol_title {
	background-position: 21px -240px;
	}
#seven_title {
	background-position: 21px -300px;
	}
#csa_title {
	background-position: 21px -360px;
	}
#barns_title {
	background-position: 21px -420px;
	}
#hrowen_title {
	background-position: 21px -480px;
	}
#holyt_title {
	background-position: 21px -540px;
	}




/* 
	Footview Styles
						*/

.footview {
	overflow-x: hidden;
	line-height: 1.4;
	}	
#fv_wrap {
	width: 480px;
	margin: 0 auto;
	position: relative;
}

#fv_head {
	width: 464px;
	margin: 0 auto;
	position: fixed;
	background: #FFF;
	padding: 60px 5px 18px 11px;
	border-bottom: 1px solid #CCC;
	}
#fv_head img {
	float:right;
	}
#fv_body {
	width: 460px;
	margin: 0 auto;
	padding: 15em 0 8em;
	}
.footview h2 {	
	padding: 1.2em 0 0.5em;
	margin: 0;
	}
.footview p {
	color: #666;
	}

.footview em {
	font-style:italic;
	}
#fv_head ol {display:none;}
/* These are the navigation links, unnecessary for now.

#tanchead ol {
	width: 11em;
	height: 76px;
	float: left;
	font-size: 9px;
	padding: 1em 0 0.6em 2em;
	}
#tanchead ol li h3 {font-size: 1.2em;}
#tanchead ol li a {color: #999;}
#tanchead ol li a:hover {color: #333;}
#tanchead ol li a:after {
	color: #999;
	content: '  \BB'
}
#tanchead ol li a:hover:after {color: #333;} 
#tanchead ol li h3 {padding: 0 0 9px;}

End of Navigation styling */	

/* Fake Lightview */

#fake_overlay {
	position: absolute;
	background: #262626;
	height: 100%;
	width: 100%;
	cursor: pointer;
	z-index: -10;
	}
#fake_lvframe {
	position: absolute;
	left: 50%; top: 50%;
	margin-left: -402px;
	margin-top: -210px;
	background: #FFF;
	padding: 12px;
	width: 781px;
	height: 355px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: 500;
	cursor: default;
	}
#fake_lvcontrol {
	background: url(../images/lightview/fake_link.png) center top no-repeat #666;
	text-indent: -9999px;
	display: block;
	width: 158px;
	height: 24px;
	position: absolute;
	bottom: 18px;
	left: 50%;
	margin-left: -79px;
	}
#fake_lvcontrol:hover {background: url(../images/lightview/fake_link.png) center bottom no-repeat #FC0;}