/*
	Xtar
*/

*{ margin: 0;  }
body { font: 13px "Open Sans", Arial; background-color: #fff;   }

a { text-decoration: none; }
.x { clear: both; }
h1 { font-size: 20px; color: #000; margin: 0 0 15px; }
h2 { font-size: 17px; color: #000; margin: 0 0 15px; }


/* intro page */
#intro { text-align: center; padding: 4%; color: #fff; font: normal 16px "Times New Roman", Serif; }
#est { color: #fff; font-size: 20px; padding: 7px 0 12px; }
#ttl { font-family: "Times New Roman", Serif; color: #800000; text-transform: uppercase; font-size: 72px; margin: 0 0 5px; font-weight: bold; }
#ttl span#constructions { font-size: 50px; } 
#sec { width: 600px; margin: 0 auto; font: bold 20px Arial; padding: 45px 0 0; }
.sec { float: left; width: 160px; background: #111; padding: 20px; color: #fff; text-shadow: #000 1px 1px; }
.sec:hover { background: #800000;  }

/* content wrapper */
.wrap 	    { width: 1150px; margin: 0 auto; background-color:#fff; }
.wrapFooter { width: 1150px; margin: 0 auto; border-top: 2px solid #ccc; padding-top:25px;}
.wrapClear  { width: 1150px; margin: 0 auto;  }
.wrapClear h1{ color:#fff; text-transform:uppercase; font-weight:400; letter-spacing:2px; font-size:25px; padding-top:5px; }

#header { height: 116px;  }

/* sections menu */
#menu { float: right; padding: 8px 0 0; background-color:#20409a; border-bottom: 10px solid #29b9eb; border-radius: 5px 5px 0px 0px;}
#menu li { display: inline; text-transform: uppercase; font-size: 15px; font-weight: bold; }
#menu li a { float: left; color: #fff; padding: 0px 0px 0px 0px; line-height: 22px; }
#menu li a span { font-size: 11px; font-weight: 100; }
#menu li a:hover { color: #ccc; }

#logo { float: left; padding: 6px 0; margin-left:10px; }

/* main menu */
#menu { float: left;  margin: 0 0 0px; position: relative; z-index: 100; padding: 14px 0 0; width:1150px;}
#menu ul { text-transform: uppercase; }
#menu li { float: left; list-style: none; text-transform: uppercase; font-size: 15px; font-weight: 600; padding: 0px 45px 15px; }
#menu li a { color: #fff; display: block;   line-height: 22px; }
#menu li a.current, #menu li a:hover { color: #29b9eb; }
#menu li ul { display: none; margin: 0 0 0 0px; height: auto; padding: 10px 30px 10px; position: absolute; width: 200px; z-index: 190; }
#menu li:hover ul { display: block; }
#menu li li { display: block; float: none; font-size: .9em; }
#menu li ul a { display: block; color: #fff; padding: 7px 10px; background: none; }
#menu li ul a:hover, #menu li ul li:hover a { color: #E6CA74; }
#menu li.last a { background: none; padding-right: 24px; }

#content { clear: both;    color: #000; }

#sliderBar { clear: both;   background: url(../images/background.png); background-position: center; }
#sliderBarTemplate { clear: both;   background: url(../images/background_thin.png); background-position: center; height:50px; margin-top:50px; }

/* project */
#project { padding: 0px 0; }
#big { float: left; width: 700px; }
#project-details { float: right; width: 280px; text-align: justify; }

/* slider */
#slider { clear: both; position: relative; border-top: 3px solid #800000; padding: 20px 0 30px; width: 1150px; margin: 0 auto; }
#slider .scrollable { position:relative; overflow: hidden; width: 960px; height: 100px; margin: 0 0 0 25px; }
#slider .scrollable .items { width:20000em; position:absolute; }
	
/* screenshot items */
#slider .items ul{ list-style: none; float: left; }
#slider .items ul li { float: left; }		
#slider .items ul li a{ float: left; height: 90px; margin: 0 10px 0 0; overflow: hidden; }

/* screenshot arrows */
#slider a.arrows { display: block; width: 12px; height: 21px; text-indent: -999999px; background: url(../images/arrows.png) no-repeat; top: 52px; }
#slider a.prev { background-position: top left; position: absolute; left: 0; }
#slider a.next { background-position: top right; position: absolute; right: 0; }
#slider a.prev:hover { background-position: left bottom; }
#slider a.next:hover { background-position: right bottom; }

/* content page */
#side-menu { float: left; width: 200px; padding: 37px 0 0 24px; }
#side-menu li { color: #000; font-size: 15px; font-weight: bold; padding: 0 0 2px; }
#side-menu li a { color: #000; font-size: 13px; font-weight: normal; padding: 0 0 2px 20px; }
#side-menu li a.current, #side-menu li a:hover { font-style: italic; font-weight: bold; }

#page { float: left; width: 1000px; margin-left:0px;}
#main_wide { margin-top:20px;}
		
		
/* footer */
#footer { padding: 20px 0; color: #444;   }
#flogo { float: left; text-align: center; padding: 5px 0 0 26px; }
#info { float: right; text-align: right; line-height: 23px; padding: 13px 0 0; }
#footer img { float: left; margin: 0 22px 0 0; }
#footer #ttl { font-size: 24px; }
#footer #ttl span#constructions { font-size: 19px; }
#footer #ttl #mark { font-size: 14px; }
.slogan { font-size: 11px; color: #000; }

th{ padding:3px; background-color:#20409a; color:#FFF; font-size:12px;}
th a { color: #20409a; }
td{ padding:5px;}

 a { color: #20409a; }
 
 
 
 /* pitch slides */
 #pitch { clear: both; background: url(../images/themse.png) repeat-x -100px 0; }
 #slides { clear: both; width: 1150px; height: 380px; margin: 0; position: relative;  }
 .slides_container { width: 1150px; display: none; position: relative; }
 .slides_container div { width: 1150px; height: 380px; display: block; }
 .slides_container div img { float: left; }
 .slides_container span.overlay { position: absolute; bottom: 0; left: 0; padding: 45px 30px 20px; width: 1150px; font-weight: normal; background: url(../images/overlay.png) repeat-x; }
 .slides_container h1 { color: #fff; font-size: 3em; font-weight: normal; letter-spacing: -1.5px; text-shadow: #000 1px 1px 4px; }
 .slides_container h1 span { color: #FEFB92; }
 .pagination { position: absolute; bottom: 20px; right: 30px; list-style: none; z-index: 100; }
 .pagination li { display: inline; }
 .pagination li a { position: relative; z-index: 10; float: left; width: 25px; height: 5px; border: 1px solid #ccc; border-radius: 999px; text-indent: -9999px; margin: 0 0 0 10px; }
 .pagination li.current a { background: #29b9eb; border-color: #29b9eb; }
#slides .prev, #slides .next { display: none; }