/* Design & Code (c) Devoler */
html, body {
    font-size: 100%;
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS";
    color: #ffffcf;
    background: #000000 url(/img/main-bg.jpg) top center no-repeat;
    text-align:center;
}
    
img { border: none;}

.b { border:1px solid red;} 

.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*/
#all { width:925px; margin:0 auto; padding-bottom:15px;}
#main-block { padding:0;  text-align:left;}
#special-ie { height:102px; /*background:url(/img/monogram.png) left top no-repeat; */}
    #head {}
        #head #devoler-logo { float:right; margin:0 -5px 0 0; padding:1px 0 0 0; position:relative; z-index:1;}
        #head #promo-pick { height:183px; border-top:3px solid #7e0548; margin:5px 0 0 0;}
            #head #promo-pick #back { height:170px; width:925px; margin:10px 0 0 0; padding:0;}
                #head #promo-pick #back td { background:#000000; text-align:center; vertical-align: middle;}
        #head #navigation { height:37px; width:925px; border:3px solid #7e0548; border-right:none; border-left:none; margin:10px 0 0 0;}
            #head #navigation #view-text { width:41px;}
            #head #navigation #view-form { width:125px;}
            #head #navigation form { margin:0; padding:0; line-height:11px;}
                #head #navigation form#view select { border:none; width:92px; font-size:10px; margin:0; padding:0; color:#3f3f3f;}
                #head #navigation form#view input { border:none; height:7px; padding:5px 0 0 3px; margin:0; color:white;  font-size:9px;}
            #head #navigation .table-sep { width:2px;}
            #head #navigation .table-sep .hor-sep { background-color:#7e0548; height:27px; width:2px; margin:3px 0; padding:0;}
            #head #navigation #search-text { width:56px; text-align:right;}
            #head #navigation #search { width:236px; text-align:center; margin:0; padding:0;}
				#head #navigation #search #search-form { //margin:-4px 0 0 0; padding:0;}
                #head #navigation #search input { border:none; font-size:10px; margin:0; padding:0 0; color:white;}
                #head #navigation #search input#search-input { width:187px; margin:0; padding:1px 0; color:#3f3f3f;}
            #head #navigation #newsletter-text { width:226px; text-align:center;}
            /*#head #navigation #newsletter { width:166px; text-align:center;}
				#head #navigation #newsletter #news-form { //margin:-4px 0 0 0; padding:0;}*/
                #head #navigation #newsletter input { border:none; font-size:10px; margin:0; padding:0; color:white;}
                #head #navigation #newsletter input#newsletter-input { width:137px; margin:0; padding:1px 0; color:#3f3f3f;}
            #head #navigation #lang { width:inherit; margin:0; padding:0; text-align:right !important;}

    .pages-bar { height:24px; background-color:#7e0548; margin:3px 0 0 0; width:925px;}
        .pages-bar .arrows {width:20px;}
            .pages-bar .arrows div{ margin:0px 6px 0 0; padding:0;}
        .pages-bar .previous { width:170px; margin:0; font-size:14px;}
        .pages-bar .pages { padding:0 0 0 10px; margin:0; text-align:center;}
        .pages-bar .next { width:170px; 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:925px; 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 ul li #project-text { height:243px; //height:233px; overflow:auto; margin:0; padding:0;}
		
                                                        /*Static pages Styles*/
	#not-found {border-bottom:3px solid #7e0548;}
	#static-page {border-bottom:3px solid #7e0548; padding:0 0 0 5px;}

/* Headings H1-H6 */

h1 { }
        #not-found h1 { font-size:14px; text-transform:uppercase; }
		#head h1 { margin:0px 0 0 0; padding:15px 0 5px 0; font-size:11px; clear:left; font-weight:normal;}

h2 { }
        #head h2#devoler-logo { float:right; margin:0 -5px 0 0; padding:1px 0 0 0; position:relative; z-index:1;}

h3 { }
    #project-description h3 { font-size:14px; margin:0; padding:5px 0;}
    #static-page h3 { font-size:14px; margin:0; padding:10px 0 5px 0; text-transform:uppercase;}
h4 { }

h5 { }

h6 { }





/* Paragraph and text Styles */
p { }
    #head p { margin:0px 0 0 0; padding:15px 0 5px 0; font-size:11px; clear:left;}
    #head p#phone { margin:0; padding:15px 0 0 0; font-size:18px; color:#898989; line-height:16px;}
    #head #navigation #view-text p, #head #navigation #search-text p, #head #navigation #newsletter-text p { font-size:11px; margin:0; padding:0;}
    
    .pages-bar p { margin:0; padding:0;}
    .pages-bar .pages p { text-align:center;}

    p#copy { float:right; 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;}
	
	#not-found p {margin:0; padding:0 0 5px 0; font-size:14px;}
    #static-page p {margin:0; padding:5px 0 15px 0; font-size:14px;}

	
	/* Link Styles */
a:link,
a:visited,
a:hover { font-size:11px; color:#ffffcf; text-decoration:underline;}
a:hover { text-decoration:none; }

#head #devoler-logo a { font-size:10px;}

#head ul li span, #foot ul li span { font-size:11px; color:#ec008c;}
.pages-bar .pages ul li span { font-size:11px; color:#ec008c;}

#project-list td ul li.component a:link,
#project-list td ul li.component a:visited,
#project-list td ul li.component a:hover { color:#898989; font-size:9px; text-decoration:none;}
#project-list td ul li.component a:hover { text-decoration:underline;}

#project-text p a:link,
#project-text p a:visited,
#project-text p a:hover {font-size:13px;}

#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:none;}
#project-description ul li ul li span { font-size:11px; color:#ec008c;}

#static-page a:link,
#static-page a:visited,
#static-page a:hover { font-size:14px; color:#ffffcf; text-decoration:underline;}
#static-page a:hover { text-decoration:none;}

#bookmarks a:link,
#bookmarks a:visited,
#bookmarks a:hover { margin:0 0 0 0; padding:0 0 0 20px; font-size:11px; text-decoration:none; color:#ffffcf;}
#bookmarks a:hover { text-decoration:underline;}
#bookmarks a#delicious:link,
#bookmarks a#delicious:visited,
#bookmarks a#delicious:hover { background:url(../img/delicious.png) left 0px no-repeat;}
#bookmarks a#rss:link,
#bookmarks a#rss:visited,
#bookmarks a#rss:hover { margin:0 0px 0 20px; background:url(../img/rss.png) left 0px no-repeat;}


/* Lists and Navigation */

#head ul, #foot ul{ margin:0; padding:15px 0 0 0; width:300px; float:left;}
  #head ul li, #foot ul li{ margin:0 14px 0 0; padding:0; list-style:none; display:inline; font-size:11px;}
#lang ul { margin:0; padding:0; width:auto; float:right;}
  #lang ul li { margin:0 0px 0 10px; padding:0; list-style:none; display:inline; font-size:11px;}

.pages-bar .pages ul { margin:0; padding:0px 0 0 0;}
  .pages-bar .pages ul li { margin:0 6px 0 0; padding:0; list-style:none; display:inline; font-size:11px;}

#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; }

#not-found  ul { margin:0; padding:0 0 20px 10px;}
	#not-found  ul li { margin:0 0 0 0; padding:0 0 0 10px;  font-size:14px; list-style:none; background: url(/img/li-dot.gif) 0px 9px no-repeat;}
#static-page ul { margin:0; padding:0 0 20px 10px;}
	#static-page ul  li{ margin:0 0 0 0; padding:0 0 0 10px;  font-size:14px; list-style:none; background: url(/img/li-dot.gif) 0px 9px no-repeat;}
	
ul.text{clear:both;height:auto!important;}
	ul.text li{display:block!important;clear:both;border:none!important;float:auto!important;font-size:13px!important;height:auto!important;}