/* Design & Code (c) Devoler */
html, body {
    font-size: 100%;
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS";
    color: #ffffcf;
    text-align:center;
}
    
img { border: none;}


.left { float:left;}
.right {float:right;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0px;  padding: 0px;}

                                                    /*Index and common styles*/
        #head #promo-pick { height:183px; border-top:3px solid #7e0548; margin:5px 0 0 0;}
                #head #promo-pick #back td { background:#000000; text-align:center; vertical-align: middle;}
        #head #navigation {display:none;}
		#special-ie { background:none; margin:0; padding:0;}
    .pages-bar {display:none;}
        .pages-bar .arrows {width:20px;}
            .pages-bar .arrows div{ margin:0px 6px 0 0; padding:0;}
        .pages-bar .previous { width:90px; margin:0;}
        .pages-bar .pages { padding:0 0 0 10px; margin:0; text-align:center;}
        .pages-bar .next { width:70px; padding:0 5px 0 0; margin:0 0 0 0; text-align:right;}

    #project-list { width:925px; clear:both;}
        #project-list td { width:455px; height:170px; border-bottom:3px solid #7e0548; text-align:left; vertical-align:top;}
            #project-list td.first-coll { width:470px;}
            #project-list td div.project { padding:10px 0 0 0; margin:0;}

    #foot { clear:both;}

                                                        /*Project Description Styles*/
    #project-description { width:750px; height:346px; clear:both;}
        #project-description td { width:455px; text-align:left; vertical-align:top; padding:10px 0 0 0; margin:0;}
            #project-description td#first-coll { width:470px;}
				#project-description td#first-coll img {border:1px solid #7e0548;}
        #project-description ul li #project-text { height:243px; //height:233px; overflow:auto; margin:0; padding:0;}

/* Headings H1-H6 */

h1 { }
        #head h1#devoler-logo { display:block; margin:0 170px 0 0; padding:1px 0 0 0; clear:both;}

h2 { }
    #head h2 { margin:0px 0 0 0; padding:15px 0 5px 0; font-size:11px; clear:left; font-weight:normal;}

h3 { }
    #project-description h3 { font-size:14px; margin:0; padding:5px 0;}
h4 { }

h5 { }

h6 { }





/* Paragraph and text Styles */
p { }
    #head p { margin:0px 0 0 0; padding:15px 0 5px 0; font-size:11px;}
    #head p#phone { margin:0; padding:15px 0 0 0; font-size:18px; color:#898989; line-height:16px;}
    
    p#copy { float:left; color:#898989; font-size:11px; margin:0; padding:15px 0 0 0;}

    #project-description ul li #project-text p { font-size:13px; text-align:justify; margin:10px 0 0 0; padding:0;}


/* Link Styles */
#project-description ul li ul li a:link,
#project-description ul li ul li a:visited,
#project-description ul li ul li a:hover { }
#project-description ul li ul li a:hover { text-decoration:underline;}
#project-description ul li ul li span { text-decoration:none; color:black;}


/* Lists and Navigation */

#head ul, #foot ul{ display:none;}

#project-list td ul { margin:0; padding:10px 0 0 0;}
    #project-list td ul li { margin:0 7px 0 0; padding:0; list-style:none; display:inline; font-size:11px; line-height:10px;}

#project-description ul { margin:0; padding:0;}
    #project-description ul li { margin:0; padding:0; list-style:none; display:block; border-top:3px solid #7e0548;}
        #project-description ul li ul { margin:0; padding:5px 0; height:15px;}
            #project-description ul li ul li { margin:0; padding:0 7px; list-style:none; display:inline; font-size:11px; border:none; border-right:2px solid #7e0548;}
            #project-description ul li ul li.first { margin:0; padding:0 7px 0 0; }
            #project-description ul li ul li.last { border:none; }
            #project-description ul li ul li.view { padding-right:177px; }

            .details .first { padding: 0; }
            #project-description ul li ul.details li.first { border: none; float: left; width: 40%; }
            #project-description ul li ul.details li.last { float: right; width: 50%; text-align: right; border-left:2px solid #7e0548; }
            #project-description ul li ul.details li.view { padding: 0; }