/*
	CONCRETE LEVELLING AID
*/

*{  padding: 0; list-style: none; }
body { margin:0px; 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; }

input,textarea { padding:10px; border-radius:5px; border:1px solid #333;}

/* 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: 960px; margin: 0 auto; background-color:#fff; }
.wrapFooter { width: 960px; margin: 0 auto; border-top: 2px solid #ccc; padding-top:25px;}


#header { height: 116px;  }

/* sections menu */
#menu { float: right; padding: 8px 0 0;  border-radius: 5px 5px 0px 0px;}
#menu li { display: inline; text-transform: uppercase; font-size: 15px; font-weight: none; }
#menu li a { float: left; color: #333; 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: right;  margin: 20px 0 0px; position: relative; z-index: 100; padding: 0px; width:545px;}
#menu ul { text-transform: uppercase; }
#menu li { float: left; list-style: none; text-transform: uppercase; font-size: 14px; font-weight: none; padding: 10px 33px; }
#menu li a { color: #333; display: block;   line-height: 22px; }
#menu li a:hover { border-bottom: 3px solid #e91b25; }
#menu li a.current, #menu li a:hover { color: #e91b25; }
#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: #333; background-position: center; }

/* 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: 1000px; 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:#000; color:#fff; font-size:12px;}
th a { color: #ffed38; }
td{ padding:5px;}

 a { color: #333; }
 
 
 
 /* pitch slides */
 #pitch { clear: both; background: url(../images/themse.png) repeat-x -100px 0; }
 #slides { clear: both; width: 960px; height: 500px; margin: 0 0 35px; position: relative;  }
 .slides_container { width: 960px; display: none; position: relative; }
 .slides_container div { width: 960px; height: 500px; display: block; }
 .slides_container div img { float: left; }
 .slides_container span.overlay { position: absolute; bottom: 0; left: 0; padding: 10px ; width: 450px; font-weight: normal; background: #e91b25; opacity:0.7; border-radius:0px 10px 0px 0px; }
 .slides_container h1 { color: #FFF; font-size: 30px; font-weight: normal; letter-spacing: -1.5px;  text-shadow: #000 1px 1px;  }
 .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: 10px; height: 10px; border: 1px solid #ccc; border-radius: 999px; text-indent: -9999px; margin: 0 0 0 10px; }
 .pagination li.current a { background: #333; border-color: #CCC; }

#slides .prev, #slides .next { display: none; }