/* 
    Document   : about_us
    Created on : Apr 12, 2013, 1:52:37 PM
    Author     : Piratheep
    Description:
        Purpose of the stylesheet follows.
*/

#topMedia {
    position: absolute;
    display: block;
    top: 102px;
    left: 0px;
    width: 1004px;
    height: 348px;
    margin-left: 20px;
}

#mainContent {
    position: absolute;
    height: 480px;
    left: 0px;
    top: 451px;
    width: 1024px;
    padding-top: 20px;
    padding-left: 20px;
       background: url(/images/about_us/textContent_gradient.png) repeat-x;
}
.bullet {
    background-image: url(/images/about_us/bullet.png);
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    margin-top: 6px;
    margin-right: 10px;
    -webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
        box-shadow:1px 1px 2px 2px #CCCCCC;
    -webkit-box-shadow:1px 1px 2px 2px #CCCCCC;
    -moz-box-shadow:1px 1px 2px 2px #CCCCCC;
}
#mainContent .headerBar {
    width: 1024px;
    height: 27px;
    color: #ff0000;
    vertical-align: middle;
    font: 17px bold verdana, serif;
    line-height: 27px;    
}

#mainContent .headerBar h1 {
  
    color: rgb(0,86,46);
    vertical-align: middle;
    font: 25px verdana, serif;
    font-weight: 700;
    line-height: 27px;    
}

#mainContent .textContent h3 {
  
    color: #000000;
    vertical-align: middle;
    font: 17px verdana, serif;
    font-weight: 600;
    line-height: 27px;    
}
#mainContent .textContent p {
        font: 15px verdana, serif;

}
#mainContent .textContent {
   
    margin-left: 22px;
    width: 722px;
    display: block;
    height: 430px;
    float: left;
    margin-right: 20px;
 
    
}

#mainContent .textContent ul li {
    font: 15px verdana, serif;
}

#mainContent .photoContent {
    width: 258px;
    height: 430px;
    display: block;
    float: left;
}

#mainContent .photoContent .photo {
    display: block;
    clear: both;
    border: 2px solid #fff;
/*    -webkit-box-shadow: 2px 2px 2px #888;
    -moz-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
    */
    box-shadow:1px 1px 2px 2px #CCCCCC;
    -webkit-box-shadow:1px 1px 2px 2px #CCCCCC;
    -moz-box-shadow:1px 1px 2px 2px #CCCCCC;
    
    width: 215px;
    padding: 10px;
}

#mainContent .photoContent .photo:last-child {
    margin-top: 60px;
}

#footer {
    top: 1110px;
}


#mainContent .textContent ul.mdash-list 
{
    list-style:none;
}

#mainContent .textContent ul.mdash-list  li
{
    position:relative;
}

#mainContent .textContent ul.mdash-list li .mdash-icon
{
    position:absolute;
    width: 5px;
    overflow: hidden;
    left:-20px;
    
       background-image: url(/images/about_us/bullet_1.png);
    width: 7px;
    height: 7px;
    display: block;
    float: left;
    margin-top: 6px;
    margin-right: 10px;
    -webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
        box-shadow:1px 1px 2px 2px #CCCCCC;
    -webkit-box-shadow:1px 1px 2px 2px #CCCCCC;
    -moz-box-shadow:1px 1px 2px 2px #CCCCCC;
    
    
}