﻿/* Progous CSS Document | © Copyright 2009, All Rights Reserved */
/* Date Created: 6-4-2009 */
/* Last Modified: 13-4-2009 */

body 
{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color: #FFFFFF;
}


/* Text Styles */

.titletext
{
    font-family:  Trebuchet MS, Arial;
    font-size:17px;
    color:#9B002E;
}

.bodytext
{
    font-family: Arial, Trebuchet MS;
    font-size:11px;
    color:#4C4D4F;
}

.greytext11
{
    font-family: Arial, Trebuchet MS;
    font-size:11px;
    color:#4C4D4F;
}

.greytext12
{
    font-family: Arial, Trebuchet MS;
    font-size:12px;
    color:#4C4D4F;
}
.greytext12bold
{
    font-family: Arial, Trebuchet MS;
    font-size:12px;
    color:#4C4D4F;
    font-weight:bold;
}

.pinktext12
{
    font-family: Arial, Trebuchet MS;
    font-size:12px;
    color:#D31145;
}

.whitetextwhite11
{
    font-family: Arial, Trebuchet MS;
    font-size:11px;
    color:#FFFFFF;
}

.whitetextwhite12bold
{
    font-family: Arial, Trebuchet MS;
    font-size:12px;
    color:#FFFFFF;
    font-weight:bold;
}

.whitetextwhite16bold
{
    font-family: Arial, Trebuchet MS;
    font-size:16px;
    color:#FFFFFF;
    font-weight:bold;
}

.lightgreytext10
{
    font-family: Trebuchet MS,Arial;
    font-size:10px;
    color:#CACBCD;
}

.formerror
{
    font-family: Arial, Trebuchet MS;
    font-size:10px;
    color:#D31145;
}

.cvparag
{
    font-family: Arial, Trebuchet MS;
    font-size:12px;
    color:#4C4D4F;
    line-height:20px;
}
    

/* Main Divs */
#maincontainer 
{ 
    background-color:#FFFFFF;
    padding: 40px 0 0 0px ;  
    margin: 0; 
    position: relative;
}

#top
{
    background-image:url(../images/logo1.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    background-color: #9B002E;
    width:904px;
    height:52px;
    margin:auto;
}

#container 
{ 
    background-color:#FFFFFF;
    padding-left:0px;  
    margin: auto; 
    width:905px;
}

#left
{
    background-color:#FFFFFF;
    border-left-color:#C0C0C2;
    border-left-style:solid;
    border-left-width:1px;
    width:168px;
    min-height:421px;
    height:auto !important;
    height:421px;
    float:left;
    padding-top:45px;
    padding-left:19px;
}

#main
{
    background-color:#FFFFFF;
    width:714px;
    min-height:480px;
    height:auto !important;
    height:480px; 
    float:right;
}

#footer
{
    float:left;
    font-family: Arial, Trebuchet MS;
    font-size:9px;
    color:#4C4D4F;
}


/* Index Divs */

#divIndex
{
    background-image:url(../images/index.jpg);
    background-position:right top;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    width:653px;
    min-height:435px;
    padding-top:45px;
    padding-left:30px;
    padding-right:30px;
}

#divScope
{
    background-image: url(../images/scope.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    background-color:Transparent;
    height:135px;
    width:256px;
    padding-left:176px; 
    padding-bottom:10px;
    vertical-align:bottom;  
    float:left; 
}

#divProfile
{
    background-image: url(../images/profile.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    background-color:Transparent;
    width:210px;
    padding-top:110px; 
    padding-bottom:10px;
    vertical-align:bottom;    
    float:right;
}

#divProjectHighlights
{
    background-image: url(../images/projecthighlights.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    background-color:Transparent;
    width:216px;
    padding-top:135px;
    vertical-align:bottom;  
    float:left;
    padding-right:5px;
}

#divProjectHighlights2
{
    background-image: url(../images/projecthighlights2.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    background-color:Transparent;
    width:216px;
    padding-top:135px;
    vertical-align:bottom;  
    float:left;
    padding-right:5px;
}

#divAboutDMI
{
    background-color:#4C4D4F;
    filter:alpha(opacity=70);
    opacity:0.7;
    width:190px;
    height:95px;
    padding:10px;
    margin-bottom:10px;    
    float:right;
    line-height:1.5;
    font-family: Arial, Trebuchet MS;
    font-size:11px;
    color:#FFFFFF;
}

#divNewsDMI
{
    background-color:#9B002E;
    filter:alpha(opacity=70);
    opacity:0.7;
    width:190px;
    padding:10px;
    padding-top:0px;
    padding-bottom:2px;
    float:right;
    line-height:1.5;
    font-family: Arial, Trebuchet MS;
    font-size:11px;
    color:#FFFFFF;
}

#divIndexText
{
    background-color:#FFFFFF;
    filter:alpha(opacity=70);
    opacity:0.7;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-top:5px;
    height:130px;
    line-height:1.2;
}

#divPipeText
{
    background-color:#FFFFFF;
    filter:alpha(opacity=70);
    opacity:0.7;
    padding:10px;
    padding-top:5px;
    height:120px;
    line-height:1.2;
}

#divProfileText
{
    background-color:#FFFFFF;
    filter:alpha(opacity=70);
    opacity:0.7;
    padding:10px;
    height:100px;
    line-height:1.2;
}

/* People Divs */

#divPeople
{
    background-image:url(../images/index2.jpg);
    background-position:right top;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    width:673px;
    min-height:414px;
    padding-top:45px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
}

#divPeopleContainer
{
    min-height:400px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:10px;
    overflow:auto;
}

#divPeopleDescription
{
    font-family: Arial, Trebuchet MS;
    font-size:12px;
    color:#4C4D4F;
    float:left;
    width:414px;  
    padding-left:5px;
    padding-right:20px; 
}

/* News Divs */
#divNews
{
    background-image:url(../images/index2.jpg);
    background-position:right top;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    width:673px;
    min-height:414px;
    height:auto !important;
    height:414px;
    padding-top:45px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
}

#divNewsContainer
{
    min-height:400px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:10px;
    overflow:auto;
}
#divNewsContent
{
    font-family: Arial, Trebuchet MS;
    font-size:12px;
    color:#4C4D4F;
    float:left;
    width:440px; 
    padding-left:5px;
    padding-right:20px; 
}

/* Services Divs */

#divService
{
    background-image:url(../images/index2.jpg);
    background-position:right top;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    width:673px;
    min-height:414px;
    height:auto !important;
    height:414px;
    padding-top:45px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
}

#divServiceContainer
{
    min-height:400px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:10px;
    overflow:auto;
}

#divServiceContent
{
    font-family: Arial, Trebuchet MS;
    font-size:12px;
    color:#4C4D4F;
    float:left;
    width:414px;
    padding-left:5px;
    padding-right:20px; 
}

#divServiceGallery
{
    float:left;
    width:210px;
    padding-top:25px;
    padding-left:5px;
}

/* About Divs */

#divAbout
{
    background-image:url(../images/index2.jpg);
    background-position:right top;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    width:673px;
    min-height:414px;
    padding-top:45px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
}

#divAboutContainer
{
    min-height:400px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:10px;
    overflow:auto;
}
#divAboutDetails
{
    font-family: Arial, Trebuchet MS;
    font-size:12px;
    color:#4C4D4F;
    float:left;
    width:440px;
    padding-left:5px;
    padding-right:20px; 
}

#divAboutGallery
{
    float:left;
    padding-top:20px;
    padding-left:10px;
}

/* Contact Divs */

#divContact
{
    background-image:url(../images/index2.jpg);
    background-position:right top;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    width:673px;
    min-height:414px;
    padding-top:45px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
}

#divContactContainer
{
    min-height:414px;
    height:auto !important;
    height:414px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:10px;
    overflow:auto;
}
/* Projects Divs */
#divProjects
{
    background-image:url(../images/index2.jpg);
    background-position:right top;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    width:673px;
    min-height:414px;
    height:auto !important;
    height:414px;
    padding-top:45px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
}

#divProjectsContainer
{
    min-height:400px;
    margin-top:-10px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:10px;
    overflow:auto;
}

#divProjectDetails
{
    background-color:#E9E8ED;
    font-family: Arial, Trebuchet MS;
    font-size:11px;
    color:#D31145;
    float:right;
    height:112px;
    width:210px;
    text-align:left;
    border-left-color:#8E8D9F;
    border-left-style:solid;
    border-left-width:3px; 
    padding-top:45px;
    padding-right:20px;
}

#divProjectDescription
{
    font-family: Arial, Trebuchet MS;
    font-size:12px;
    color:#4C4D4F;
    float:left;
    width:414px;  
    padding-top:10px;
    padding-left:5px;
    padding-right:20px; 
}

#divProjectGalley
{
    font-family: Trebuchet MS, Arial;
    font-size:13px;
    color:#4C4D4F;
    float:left;
    width:210px;
    padding-top:20px;
    padding-left:10px;
}



/* CV Divs */
#divCV
{
    background-image:url(../images/index2.jpg);
    background-position:right top;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    width:673px;
    min-height:414px;
    padding-top:45px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
}

#divCVContainer
{
    min-height:450px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:10px;
    overflow:auto;
}

#divCVHeader
{
    font-family: Arial, Trebuchet MS;
    font-size:12px;
    color:#4C4D4F;
    float:left;
    width:500px;  
    padding-top:10px;
    padding-left:5px;
    padding-right:20px; 
}

#divCVDetails
{
    font-family: Arial, Trebuchet MS;
    font-size:11px;
    color:#4C4D4F;
    float:left;
    width:630px;  
    padding-top:20px;
    padding-left:5px;
    padding-right:20px; 
}

/* Profile Divs */

#divProfiles
{
    background-image:url(../images/index2.jpg);
    background-position:right top;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    width:673px;
    min-height:414px;
    padding-top:45px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
}

#divProfileContainer
{
    min-height:400px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:10px;
    overflow:auto;
}
#divProfileDescription
{
    font-family: Arial, Trebuchet MS;
    font-size:12px;
    color:#4C4D4F;
    float:left;
    width:414px;  
    padding-left:5px;
    padding-right:10px;
    
}

#divProfileGallery
{
    float:left;
    width:210px;
    padding-top:25px;
    padding-left:5px;
}

/* Layers */

div.title
{
    font-family: Trebuchet MS, Arial;
    font-size:18px;
    color:#4C4D4F;
    width:430px;
    padding-left:10px;
    border-bottom-color:#D31145;
    border-bottom-style:dashed;
    border-bottom-width:1px;
}

div.titlenowidth
{
    font-family: Trebuchet MS, Arial;
    font-size:18px;
    color:#4C4D4F;
    width:100%;
    padding-left:10px;
    border-bottom-color:#D31145;
    border-bottom-style:dashed;
    border-bottom-width:1px;
}

div.right
{
    float:right;
}

div.left
{
    float:left;
}

div.leftheader
{
    height:20px;
    width:150px;
}
div.rightcontent
{
    padding-left:180px;
    margin-left:0px;
    padding-bottom:10px;
}
div.listcontent
{
    padding-left:180px;
    width:400px
}

div.projmainlist
{
    width:145px;
}

div.projimglist
{
    width:15px;
    margin-top:3px;
}

div.projnamelist
{
    width:130px;
}

div.projmaindesc
{
    width:380px;
    padding-top:10px;
}

div.projrctdesc
{
    width:360px;
}

div.langrightcontent
{
    padding-left:130px;
    margin-left:0px;
    padding-bottom:10px;
    text-align:center; 
    width:40px;
}

div.cvheaders
{
    width:80px;
    padding-top:10px;
    padding-left:10px;
    float:left;
}
div.cvdescription
{
    width:250px;
    padding-top:10px;
    padding-left:10px;
    float:left;
}

div.topindex
{
    padding-top:25px;
    width:130px;
    float:right;
}

div.divBack
{
    padding-top:45px;
}

/* Controls Styles */
div.projects
{
    margin:5px 10px 0px 10px;
}

div.listprojects
{
   height:180px;
}

input.text
{
    font-family: Arial, Trebuchet MS;
    font-size:11px;
    color:#4C4D4F;
    border-width:1px;
    border-color:#4C4D4F;
    border-style:solid;
    width:230px;
    height:18px;
}

textarea
{
    font-family: Arial, Trebuchet MS;
    font-size:11px;
    color:#4C4D4F;
    border-width:1px;
    border-color:#4C4D4F;
    border-style:solid;
    width:230px;
    overflow:auto;
}

input.button
{
    font-family: Arial, Trebuchet MS;
    font-size:13px;
    color:#D31145;
    border:0px;
    background-color:Transparent;
    cursor:hand;
    cursor:pointer;
}

.projectimage
{
    height:75px;
    width:97px;
    cursor:pointer;
}

.imagepreview
{
    height:157px;
    width:219px
}




ul.innernewslist
{
    float:left; 
    margin-left:0px;
    padding-top:5px;
    padding-left:0px;
}

li.innernewslist
{
    background-repeat:no-repeat;
    background-image:url(../images/arrows.png);
    background-position:0 13px;
    list-style-type:none; 
    padding:10px 0 0 15px;
    
}

ul.newslist
{
    float:left; 
    margin-left:5px;
    padding-top:5px;
    padding-left:0px;
}

li.newslist
{
    background-repeat:no-repeat;
    background-image:url(../images/arrows.png);
    background-position:0 15px;
    list-style-type:none; 
    padding:12px 0 0 15px; 
}

ul.cvlist
{
    float:left; 
    margin-left:5px;
    padding-top:5px;
    padding-left:5px;
    width:400;
}

li.cv
{
    background-image:url(../images/single.png);
    background-repeat:no-repeat;
    background-position:0 15px;
    list-style-type:none; 
    padding:13px 0 0 15px;
}

ul.list
{
    list-style-type:disc;
    color:#D31145;
    margin-top:0px;
    margin-left:-5px;
    padding-left:38px;
    list-style-position:outside;
}



ul.indexlist
{
    list-style-type:disc;
    color:#D31145;
    margin-top:0px;
    padding-top:0px;
    float:left;
    margin-left:0px;
    padding-left:15px;
    font-family: Arial, Trebuchet MS;
    font-size:11px;
}

li.innerlist
{
    font-size:15px;
}
ol
{
    list-style-type:decimal;
    margin-left:23px;
    margin-top:0px;
    padding-left:5px;
    list-style-position:outside;
}

ul.cv
{
    margin-left:5px;
    margin-top:0px;
    padding-top:0px;
    padding-left:11px;
    padding-bottom:5px;
    list-style-position:outside; 
}

.lists
{
    float:left;
    padding-left:200px;
}

.titlelabel
{
    display:block;
    float:left;
    clear:left;
    font-family:  Arial,Trebuchet MS;
    font-size:12px;
    color:#D31145;
    width:100px;
}

.valigntop
{
    vertical-align:top;
}

.divarrows
{
    width:80px; 
    padding-left:80px;
    height:15px; 
    padding-bottom:5px;
    display:inline;
    float:right;
}


p.subitem
{
    margin-top:0px;
    margin-bottom:-5px;
}

.width300
{
    width:300px;
    height:40px;
}

img.noborder
{
    border-style :none ;
}

.border
{
    border-color:Black;
    border-width:1px;
    border-style:solid;
}



/* Menu Styles */
a.menuitem { font-family:Trebuchet MS, Arial; font-size:14px; color:#FFFFFF; text-decoration:none; }
a.menuitem:hover { font-family:Trebuchet MS, Arial; font-size:14px; color:#FFFFFF; text-decoration:none; }

a.menuitemselected { font-family:Trebuchet MS, Arial; font-size:14px; color:#FFFFFF; text-decoration:none; }
a.submenuitem { font-family:Trebuchet MS, Arial; font-size:12px; color:#CACBCD; text-decoration:none; cursor:hand; }
a.submenuitem:hover { font-family:Trebuchet MS, Arial; font-size:12px; color:#000000; text-decoration:none;}
a.submenuitem:visited { font-family:Trebuchet MS, Arial; font-size:12px; text-decoration:none; }

li.nobullet
{
    list-style-image:none;
    list-style-type:none;
}

div.menu
{
    width:100%;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:3px;
    border-bottom-width:3px;
    border-bottom-style:solid;
    border-bottom-color:#FFFFFF;
    background-color:#4C4D4F;
}
div.menu:hover
{
    width:100%;
    padding-top:2px;
    padding-left:3px;
    border-bottom-width:3px;
    border-bottom-style:solid;
    border-bottom-color:#FFFFFF;
    background-color:#9B002E;
}

div.menuselected
{
    width:100%;
    padding-top:2px;
    padding-left:3px;
    border-bottom-width:3px;
    border-bottom-style:solid;
    border-bottom-color:#FFFFFF;
    background-color:#9B002E;
}

/*Link Styles */

.knowmore{font-family:Trebuchet MS, Arial; font-size:11px; color:#D31145; text-decoration:none;}
a.back{font-family:Trebuchet MS, Arial; font-size:11px; color:#CACBCD; text-decoration:none;}
a.newslink{font-family:Trebuchet MS, Arial; font-size:14px; color:#4C4D4F; text-decoration:none;}
a.newslink:hover{ cursor:hand;font-family:Trebuchet MS, Arial;color:#D31145; text-decoration:none;}

a.hyperlink{font-family:Arial Trebuchet MS; font-size:12px; color:#4C4D4F; text-decoration:none;}
a.hyperlink:visited{font-family:Arial Trebuchet MS; font-size:12px; cursor:hand;color:#4C4D4F; text-decoration:none;}
a.hyperlink:hover{font-family:Arial Trebuchet MS; font-size:12px; cursor:hand;color:#D31145; text-decoration:none;}

a.footerlink {font-family:Arial, Trebuchet MS;font-size: 9px; color:#4C4D4F; text-decoration:none;}
a.footerlink:visited {font-family:Arial, Trebuchet MS;font-size: 9px; color: #4C4D4F; text-decoration:none;}
a.footerlink:hover {font-family:Arial, Trebuchet MS;font-size: 9px; color: #999999; text-decoration:underline;}

a.whitelink {font-family:Trebuchet MS, Arial;font-size: 13px; color:#FFFFFF; text-decoration:none;}
a.whitelink:visited {font-family:Trebuchet MS, Arial;font-size: 13px; color: #FFFFFF; text-decoration:none;}
a.whitelink:hover {font-family:Trebuchet MS, Arial;font-size: 13px; color: #FFFFFF; text-decoration:none;}

/* Padding Styles */

.padding10
{
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-top:10px;
}

.paddingleft1
{
    padding-left:1px;
}

.paddingleft3
{
    padding-left:3px;
}

.paddingleft5
{
    padding-left:5px;
}

.paddingleft10
{
    padding-left:10px;
}

.paddingleft13
{
    padding-left:13px;
}

.paddingleft15
{
    padding-left:15px;
}

.paddingleft20
{
    padding-left:20px;
}

.paddingleft50
{
    padding-left:50px;
}

.paddingright5
{
    padding-right:5px;
}

.paddingright10
{
    padding-right:10px;
}

.paddingright30
{
    padding-right:30px;
}
.paddingbottom5
{
    padding-bottom:5px;
}
.paddingbottom10
{
    padding-bottom:10px;
}

.paddingbottom15
{
    padding-bottom:15px;
}

.paddingtop3
{
    padding-top:3px;
}

.paddingtop5
{
    padding-top:5px;
}

.paddingtop8
{
    padding-top:8px;
}

.paddingtop10
{
    padding-top:10px;
} 

.paddingtop15
{
    padding-top:15px;
} 

.paddingtop20
{
    padding-top:20px;
}

.paddingtop30
{
    padding-top:30px;
} 








