/*

This is a Tutoralzine Demo
Original tutorial: A simple AJAX website with jQuery
Tutorial URL: http://tutorialzine.com/2009/09/simple-ajax-website-jquery/

You are free to use the following demo code for any purpose you see fit.

*/


/* Page styles */

body,h1,h2,h3,p,td,quote,small,form,input,ul,li,ol,label{
    margin:0px;
    padding:0px;
    font-family:Arial, Helvetica, sans-serif;
}

body{
    margin-top:20px;
    color:#51555C;
    font-size:13px;
    background-color:#123456;
    text-align:center;
}

#logo{
    background-color:#123456;
}
.clear{
    clear:both;
}

#main a, #main a:visited {
    color:#007bc4;
    text-decoration:none;
    outline:none;
}

#main a:hover{
    text-decoration:underline;
}

#main #rounded{
    width:800px;
    margin:20px auto;
    text-align:left;
}

.container{
    padding:10px 20px 20px 20px;
}

h1{
    font-size:28px;
    font-weight:bold;
    font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}

h2{
    font-weight:normal;
    font-size:20px;

    color:#999999;
}

#main ul{
    margin:30px 0px;
}

#main li{
    list-style:none;
    display:block;
    float:left;
    width:80px;
}

#main li a, #main li a:visited{
    padding:5px 10px;
    text-align:center;
    background-color:#000033;
    color:white;

    -moz-border-radius:5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;

    display:block;
    margin-right:10px;
}

#main li a:hover{
    background-color:#666666;
    text-decoration:none;
}

#pageContent{
    margin-top:20px;

    border:1px dashed #cccccc;
    padding:10px;

    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#loading{
    visibility:hidden;
}

.demo{
    color:white;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 300px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 300px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 300px;
}

/* Page 12 */
#p12container{
    position:fixed;
    top:311px;
    left:370px;
    width:1160px;
    height:500px;
}
#p12container #img1{
    position:fixed;
    top:320px;
    left:375px;
}
#p12container #img2{
    position:fixed;
    top:325px;
    left:675px;
}
#p12container #img3{
    position:fixed;
    top:330px;
    left:975px;
}