/* CSS RESET */
*{text-decoration:none;font-size:1em;outline:none;margin:0;padding:0}code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal}a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0}dfn,i,cite,var,address,em{font-style:normal}th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:400}caption,th,td{text-align:left}html{line-height:1.3;font-family:arial, sans-serif} html{font-family:sans-serif} q{quotes:"\201C""\201D""\2018""\2019"}ul,ol,dir,menu{list-style:none}sub,sup{vertical-align:baseline}a{color:inherit}
font,basefont{color:inherit;font:inherit;font-size:100%}center,*[align]{text-align:inherit}s,strike,u{text-decoration:inherit}img{border:none;margin:0}ol{list-style-type:decimal}body{background-color:transparent}tr,th,td{width:auto;height:auto;background-color:transparent;vertical-align:inherit;border:none}table[border],.content table[border]{border-collapse:separate;border-spacing:0}nobr{white-space:normal}marquee{overflow:visible;-moz-binding:none}blink{text-decoration:none}
html{font-size:125%}body{font-size:50%}a{text-decoration:underline}strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:700}cite,em,dfn{font-style:italic}code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-size:100%;font-family:mono-space,monospace}pre{white-space:pre}pre *{font-size:100%;white-space:pre}del{text-decoration:line-through}ins,dfn{border-bottom:1px solid #000}small,sup,sub{font-size:85%}big{font-size:125%;line-height:80%}abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em}abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #000}sup{vertical-align:super}sub{vertical-align:sub}blockquote{padding-left:2.2em}hr{display:none;}:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019'}:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018'}:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039'}:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A'}:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D'}:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019'}:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}*[lang|='en'] q:before{content:'\201C'}*[lang|='en'] q:after{content:'\201D'}*[lang|='en'] q q:before{content:'\2018'}*[lang|='en'] q q:after{content:'\2019'}input,select,button{cursor:pointer}input[type='text'],input[type='password']{cursor:text}input[type='hidden']{display:none}
table{border-collapse:collapse;border-spacing:0;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

/* GENERAL */
body, html { background-color: #000000; color: #999999; font-size: 13px; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; text-align: center; background-image: url(../img/bg.jpg); background-position: center; background-repeat: no-repeat; min-height: 480px; /* for good browsers*/ min-width: 980px; /* for good browsers*//* for good browsers*/ }
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
p { margin-bottom: 5px; }
a { font-weight: bold; color: #2b4253; }
a:hover { text-decoration: underline; }
h1 , h2 , h3 , h4 , h5 , h6 { font-weight: normal; margin-bottom: 10px; text-align: left; color: #2b4253; }
h1 { font-size: 30px; margin-bottom: 20px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; margin-bottom: 5px; }
h4 { font-size: 16px; margin: 5px 0px 5px 0px;}
ol , ul { margin: 10px 0px 10px 25px; }
ul li { list-style: disc; }
.clear { height: 0px; overflow: hidden; clear: both; }


/* LAYOUT*/
#container {
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -240px !important;
	margin-top: -239px;
	height: 480px;
	width: 100%;
	min-width: 980px;
	overflow: hidden;
	text-align: justify;
	background-image: url(../img/bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { #container { margin-top: -239px; } }
#header { height: 50px; overflow: hidden; width: 980px; margin: auto; }
#logo { float: left; width: 300px; height: 39px; margin-top: 1px; background-image: url(../img/riff_video.gif); background-position: 0px 0px; background-repeat: no-repeat; }
#logo span { display: none; }
#menu { float: right; width: 300px; padding-top: 18px; }
#footer { line-height: 18px; text-align: center; padding-top: 5px; overflow: hidden; }
#footer p { margin: 0px; padding: 0px; }
#footer a { color: #999999; }
#content { height: 380px; overflow: hidden; }
#content #scroller { width: 300%; }
#content div.center { width: 980px; margin: 40px auto; height: 300px; overflow: hidden; }
#content h1.title span { display: none; }
#content h1.title { height: 48px; background-position: left; background-repeat: no-repeat; }

/* MENU */
#menu a { background-image: url(../img/menu.gif); float: left; height: 21px; }
#menu a span { display: none; }
#portfolio { width: 117px; background-position: 0px 0px; }
#about { width: 83px; background-position: -117px 0px; }
#contact { width: 100px; background-position: -200px 0px; }
#portfolio:hover { background-position: 0px -21px; }
#about:hover { background-position: -117px -21px; }
#contact:hover { background-position: -200px -21px; }

/* PORTFOLIO */
#portfolioCo { width: 33.33%; float: left; height: 380px; background-image: url(../img/portfolio_bg.jpg); background-position: top; background-repeat: no-repeat; overflow: hidden; }
#portfolioCo h1.title { background-image: url(../img/portfolio.gif); margin: 0px; }
#portfolioCo div.center { height: 330px; }
a.arrow { background-image: url(../img/arrow.gif); background-position: top; background-repeat: no-repeat; display: block; overflow: hidden; height: 39px; cursor: pointer; }
a#down { background-image: url(../img/arrow2.gif); }
a.arrow:hover { background-position: center; }
a.disable:hover { background-position: bottom; }
a.arrow span { display: none; }
a.disable { background-position: bottom; }
#scroll { height: 199px; width: 1050px; overflow: hidden; }
#pScroller { overflow: hidden; height: auto; }
#scroll div.video { display: block; float: left; background-color: #666666; border: 1px solid #999999; width: 298px; height: 177px; overflow: hidden; margin: 10px 40px 10px 0px; background-position: 0px 0px; background-repeat: no-repeat; text-decoration: none; }
#scroll div.video a { display: block; width: 298px; height: 177px; background-position: -298px 0px; background-repeat: no-repeat; padding-top: 147px; overflow: hidden; text-decoration: none; }
#scroll div.video a span { color: #FFFFFF; font-size: 16px; display: block; padding: 0px 5px; background-color: black; z-index: 5; line-height: 30px; height: 30px; overflow: hidden; filter: alpha(opacity= 70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#scroll div.video a:hover span { display: none; }

/* ABOUT */
#aboutCo { width: 33.33%; float: left; height: 380px; background-image: url(../img/about_bg.jpg); background-position: center; background-repeat: no-repeat; overflow: hidden; }
#aboutCo h1.title { background-image: url(../img/about.gif); }
#aboutCo div.column { width: 300px; float: right; }

/* PORTFOLIO */
#contactCo { width: 33.33%; float: left; height: 380px; background-image: url(../img/contact_bg.jpg); background-position: center; background-repeat: no-repeat; overflow: hidden; }
#contactCo h1.title { background-image: url(../img/contact.gif); }
#contactCo div.column { width: 300px; float: left; }