@charset "UTF-8";

body  {
	font: 100%  "HelveticaNeueLT Com 55 Roman", Arial;
	background: url(back_new.jpg) repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	line-height: 1.2em;
}

#container 		{width: 100%; height: 100%; margin: 0 0 0 0; text-align: left; border: 0px solid #00AFFF;}
#header 			{position:relative; height: 100px; border: 0px solid #FFFF00; top: 0px;}
#sidebar 		{float: left; width: 600px; border-right: 0px solid #00AFFF;}
#content 		{position: relative; margin: 0; vertical-align:bottom; height: 450px; border: 0px solid #FF7F00;}

#blankBox 		{height:400px; border: 0px solid #FF007F;}
#newsBox 		{position:absolute; background: url(home.jpg); height:370px; width: 900; left: 100px; text-align: left; overflow:auto; margin: 0 auto 0 0px;  border-top:1px solid #69D2E7;}
#storyBox 		{position:absolute; height:400px; width: 810; left: 320px; text-align: left; overflow:auto; margin: 0 auto 0 0px;  border-top: 0px solid #69D2E7;}
#portfBox 		{position:absolute; height:400px; width: 950; left: 100px; overflow:auto; margin: 0 auto 0 0px; border: 0px solid #0000FF;}
#servicesBox 		{position:absolute; height:400px; width: 800; left: 320px; text-align: left;  overflow:auto; margin: 0 auto 0 0px; border: 0px solid #FF0000;}
#mediaBox 		{position:absolute; height:100%; width: 800; left: 320px;text-align: left;   overflow:auto; margin: 0 auto 0 0px; border: 0px solid #FF00FF;}

#info                    {position:relative; height:400px;float:right; width: 800; top: 0; left:0px;  text-align: left; overflow:no; margin: 0 auto 0 0px;  border-top: 0px solid #69D2E7;}
#namen                    {position:relative; height:400px;float:left; width: 150; top: 0;left: 0px; background: url(opacity_backi.png); text-align: left; overflow:no; margin: 0 auto 0 0px;  border-top: 0px solid #69D2E7;}
#namen a {color: #add8c7; margin: 10 0 0 15; font-size: 13px;}
#namen a:hover {color: #FFFFFF; margin: 10 0 0 10;}

.logo 			{top: 0px; right: 0px;}
.nav { margin-left: 0px;}

h1 {font-size: 30px; width: 300px;  font-family:"HelveticaNeueLT Com 55 Roman", Arial; color:#000000; margin: 0 0 0 0; text-transform: uppercase;  cursor: pointer;}
h2 {font-size: 13px; margin: 0 0 0 0; font-family:"HelveticaNeueLT Com 55 Roman", Arial; color:#66cbff; text-transform: none; }
h3 {font-size: 20px; margin: 10 0 5 10; font-family:"Helvetica LT Std", Arial; color:#FFFFFF; text-transform: uppercase;  text-align: left;}
p  {font-size: 14px; color: #FFFFFF;  font-family:"HelveticaNeueLT Com 55 Roman", Arial; margin: 1em 0 7 20;}

new {  line-height: 20px;}
.news {font-size: 13px;  padding: 0 5 0 10; font-family:"HelveticaNeueLT Com 55 Roman", Arial; color:#CCFF00; text-transform: none; font-weight:bold; background:#000000 ; text-align: left;}
.news:hover {color:#FFFFFF;}


a  {color:#000000; text-decoration: none;}
h1:hover {color:#66cbff;
background: #66cbff;
-opacity: .2;
-moz-opacity: .2;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
layer.style.KHTMLOpacity = .5;}


.a2  {color:#FFFFFF; text-decoration: none;}
.a2:hover {color: #8F8F8F;}

.amedia { color: #69D2E7; line-height: 20px; font-size: 14px; font-weight: none; text-decoration: none; }


#medianav { border-right: 1px solid #777777;}

.col4 {width: 25%; float: right; text-align:center; border-right: 0px solid #999; margin-top: 1em;}
.col4 h3 {margin: .5em 0 0 0;}
.narrow {width: 24%;}
ul {font-size: 13px; margin: 0 5px 0px 25px; padding: 0; list-style-type:none; font-family:"HelveticaNeueLT Com 55 Roman", Arial;}
li {margin: .5em 0 0 0; padding:0; line-height: 1.3em;}

h1.section {position: relative; left: 0px; text-align: left;  border: 0px solid #00FFFF;}
h2.book {color:#CCFF00;}

.media           {color: #69D2E7; float: left; font-weight:bold; line-height:15px; font-size: 13px; padding: 0px 10 5px 10px; border-right: 1px solid #777777; font-family:"HelveticaNeueLT Com 55 Roman", Arial;}
.media:hover {color: #CCFF00;}

.top           {color: #FFFFFF; float: right; font-weight:none; line-height:15px; font-size: 13px;  font-family:"HelveticaNeueLT Com 55 Roman", Arial;}
.top:hover {color: #CCFF00;}

#footer 		{ position:absolute; width: 100%; height: 100%; border: 0px solid #00FFFF; margin: 0 0 0 auto; color: }
#footerstyle 		{color: #FFFFFF; font-size: 13px; font-family:"HelveticaNeueLT Com 55 Roman", Arial; margin: 0px 20 0px 0; text-align:right;}
#footer a  		{color: #FFFFFF; text-decoration: none; line-height: 23px; padding: 5px 0 5px 5px; margin-left: 5px; border-left: 1px solid #777777;}
#footer a:hover {color: #CCFF00;}

.clearfloat 	{clear:both; height:0; font-size: 1px; line-height: 0px;}




/**********************************************
 * For Portfolio Scroller
 **********************************************/



#scrollLinks {
 background: url(opacity_backi.png);
 position:absolute;
 margin:auto;
 height:400px;
 width:11000px;
 z-index:19;}

#scrollLinks a {
border: 0px solid #FFFF00;
color: #66cbff;
text-align: left;
font-size:40px;
font-weight:bold;
line-height:30px;
text-transform:uppercase;
float:left;
height:400px;
width:100px;

background: #000000;
-opacity: 0.5;
-moz-opacity:0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
layer.style.KHTMLOpacity = 0.5;
}

#scrollLinks a:hover {
color:#66cbff;
-opacity: 0;
-moz-opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
layer.style.KHTMLOpacity = 0;
}
#visible{
background: url(opacity_backi.png);
                  }

#gallery {margin: 5 5 5 0; border: 1px solid #69D2E7;}
#gallery:hover { border: 1px solid #CCFF00;}