html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

#page {

overflow: visible;

position: relative;

width: 601px;

left: 50%;

margin-left: -301px;

text-align: left;

}



#boxouter {

overflow: hidden;

height: 476px;

display: inline;

}



#news

{

	position: absolute;

	top: -467px;

	background-image: url(images/news2.jpg);

	background-repeat: no-repeat;

	z-index: 50;

	width: 100%;

	height: 467px;

	background-position: 50%;

	overflow: hidden;



}



#topbar

{

position: relative;

top: 20px;

left: 0px;

width: 601px;

text-align: left;

height: 86px;

}



#logo

{

	position: relative;

	left: 0px;

	top: 0px

	display: block;

	width: 302px;

	height: 86px;

	clear: right;

}







#topright

{

position: relative;

left: 310px;

top: -68px;

width: 289px;

display: inline-block;

text-align: left;

margin-left: 10px;

border-left: 1px solid #ddd;

}



.emp

{

color: #555;

}





#text{

padding-top: 90px;

padding-left: 130px;

position: relative;

width: 802px;

text-align: left;



}



#newstitle{

position: relative;

font-family: Helvetica, Arial, Arial;

	font-size: 30px;

	font-weight: bold;

color: #333;

text-align: left;

	cursor: hand;

top: 0px;

left: 0px;

}





#newstitle2{

position: relative;

font-family: Helvetica, Arial, Arial;

	font-size: 30px;

	font-weight: bold;

color: #333;

text-align: left;

	cursor: hand;

top: 0px;

left: 0px;

display: block;

float: left;

width: 100%;



}



#newstitle a:link, #newstitle a:active, #newstitle a:visited, #newstitle2 a:link, #newstitle2 a:active, #newstitle2 a:visited {

	font-size: 12px;

	line-height: 16px;

	font-weight: bold;

color: #999;

text-align: left;

	cursor: hand;



}



#newstitle a:hover, #newstitle2 a:hover{

color: #333;

	cursor: hand;



}



#headline, #headline2{

position: relative;

top: 0px;

text-align: left;

width: 200px;

border-right: 1px;

border-right-color: #CCC;

border-right-style: solid; 

margin-right: 10px;

margin-top: 20px;

font-size: 22px;

line-height: 23px;

display: inline-block;

float: left;

}



#headline a:link, #headline a:visited, #headline a:active, #headline2 a:link, #headline2 a:visited, #headline2 a:active{

font-family: Helvetica, Arial, Arial;

	font-size: 22px;

	line-height: 23px;

	color: #666;

	font-weight: bold;

}



#headline a:hover, #headline2 a:hover{

background-color: #CF0;

font-family: Helvetica, Arial, Arial;

	font-size: 22px;

	line-height: 23px;

	color: #333;

	font-weight: bold;



}



#newstext{

position: relative;

top: 0px;

width: 435px;

z-index: 50;

font-family: Helvetica, Arial;

font-size: 13px;

line-height: 17px;

text-align: left;

font-weight: bold;

color: #333;

float: right;

left: -150px;

margin-top: 24px;

display: inline-block;

}



#newstext2{

position: relative;

left: -150px;

top: 0px;

width: 435px;

z-index: 50;

font-family: Helvetica, Arial;

font-size: 13px;

line-height: 17px;

text-align: left;

font-weight: bold;

color: #333;

float: right;

margin-top: 24px;

display: inline-block;

}



#newstext a:link, #newstext a:visited, #newstext a:active, #newstext2 a:link, #newstext2 a:visited, #newstext2 a:active{

	font-size: 13px;

	line-height: 17px;

	background-color: #9FF;

	color: #333;

		font-weight: bold;



}



#newstext a:hover, #newstext2 a:hover{

	font-size: 13px;

	line-height: 17px;

background-color: #0FF;

color: #333;

	font-weight: bold;



}





#wee

{

text-decoration: none;

font-family: Helvetica, Arial, Verdana, sans-serif;

font-size: 10px;

line-height: 12px;

color: #CCC;

font-weight: normal;

text-align: left;



}





A{

text-decoration: none;

font-family: Helvetica, Arial, Verdana, sans-serif;

font-size: 10px;

line-height: 12px;

color: #999;

font-weight: normal;

}



A:hover{

text-decoration: none;

font-family: Helvetica, Arial, Verdana, sans-serif;

font-size: 10px;

line-height: 12px;

color: #F09;

font-weight: normal;

}



.workimg

{

	position: relative;

	top: 0px;

	left: 0px;

	float: left;

	display: block;

	clear: right;

	width: 280px;

	height: 116px;

	z-index: 1000;

}





.striptext {

position: absolute;

bottom: 10px;

display: run-in;

left: 0px;

font-family: helvetica, arial;

font-weight: bold;

font-size: 30px;

line-height: 28px;

letter-spacing: -0.025em;

color: #d4d4d4;

padding: 0px 10px 0px 10px;

z-index: 1;

}







.strip { 

position: relative;

top: 0px;

left: 0px;

float: left;

display: block;

width: 280px;

height: 116px;

margin: 5px 5px 0px 0px;

background-color: #eee;



}











 .largetext

{

	font-family: Helvetica, Arial;

	font-size: 19px;

	line-height: 24px;

	color: #CCC;

	font-weight: bold;

	padding: 13px;





}



 .toptext

{

		font-family: Georgia, Helvetica, Arial;

	font-style: italic;

	font-size: 12px;

	line-height: 15px;

	color: #aaa;

	font-weight: bold;



	padding: 10px 0px 10px 25px;



}





h1

{

	font-family: Helvetica, Arial;

	font-size: 18px;

	line-height: 24px;

	color: #666666;

	font-weight: bold;





	

}



h2

{

	font-family: Helvetica, Arial;

	font-size: 19px;

	line-height: 24px;

	color: #666666;

font-weight: bold;

	border-left: 1px solid #999;

	padding-left: 60px;

	margin-left: -60px;

	

}



a.large, .anywhere a.twitter-anywhere-user

{

	font-family: Helvetica, Arial;

	font-size: 18px;

	line-height: 24px;

	color: #aaa;

font-weight: bold;

border-bottom: 1px solid #eee;

font-style: normal !important;

}



a.large:hover, .anywhere a.twitter-anywhere-user:hover

{

	font-family: Helvetica, Arial;

	font-size: 18px;

	line-height: 24px;

	color: #0CC;

font-weight: bold;

font-style: normal !important;



}



a.top, a.twitter-anywhere-user

{

		font-family: Georgia, Helvetica, Arial;

	font-style: italic;

	font-size: 12px;

	line-height: 15px;

	color: #888;

font-weight: bold;

border-bottom: 1px solid #eee;

}



a.top:hover, a.twitter-anywhere-user:hover

{

		font-family: Georgia, Helvetica, Arial;

	font-style: italic;

	font-size: 12px;

	line-height: 15px;

	color: #0CC;

font-weight: bold;

}



a.news

{

	font-family: Helvetica, Arial;

	font-size: 18px;

	line-height: 24px;

	color: #aaa;

font-weight: bold;

border-bottom: 1px solid #eee;

}



a.news:hover

{

	font-family: Helvetica, Arial;

	font-size: 18px;

	line-height: 24px;

	color: #0CC;

font-weight: bold;

}



a.news2

{

		font-family: Georgia, Helvetica, Arial;

	font-style: italic;

	font-size: 12px;

	line-height: 15px;

	color: #888;

font-weight: bold;

border-bottom: 1px solid #eee;

}



a.news2:hover

{

		font-family: Georgia, Helvetica, Arial;

	font-style: italic;

	font-size: 12px;

	line-height: 15px;

	color: #0CC;

font-weight: bold;

}







a.return

{

	font-family: Helvetica, Arial;

	font-size: 12px;

	line-height: 24px;

	color: #ccc;

font-weight: bold;

margin-right: 10px;

border-right: 1px solid #ddd;

padding-right: 10px;

}



a.return:hover

{

	font-family: Helvetica, Arial;

	font-size: 12px;

	line-height: 24px;

	color: #0CC;

font-weight: bold;

}



hr {border: none 0; border-top: 1px dotted #ccc; width: 100%; height: 1px;}







#column{

width: 100%;

z-index: 1;

}



img {border: 0; margin: 0;}



body

{

	margin: 0;

	padding: 0;

	background-color: #FFF;

	background-image: url(images/topbg2.png);

	background-repeat: no-repeat;

	background-position: 0 0;

	background-attachment: fixed;



}



#twitter_update_list 

{

list-style: none;

text-align: left;

padding: 0;

margin-bottom: 10px;

color: #CCC;

}



#twitter_update_list li{

padding-bottom: 10px;

margin-bottom: 10px;

border-bottom: 1px;

border-bottom-style: dotted;

border-bottom-color: #CCC;

}



#twitter_div ul a:link, #twitter_div ul a:active, #twitter_div ul a:visited {

text-decoration: none;

font-family: Helvetica, Arial, Verdana, sans-serif;

font-size: 18px;

line-height: 24px;

color: #9CC;

font-weight: bold;

}



#twitter_div ul a:hover {

text-decoration: none;

font-family: Helvetica, Arial, Verdana, sans-serif;

font-size: 18px;

line-height: 24px;

color: #0cc;

font-weight: bold;

}



#slideshow

{

	position: relative;

	height: 353px;

	width: 580px;

	background-image: url(images/laptop.jpg);

	background-repeat: no-repeat;

}



#slideshow IMG {

    position:absolute;

    padding-top: 27px;

    padding-left: 80px;

    z-index:8;

    opacity:0.0;

}



#slideshow IMG.active {

    z-index:10;

    opacity:1.0;

}



#slideshow IMG.last-active {

    z-index:9;

}





#logo IMG {

    position:absolute;

    z-index:8;

    opacity:0.0;

}



#logo IMG.active {

    z-index:10;

    opacity:1.0;

}



#logo IMG.last-active {

    z-index:9;

}


@media (max-width: 960px) {

body

{

	margin: 0;

	padding: 0;

	background-color: #FFF;

	background: none;


}

	}