@media screen, projection {


/*------ LAYOUT -------*/

body {
    background: #b42626 url('img/bg.jpg') top left repeat-x;
}

#container {
    width:100%;
}

#backtoidealseed {
    position:absolute;
    margin:0 auto;
    text-align:left;
}

#wrapper {
    position:relative;
    margin:0 auto;
    text-align:left;
/*width:740px;*/
    width:850px;
    background:transparent url('img/shadow.jpg') top left no-repeat;
}

#pagecontent {
    position:relative;
    left:29px;
/*width:680px;*/
    width:793px;
    /*background-color: white;*/
}

#bottomshadow {
    position:relative;
    left:0px;
/*width:740px;*/
    width:850px;
    height:80px;
    background: transparent url('img/shadow-bottom.jpg') top left no-repeat;
}



/*------ HEADER -------*/

#preheader {
    position:relative;
    width:793px;
    height:79px;
}

#header {
    position:relative;
    width:793px;
    height: 87px;
}

#headernav {
    padding-top: 20px;
    font-size: 10px;
    text-align: left;
    color : #cccccc;
}

#headernav a {
    color : #999999;
    text-decoration: none;
    display:inline;
    padding: 0px 3px 0px 3px;
}
 
#headernav a:hover {
    color : #000000;
    text-decoration: none;
}
 

/*------ MENU -------*/

#menu {
    height: 39px;
    width: 793px;
    background : white url('img/menu-bg.jpg') top left no-repeat;
}

/*------ CONTENT -------*/

#content hr {
    width : 400px;
    height : 1px;
    display : block;
    margin : 10px 10px 10px 10px;
    border : 0px;
    clear : both;
}

a.pdf {
    display: block;
    height: 40px;
    padding: 5px 0px 0px 30px;
    background: transparent url('img/pdf-icon.gif') top left no-repeat;
}

/*------ COURSES -------*/

.course {
    background: white url('img/courses-bg.jpg') top left repeat-x;
    border: #bcbebf 1px solid;
    margin: 10px;
}

.course h1 {
    width : 100%;
    height : 48px;
    background: transparent url('img/coursetitle-bg.jpg') top center no-repeat;
    color: white;
    padding: 13px 0px 0px 0px;
    text-align: center;
    text-transform: uppercase;
}

.courseleft {
    float: left;
    text-align: justify;
    padding: 0px 0px 0px 15px;
    width: 435px;
    border: none;
}

.courseright {
    float: right;
    text-align:center;
    padding: 0px 10px 0px 15px;
    width: 263px;
    border-left: #d0d0d0 solid 1px;
}

.coursedivider {
    clear:both;
}

/*------ CONTACT FORM -------*/

#contactform {
    background: transparent url('img/contactform-bg.gif') top left no-repeat;
    position:relative;
    left: 143px;
    width:522px;
    height:534px;
}

.forminput {
    position:relative;
    left: 190px;
    width: 313px;
    border: transparent 1px solid;
    color: white;
    background: transparent;
    font-family: "Century Gothic";
    font-weight: bold;
}

#fullname {
    top: 17px;
}

#designation {
    top: 36px;
}

#company {
    top: 53px;
}

#address {
    top: 70px;
    height: 54px;
}

#email {
    top: 87px;
}

#contact {
    top: 104px;
}

#interest {
    top: 121px;
    height: 110px;
}

#comment {
    top: 138px;
    height: 118px;
}

label {
    display:block;
    margin-bottom: -3px;
}

#submitbtn {
    background: transparent url('img/contactform-submit.gif') top left no-repeat;
    border: none;
    width: 250px;
    height: 46px;
}

/*------ FOOTER -------*/

#footer {
    
}

#footercontent {
    text-align: center;
    padding: 30px 5px 5px 5px;
    font-family: "century gothic";
}

#footercontent a {
    color:black;
    font-weight: bold;
}

}
