body { background-color: #343026; color:#66645c; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 0.8em; line-height: 18px; margin: 0; padding: 0; }
a { text-decoration: none; color: #C00; font-family: Arial, Helvetica, sans-serif; outline: none; }
a img { border: none}
a:hover { color: #666 }
.clear {clear: both;}
em { font-style: normal; color: #3CB4CA; font-weight: bold; padding: 0px 3px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 14px }
quote { font-style: italic; }
.divide { clear: both; height: 20px; }
h3.loading { font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 11px; background: #D70280; color: white; width: 280px; padding: 0px 10px; margin-top: 20px; }
.video { margin: 40px 0px; }
.heading-blue { color: #3cb4cb; font-size: 20px; text-transform: capitalize; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin: 0px 12px 15px 0px; background: url(../images/line.png) repeat-x left bottom; height: 40px; width: 350px; }
.heading-pink { color: #d80080; font-size: 20px; text-transform: capitalize; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin: 0px 12px 15px 0px; background: url(../images/line.png) repeat-x left bottom; height: 40px; width: 350px; }
.heading-green { color: #89c123; font-size: 20px; text-transform: capitalize; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin: 0px 12px 15px 0px; background: url(../images/line.png) repeat-x left bottom; height: 40px; width: 350px; }
.heading-brown { color: #343026; font-size: 20px; text-transform: capitalize; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin: 0px 12px 15px 0px; background: url(../images/line.png) repeat-x left bottom; height: 40px; width: 350px; }

.comments-content { width: 550px }

#main { width: 980px; margin-left: auto; margin-right: auto; padding-top: 20px; }
	#tabs { width:34px; float:left; padding-top: 120px;}
	#maincontent { width:946px; background: url(../images/topleft_curve.gif) no-repeat; background-color: #fff; float: right;}
	.logo { float: left;}
	.topblockcolour { width:69px; height: 109px; float: right;}
	.contactdetails { float: right;}
	.middleblockcolour { width:69px; height: 20px; float: right;}
	
	#bars { text-align: right;}
	
	#content {  width: 946px; position: relative;}
	
	#full { width: 946px; height: 600px; padding: 0px; }
	#leftcontent { width: 430px; padding: 35px 0 30px 40px;  }
	#leftcontent2 { width: 550px; padding: 35px 0 30px 40px;  }
	#leftcontent-full { width: 800px; padding: 35px 0 30px 40px; }
	#leftcontent-full2 { width: 800px; padding: 30px 0 20px 40px; }
	
	h1.title2 { color: #3CB4CA; font-size: 24px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; border-bottom: #3CB4CA solid 1px; text-align: right; margin: 20px 20px 20px 0px; padding-bottom: 5px; padding-top: 20px; }

	
	ul.pinklist a { color: #d80080; text-decoration: none;}
	ul.bluelist a { color: #3cb4cb; text-decoration: none;}
	ul.bluelist a:hover	{ color: #116f81;}
	ul.pinklist a:hover	{ color: #920057;}
	ul.bluelist, ul.pinklist { list-style-type: none; margin: 0; padding: 10px 0 0 0; }
	#listleft { float: left; padding-top: 20px; width:204px;	}
	#listright { float: right;padding-top: 20px; width:204px; }
	#listleft p { padding-top: 10px;}
	#listright p {padding-top: 10px;}
	
	#rightcontent { float: right; text-align: right; vertical-align: bottom;}
	#rightcontent2 { float: right; text-align: right; vertical-align: bottom; margin-right: 150px;}
	
	#nav { list-style-type: none; margin: 0; padding: 40px 98px 0 0; }
		#nav li {margin: 0 0 2px 0; padding: 0;}
		#nav li a { color: #666; font-size: 20px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; }
		#nav li.main a { color: #3CB4CA }
		#nav li.gray a { color: #999; font-size: 15px; }
		#nav li:hover a { color: #3CB4CA }
		
	#nav-pink { list-style-type: none; margin: 0; padding: 40px 98px 0 0; }
		#nav-pink li {margin: 0 0 2px 0; padding: 0;}
		#nav-pink li a { color: #666; font-size: 20px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; }
		#nav-pink li.main a { color: #D80080 }
		#nav-pink li.gray a { color: #999; font-size: 15px; }
		#nav-pink li:hover a { color: #D80080 }
		
		#illustration { position: absolute; left:483px; }

	.foot { width: 980px; margin: auto; text-align: right }
	ul#footer { clear: both; list-style-type: none; padding-top: 5px; margin-left: 35px; padding-bottom: 10px; padding-left: 10px; margin-top: 0px; height: 50px;}
	ul#footer li {  font-size: 10px; display: inline; margin-right: 10px; padding-right: 15px; }
	ul#footer li a {color: #CCC; text-decoration: none; font-size: 13px;font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; }
	ul#footer li a:hover { color: white; text-decoration: underline}
	
	
	
	.blue, .bluelong {background-color: #3cb4ca;}
	.pink, .pinklong {background-color: #d80080;}
	.green, .greenlong {background-color: #89c123;}
	
	.greenlink {color: #89c123;}
	.greenlink:hover {color: #5d8a0b;}
	
	
	#footer .credit { margin-left: 160px; background: none;}
	#footer .last { background: none;}
	
#quotes li{ padding-bottom: 30px;}

.navdivider {background: url(../images/navdivider.gif) repeat-x; display: block; height: 10px;padding-bottom: 5px; width:200px;}


.quotetop {padding-top: 5px; padding-bottom: 10px; display: block;}
.quotebottom {padding-top: 10px; padding-bottom: 5px; float: left; padding-right: 10px;}
#content .credit {margin-top: 5px; display: block; width: 400px; padding-top: 5px; color: #3cb4ca; }

.bluetext { color: #3cb4cb;}
.pinktext { color: #d80080; font-weight: bold;}
h3 { color: #d80080; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; padding-bottom: 5px;}


/* */

	.recentposts {  }

/* latest blogs */
.lateblog { width: 390px; padding: 15px 10px; padding-left: 30px; height: 120px; background:url(../imgs/bg-gray.png) no-repeat; margin-top: 10px; }
.lateblog-date { position: absolute; left: 25px; width: 40px; height: 47px; padding-top: 12px; background: url(../imgs/paper.gif) no-repeat; text-align: center }
	.month 	{ font-size: 9px; color: #666; display: block; }
	.day	{ font-size: 18px; color: #666; }
.lateblog-text { float: left; margin-left: 5px; } 
	.lateblog-text p { color: #454545; font-size: 11px; margin: 10px 10px; }
	.lateblog-text h2.title { font-weight: normal; margin: 0px; color: #000; font-size: 18px; margin: 0px 10px; height: 20px; }
	.lateblog-text h2.title:hover { text-decoration: underline }
	.lateblog-text h3.subtitle { margin: 0px 10px; padding: 0px 0px 0px 3px; color: #666666; font-size: 11px; display: block; font-family: Arial, Helvetica, sans-serif; font-style: normal; border: 0px;  }

.readmore { background: url(../images/readmore.png) no-repeat; padding: 5px 0px 0px 0px; margin: 5px 0px; text-align: center; display: block; width: 119px; position: absolute; left: 330px; height: 31px; }
.readmore a { font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: white;  }
.readmore:hover { color: #F4FCFD; background: url(../images/readmore.png) no-repeat bottom; cursor: hand; cursor: pointer; }


/* archive blogs */
.lateblog2 { width: 540px; padding: 15px 20px; padding-left: 30px; height: 160px; background:url(../images/bg-gray.png) no-repeat; margin-top: 10px; margin-left: 20px; }
.lateblog2-date { position: absolute; left: 5px; width: 40px; height: 47px; padding-top: 12px; background: url(../imgs/paper.gif) no-repeat; text-align: center }
	.month 	{ font-size: 9px; color: #666; display: block; }
	.day	{ font-size: 18px; color: #666; }
.lateblog2-text { float: left; margin-left: 5px; } 
	.lateblog2-text p { color: #454545; font-size: 11px; margin: 10px 10px; }
	.lateblog2-text h2.title { font-weight: normal; margin: 0px; color: #000; font-size: 18px; margin: 0px 10px; height: 20px; }
	.lateblog2-text h2.title:hover { text-decoration: underline }
	.lateblog2-text h3.subtitle { margin: 0px 10px; padding: 0px 0px 0px 3px; color: #666666; font-size: 11px; display: block; font-family: Arial, Helvetica, sans-serif; font-style: normal; border: 0px;  }

.readmore2 { background: url(../images/readmore.png) no-repeat; padding: 5px 0px 0px 0px; margin: 5px 0px; text-align: center; display: block; width: 119px; position: absolute; left: 480px; height: 31px; }
.readmore2 a { font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: white;  }
.readmore2:hover { color: #F4FCFD; background: url(../images/readmore.png) no-repeat bottom; cursor: hand; cursor: pointer; }

.lateblog3 { width: 300px; padding: 15px 20px; padding-left: 30px; height: 230px; background:url(../images/bg-gray2.png) no-repeat; margin-top: 0px; margin-left: 20px; float: left; margin-right: 30px; }
.lateblog3-date { position: relative; left: -50px; width: 40px; height: 47px; padding-top: 12px; background: url(../imgs/paper.gif) no-repeat; text-align: center; float: left; }
	.month 	{ font-size: 9px; color: #666; display: block; }
	.day	{ font-size: 18px; color: #666; }
.lateblog3-cat { position: relative; left: -90px; top: 70px; width: 40px; height: 47px; padding-top: 20px; background: url(../imgs/paper.gif) no-repeat; text-align: center; float: left; }
.lateblog3-text { float: left; margin-left: 0px; position: relative; top: -60px; width: 295px; } 
	.lateblog3-text p { color: #454545; font-size: 11px; margin: 10px 10px; }
	.lateblog3-text h2.title { font-weight: normal; color: #000; font-size: 18px; margin: 0px 10px; height: 20px; padding-bottom: 10px; line-height: 1em }
	.lateblog3-text h2.title:hover { text-decoration: underline }
	.lateblog3-text h3.subtitle { margin: 0px 10px; padding: 0px 0px 0px 3px; color: #666666; font-size: 11px; display: block; font-family: Arial, Helvetica, sans-serif; font-style: normal; border: 0px;  }
.lateblog4 { width: 300px; padding: 15px 20px; padding-left: 30px; height: 450px; background:url(../images/bg-gray2.png) no-repeat; margin-top: 0px; margin-left: 20px; float: left; margin-right: 30px; }



.readmore3 { background: url(../images/readmore.png) no-repeat; padding: 5px 0px 0px 0px; margin: 5px 0px; text-align: center; display: block; width: 119px; position: relative; left: 160px; height: 31px; }
.readmore3 a { font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: white;  }
.readmore3:hover { color: #F4FCFD; background: url(../images/readmore.png) no-repeat bottom; cursor: hand; cursor: pointer; }


.clear50 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.clear80 { clear: both; height: 80px; }

.sub { margin-bottom: 20px; margin-top: 10px; }
.sub2 { margin-bottom: 20px; margin-top: 20px; }

.menu2 { position: absolute; top: 590px; left: 495px; width: 366px; text-align: left; border-left: 1px dotted #CCC; padding-left: 15px; background: #F5F5F5; padding-bottom: 10px; }

.list-rel { padding: 0px; margin: 0px; list-style: none }
.list-rel li a { width: 300px; height: 45px; color: #666666; padding: 0px; font-size: 10px; text-transform: uppercase; margin-bottom: 5px; float: left; }
.list-rel li a img { padding-top: 4px; vertical-align: middle; border: 1px solid white; }
.list-rel li a span { padding-top: 14px; display: block; padding-right: 10px; }
.list-rel li a:hover { color: #000; background: #F4F4F4 }
.list-rel li:hover img { border: 1px solid #999; }
.smallpic-rel { width: 60px; padding: 4px; background: white; margin-right: 8px; float: left }


.list-top { padding: 0px; margin: 0px; list-style: none; }
.list-top li { display: inline; }
.list-top li a { width: 160px; background: white; height: 140px; color: #666666; padding: 0px; font-size: 12px; margin-bottom: 40px; float: left; line-height: 1em; display: inline; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; border: 1px solid #CCC; margin-right: 30px; }
.list-top li a img { padding-top: 4px; }
.list-top li a span { padding-top: 5px; display: block; text-align: left; padding-left: 5px;  }
.list-top li a:hover { color: white; background: #3CB4CA; border: 1px solid #3CB4CA }
.smallpic { width: 150px; padding: 5px; background: white; }

.list-top2 { padding: 0px; margin: 0px; list-style: none; }
.list-top2 li { display: inline; }
.list-top2 li a { width: 300px; height: 90px; color: #666666; padding: 0px; font-size: 11px; margin-bottom: 15px; float: left; margin-right: 7px; line-height: 1em; display: inline; font-family: Arial, Helvetica, sans-serif  }
.list-top2 li a img { padding-top: 4px; border: 1px solid #999; background: white; }
.list-top2 li a span { padding-top: 14px; display: block; text-align: center; }
.list-top2 li a:hover { color: #3CB4CA; }
.list-top2 li:hover img { border: 1px solid #999; background: white; }
.smallpic2 { width: 150px; padding: 4px; background: #F5F5F5; float: left }

.logo2 { width: 108px; height: 32px; background: url(../images/logo2.png) no-repeat top; float: left; }
.logo2:hover { background: url(../images/logo2.png) bottom; }

.illus { top:215px; }
.illus2 { bottom: 0px; }

/* BLOG */

h1.blog-title { color: #333; font-size: 34px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin-bottom: 0px; }
h2.postdate { color: #333; font-size: 14px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin-bottom: 30px; border-bottom: 1px dotted #CCC }
h2.postdate2 { color: #999; font-size: 14px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin-bottom: 0px; width: 600px; margin-top: 5px; }
div.postdate2 { color: #333; font-size: 12px; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin: 50px 0px 70px; border-top: 1px dotted #CCC; font-style: italic; }
div.postdate2 span { float: left; padding: 0px; margin: 0px; padding-left: 400px; }

.intro { font-weight: bold }
.no { color: #FFF; background: #2F5DB1; font-weight: bold; text-transform: uppercase; font-size: 15px; padding: 15px 5px 5px; float: left; width: 20px; margin-left: 10px; text-align: center }
.list-title { color: #E4E4E4; text-transform: none; font-size: 35px; float: right; display: block; padding-top: 2px; font-family: Georgia, "Times New Roman", Times, serif;  }
.clear20 { clear: both; height: 5px; display: block; }
.pictureL { float: right; margin: 11px 0px 21px 20px; background: white; padding: 4px; border: 1px solid #CCC }
.pictureL img { width: 190px; }
.sub2 { color: #2F5DB1; font-weight: bold; text-transform: uppercase; font-size: 12px }
.paginationstyle { padding-bottom: 50px; clear: both }

.virtualpage { width: 390px; background: url(../imgs/bg-feat.png); height: 370px; padding: 0px 20px; float: left; }
.virtualpage1 { width: 390px; background: url(../imgs/bg-feat.png); height: 450px; padding: 0px 20px; float: left; }
.virtualpage2 { width: 390px; background: url(../imgs/bg-feat.png); height: 480px; padding: 0px 20px; float: left; }
.virtualpage3 { width: 390px; background: url(../imgs/bg-feat.png); height: 260px; padding: 0px 20px; float: left; }
.virtualpage4 { width: 390px; background: url(../imgs/bg-feat.png); height: 470px; padding: 0px 20px; float: left; }
.virtualpage5 { width: 390px; background: url(../imgs/bg-feat.png); height: 310px; padding: 0px 20px; float: left; }
.virtualpage6 { width: 390px; background: url(../imgs/bg-feat.png); height: 580px; padding: 0px 20px; float: left; }
.virtualpage7 { width: 390px; background: url(../imgs/bg-feat.png); height: 370px; padding: 0px 20px; float: left; }
.virtualpage8 { width: 390px; background: url(../imgs/bg-feat.png); height: 460px; padding: 0px 20px; float: left; }
.virtualpage9 { width: 390px; background: url(../imgs/bg-feat.png); height: 400px; padding: 0px 20px; float: left; }
.virtualpage10 { width: 390px; background: url(../imgs/bg-feat.png); height: 340px; padding: 0px 20px; float: left; }

.date { color: #3CB4CA; font-size: 13px; margin-top: 5px; padding: 2px 10px 2px 5px; }
.date:hover { background: #3CB4CA; color: white; }
.blog-mainpic { margin: 0 0px 15px 20px; padding: 4px; border: 1px solid #CCC  }
#mainpic { float: right }
#mainpic .border { position: relative; top: 0px; left: 10px; background: url(../imgs/bg-pic.png); width: 220px; height: 135px; padding: 0px; }
.blog-smallpic { width: 170px; float: left; margin: 0px 10px 20px 10px; background: white; padding: 4px; border: 1px solid #CCC  }
.blog-smallpic:hover { border: #3CB4CA 1px solid }
.blog-smallpic2 { width: 130px; float: left; margin: 10px 10px 5px 10px; background: white; padding: 4px; border: 1px solid #CCC  }
.blog-smallpic3 { width: 110px; float: right; margin: 0px 10px 5px 10px; background: white; padding: 4px; border: 1px solid #CCC  }
.blog-smallpic3:hover { border: #666 1px solid }

h1.comments { color: #3CB4CA; font-size: 24px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin-bottom: 20px; padding: 50px 5px 0px 0px;border-bottom: 1px dotted #3CB4CA; }
h1.similar { color: #D70280; font-size: 24px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin-bottom: 25px; padding: 10px 5px 0px 0px;border-bottom: 1px dotted #D70280; width: 445px; margin-top: 30px; }
.sm1 { color: #D70280; font-size: 25px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin: 25px 12px 30px 12px; }
.sm2 { color: #3CB4CA; font-size: 20px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin: 10px 12px 30px 0px; }

h1.sm3 { color: white; background: #7BAD1F; font-size: 15px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin-bottom: 25px; padding: 5px; width: 130px; margin-top: 30px; }
h1.sm4 { color: white; background: #333; font-size: 15px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin-bottom: 10px; padding: 5px; width: 140px; margin-top: 5px; }
h1.stumble { color: #7BAD1F; font-size: 24px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin-bottom: 25px; padding: 10px 5px 0px 0px;border-bottom: 1px dotted #7BAD1F; width: 445px; margin-top: 30px; }
h1.title { color: #3CB4CA; font-size: 24px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin-bottom: 0px; padding: 30px 5px 1px 0px;border-bottom: 1px dotted #3CB4CA; width: 575px; }
h1.album-name { color: #333; font-size: 30px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin-bottom: 0px; width: 550px; padding: 9px 0px; }
h1.album-name2 { color: #333; font-size: 30px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin-bottom: 0px; width: 550px; padding: 9px 0px; }

.icons { vertical-align: text-bottom; margin-right: 5px; }
.icons2 { margin: 0px 5px; vertical-align: middle; }
.icons3 { vertical-align: middle; margin-right: 2px; }
.icons4 { vertical-align: top; margin: 5px 10px; float: left; }
.icons5 { vertical-align: middle; margin-right: 2px; margin-bottom: 3px; }

.left { margin-left: 90px; color: #333; font-size: 14px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; }
.left:hover { color: #3CB4CA }
.left2 { margin-left: 50px; color: #333; font-size: 14px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; }
.left2:hover { color: #3CB4CA }
.left3 { margin-left: 50px; color: #999; font-size: 14px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; }
.left3:hover { color: #000 }
.stars { margin: 0px 0px 10px 20px; }

.related { color: #333; font-size: 20px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin-bottom: 0px; float: left; display: inline; }

.car-link { color: #000; font-size: 13px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; }
.car-link span { text-align: center; width: 130px; display: block; margin-left: 10px; }
.car-link:hover { color: #3CB4CA }

.yui-carousel-element li { height: 130px; text-align: left; }
#container { font-size: 13px; margin: 20px 0px; background: white; }
#container .item { display: inline; margin: 0px; overflow: hidden; padding-left: 5px; padding-right: 100px; width: 130px; }

.twenty { font-size: 22px; width: 340px; padding: 70px 40px 0px; font-style: italic; line-height: 1.5em }
.cr { font-size: 22px; width: 340px; padding: 20px 40px 0px; font-style: italic; line-height: 1.3em }
.picture { float: right; margin: 11px 5px 21px 21px; padding: 4px; border: 1px solid #CCC; }
.picture img { width: 230px; }
.picture-list { margin: 11px 5px 21px 15px; padding: 4px; background: url(imgs/bg-link4.png); width: 250px; }
.sub { color: #2F5DB1; font-weight: bold; text-transform: uppercase; font-size: 12px }
.bloglist { list-style: inside; margin-left: 10px; padding: 10px; }
.bloglist li { list-style: decimal; margin-bottom: 20px; color: #666 }
.bigpic { width: 278px; margin: 10px auto; }

.related-box { float: left; background: white; padding: 5px; border: 1px solid #CCC; margin: 10px 20px; width: 200px; height: 145px; }
.related-box a .text { margin: 5px; color: #999; font-size: 12px;display: block; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; }
.related-box a .info { margin: 5px; color: #999; font-size: 10px;display: block; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; }
.related-box:hover a .text { color: #000; background:url(../imgs/arrow.gif) right no-repeat; }
.related-box img { width: 200px; }

.photo-box { display: block; margin: 10px auto; width: 660px;  }
.photo-box .caption { margin: 5px; color: #666; font-size: 14px; display: block; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;  }
.photo-box img { padding: 5px; border: 1px solid #CCC; background: white; }
.list { margin-left: 50px; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; }

.album { background: url(../images/monitor200.png) no-repeat; width: 210px; height: 190px; padding-top: 1px; float: left; margin: 0px 10px 0px 20px; padding-bottom: 30px; }

.album-box { background: white; padding: 0px; float: left; margin: 5px 5px; width: 200px; height: 145px; padding-bottom: 5px; }
.album-box:hover { background: #D70280 }
.album-box a .text { color: #999; font-size: 12px;display: block; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; padding: 0px 10px; }
.album-box:hover a .text { color: white }
.album-box img { width: 200px; }

.inline ul { list-style: none; }
.inline li { display: inline; }

.minimenu { position: absolute; top: 80px; right: 130px; text-align: center; }
.mini { color: #999; padding: 15px 5px; width: 120px; display: block; text-align: left; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; border-bottom: 1px dotted #CCC; background: url(../images/bg-white.png); margin-left: 10px; }
.mini:hover { background: #D70280; color: white; }
.minititle { color: #D70280; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; }

.minimenu3 { text-align: center; display: block; position: absolute; z-index: 99; height: 46px; width: 750px; margin-left: 70px; }
.minimenu2 { position: absolute; top: 80px; right: 250px; text-align: center; }
.mini2 { color: #999; padding: 6px 5px; width: 100px; text-align: center; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC; float: left; background: white;}
.mini2b { color: #999; padding: 6px 5px; width: 100px; text-align: center; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC; border-left: 1px dotted #CCC; float: left;background: white; }
.mini2:hover { background: #D70280; color: white; }
.mini2b:hover { background: #D70280; color: white; }
.minititle2 { color: #D70280; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; background: white; float: left; padding-right: 30px; margin-top: 15px; padding-bottom: 20px; }

.minimenu5 { text-align: center; float: right; margin-right: -150px; margin-top: 10px; }

#bottomcontent { padding-left: 40px; border: 1px solid red }

.minimenu4 { text-align: center; float: right; margin-right: 70px; margin-top: 10px; }
.mini4 { color: #999; padding: 15px 5px; width: 100px; display: block; text-align: left; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; border-bottom: 1px dotted #CCC; background: white; margin-left: 10px; }
.mini4:hover { background: #3CB4CA; color: white; }
.minititle4 { color: #3CB4CA; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; background: white; padding-bottom: 2px; }

.minimenu9 { text-align: center; display: block; position: absolute; z-index: 99; height: 46px; width: 840px; margin-left: 10px; }
.mini9 { color: #999; padding: 6px 5px; width: 80px; text-align: center; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC; float: left; background: white; }
.mini9b { color: #999; padding: 6px 5px; width: 80px; text-align: center; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC; float: left; border-left: 1px dotted #CCC; background: white; }
.mini9:hover { background: #3CB4CA; color: white; }
.mini9b:hover { background: #3CB4CA; color: white; }
.minititle9 { color: #3CB4CA; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; background: white; float: left; padding-right: 10px; margin-top: 15px; padding-bottom: 20px; }

.desc { font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; margin: 0px 0px 20px 20px; color: #999 }

.minimenu6 { text-align: center;  border: 1px dotted #CCC; height: 115px; background: #F8F8F8 }
.mini6 { color: #999; padding: 10px 5px; width: 130px; text-align: left; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin-left: 30px; float: left; margin-right: 10px; display: inline; }
.mini6:hover { background: #3CB4CA; color: white; }
.minititle6 { color: #3CB4CA; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;  padding: 5px 0px }

.minimenu7 { text-align: center; float: right; margin-right: 130px; margin-top: 20px; }
.mini7 { color: #999; padding: 10px 5px; width: 130px; display: block; text-align: left; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; border-bottom: 1px dotted #CCC; background: white; margin-left: 10px; }
.mini7:hover { background: #89C123; color: white; }
.minititle7 { color: #7BAD1F; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; background: white; padding-bottom: 2px; }

.minimenu8 { position: absolute; top: 80px; right: 180px; text-align: center; }
.mini8 { color: #999; padding: 15px 5px; width: 120px; display: block; text-align: left; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; border-bottom: 1px dotted #CCC; background: url(../images/bg-white.png); margin-left: 10px; }
.mini8:hover { background: #D70280; color: white; }
.minititle8 { color: #D70280; font-size: 12px; text-transform: lowercase; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; }



.description { margin-bottom: 20px; border-top: 1px dotted #CCC; width: 600px; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; padding: 5px 0px; text-align: left; font-size: 12px; }
.more { font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 12px; color: #D70280; font-weight: bold; padding: 0px 3px; }
.more:hover { color: white; background: #D70280 }


.boxes { width: 670px;  }
.box { width: 180px; height: 190px; float: left; padding: 10px 15px; margin: 5px 6px 5px 5px; background: url(../images/cross.gif) no-repeat; background-position: 3px 3px; border-bottom: 1px dotted #CCC; background-color: #F9F9F9; }
.st-img { margin-bottom: 10px; border: 1px solid #CCC; padding: 5px; background: white; display: block; }
.box:hover { background-color: #F2F2F2; background-image: url(../images/cross.gif) no-repeat }
.box:hover .st-img { float: left; background: #89C123; margin-right: 10px; border: 1px solid #F2F2F2 }
.box:hover .open { display: block; }
.box:hover .st-info { color: black; }
.number { font-size: 10px; color: #999;font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; }
.cat { font-size: 10px; color: #999; font-weight: bold;font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; }
.name { font-size: 16px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: bold; text-transform: uppercase; color: black; margin: 10px 0px; }
.st-info { color: #999; font-size: 11px; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; line-height: 0.9em; }
.st-img { width: 100px; }
.open { display: none; margin-top: 30px; }
.strike { text-decoration: line-through }

.box2 { width: 130px; height: 220px; float: left; padding: 10px 10px; margin: 5px 5px 20px 15px; background: url(../images/cross.gif) no-repeat; background-position: 3px 3px; border-bottom: 1px dotted #CCC; background-color: #F9F9F9; }
.box2:hover { background-color: #F2F2F2; background-image: url(../images/cross.gif) no-repeat }

.whatis { width: 160px; font-size: 11px; color: #666; padding: 0px 5px; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; }
.itis { width: 700px; background: #EFEFEF; font-size: 11px; padding: 5px; }

.welcome { width: 700px; font-size: 80px; color: #999; text-align: center; padding-top: 80px; padding-bottom: 30px; height: 30px; }
.news-item { font-size: 12px; margin: 10px 0px 10px 80px; padding: 15px; line-height: 1.5em; width: 500px; background:url(../images/cross.gif) no-repeat; background-position: 10px 8px; background-color: #F2F2F2;  }

.piece { font-weight: bold; color: #666; margin-right: 10px; }
.news-date { font-style: normal; color: #3CB4CA; padding: 0px 5px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px }

.middle { width: 780px; padding: 0px 15px; float: left; }
.middle2 { width: 250px; padding: 0px 15px; border-top: 1px dotted #CCC; float: left; }
.middle3 { width: 780px; padding: 0px 0px 0px 15px; border-top: 1px dotted #CCC; float: left; }

.goto2 { margin: 5px 350px; }

.title-blue { color: white; background: #3CB4CA; font-size: 15px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; padding: 5px 10px; width: 100px; display: block; text-align: center; margin: 0px 0px 30px; }
.title-pink { color: white; background: #D70280; font-size: 15px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; padding: 5px 10px; width: 100px; display: block; text-align: center; margin: 0px 0px 30px; }
.title-green { color: white; background: #7BAD1F; font-size: 15px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; padding: 5px 10px; width: 100px; display: block; text-align: center; margin: 0px 0px 30px; }
.title-gray { color: white; background: #999; font-size: 15px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; padding: 5px 10px; width: 100px; display: block; text-align: center; margin: 0px 0px 30px; }
.links li a.green { background: #7BAD1F }
.links li a.blue { background: #3CB4CA }
.links li a.gray { background: #666 }
.links li a.white { background: #FFF; color: #666 }

.late { margin-left: 20px; }

.contactbox { height: 450px; }

.twit { width: 580px; padding-top: 10px; }
.twitter ul { padding-top: 20px; }
.twitter li { font-style: normal; color: #666; padding: 5px 3px; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 12px; list-style:url(../images/cross.gif); margin-left: 40px; }
.twitter li a { font-style: normal; color: #3CB4CA; font-weight: bold; padding: 0px 3px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 14px }

.twit2 { width: 360px; }
.twitter2 ul { width: 360px; }
.twitter2 li { font-style: normal; color: #666; padding: 0px 3px 5px; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 12px; list-style:url(../images/cross.gif); margin-left: 20px; }
.twitter2 li a { font-style: normal; color: #3CB4CA; font-weight: bold; padding: 0px 3px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 14px }

.what { width: 700px; text-align: right; }
.what a { font-style: normal; color: #3CB4CA; font-weight: bold; padding: 0px 3px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 14px }
.what img { width: 40px; }

.arrow-l { background: url(../images/arrows-l.png) -5px -5px; width: 48px; height: 49px; float: left; border: 1px dotted #CCC }
.arrow-l a { padding: 15px 24px; display: block; font-size: 1px; }
.arrow-l:hover { background: url(../images/arrows-l.png) -5px -60px; }
.arrow-r { background: url(../images/arrows-r.png) -5px -5px; width: 48px; height: 49px; float: left; border: 1px dotted #CCC; border-left: 0px; }
.arrow-r a { padding: 15px 24px; display: block; font-size: 1px; }
.arrow-r:hover { background: url(../images/arrows-r.png) -5px -60px; }

.arrow-l2 { background: url(../images/arrows-l.png) -13px -13px; width: 28px; height: 29px; float: left; }
.arrow-l2 a { padding: 15px 24px; display: block; font-size: 1px; }
.arrow-l2:hover { background: url(../images/arrows-l.png) -13px -68px; }
.arrow-r2 { background: url(../images/arrows-r.png) -13px -13px; width: 28px; height: 29px; float: left;  border-left: 0px; }
.arrow-r2 a { padding: 15px 24px; display: block; font-size: 1px; }
.arrow-r2:hover { background: url(../images/arrows-r.png) -13px -68px; }

.footer { font-size: 16px; position: absolute; bottom: 80px; left: 40px; }
.footer2 { font-size: 16px; position: absolute; bottom: 50px; left: 40px; }
.top a { font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 12px; text-align: center; display: block; color: #999; }
.top a:hover { color: #333 }

.top2 { padding-top: 20px; clear: both; display: block; text-align: center;  }
.top2 a { font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 12px;color: #999; font-weight: bold; padding: 3px 0px; }
.top2 a:hover { color: black; border-bottom: 1px dotted #666 }

.home-title { color: #3CB4CA; font-size: 25px; text-transform: lowercase; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: normal; margin: 25px 12px 5px 12px; }

.right-gray { padding: 10px 15px 20px; color: #666; width: 360px; font-size: 11px; background: #F6F6F6; margin-bottom: 30px; clear: both }
.right-gray strong { font-style: italic; color: #666 }
.right-white { padding: 10px 15px 10px; width: 360px; margin-bottom: 15px; clear: both }

.question { background: url(../images/cross.gif) no-repeat; background-position: 0px 6px; padding-left: 13px; margin: 15px 20px; }
.true { font-weight: bold; color: #3CB4CA; font-size: 12px; }
.true:hover { color: #006291 }
.answer { margin-bottom: 20px; background: #F2F2F2; border-bottom: 2px solid #CCC; padding: 10px; margin-left: 30px; }
.true2 { font-weight: bold; color: #930; font-size: 12px; }
.quote { font-style: italic; font-size: 19px; color: #333 }

.feat { color: gray; font-size: 0px; padding: 15px 5px; width: 195px; height: 21px; display: block; }
.feat:hover { font-size: 20px; font-weight: normal; background: #d80080 }

.pic-title { position: absolute; top: 230px; left: 0px; font-size: 16px; font-family: "Myriad Pro","Trebuchet MS",Helvetica,Arial,sans-serif; font-weight: bold; text-transform: uppercase; color: black; margin: 10px 0px; background: #F0F0F0; padding: 0px 10px; }

.nextprev { font-size: 20px; color: white; display: inline-block; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; width: 40px; height: 25px; }
.nextprev:hover { color: white; background: #d80080  }

.home-main { width: 816px; }
.home-left { width: 396px; float: left; padding: 20px 10px; }
.home-right { width: 380px; float: left; padding: 10px; }

.arrow { font-size: 25px; margin-right: 10px; font-weight: bold; font:  }