/* css document */

html,body	{ margin:0; padding:0; }
body { background: url('images/bg.jpg') repeat-x fixed top center; margin:0px; padding:0px; }
body#disclaimerLaunch { background:none; }

/* template */
        #wrap { margin:0px auto; width:720px; }
            #siteBase { float:left; position:relative; background-color:#fff; width:700px; height:570px; margin:0px auto; } 
                #headerImage { background: url('images/bridge.jpg'); width:700px; height:125px; }
                    #logo { background: url('images/aramidLogo.png'); width:200px; height:87px; position:relative; top:15px; left:15px; }
                    #logoHome { background: url('images/aramidLogo.png'); width:200px; height:87px; position:relative; top:15px; left:15px; }
                
                #nav { background: url('images/nav1.gif') repeat-x top; width:700px; height:22px; margin:0px; padding:0px; position:relative; }
                    
                    /* nav typography */
                    #nav ul { margin:0 0 0 50px; padding:0; }
                        #nav ul li { margin:0px; padding:0 30px 0 0; list-style:none; display:inline; }
                            #nav ul li a { color:#ccc; font-weight:bold; font-size:11px; text-decoration:none; }
                            #nav a:hover { color:#fff; }
                            
                            /* nav selectors */
                            body#home #nav a.homeSelected { color:#fff; }
                            body#investment #nav a.investmentSelected { color:#fff; }
                            	body#investmentHighlights #nav a.investmentSelected { color:#fff; }
                            		body#investmentHighlights #subLinker a.highlightsSelected { color:#333;  }
                            	body#investmentDetails #nav a.investmentSelected { color:#fff; }
                            		body#investmentDetails #subLinker a.detailsSelected { color:#333; }
                            	body#investmentObjective #nav a.investmentSelected { color:#fff; }
                            		body#investmentObjective #subLinker a.objectiveSelected { color:#333; }
                            body#capital #nav a.capitalSelected { color:#fff; }
                            body#directors #nav a.directorsSelected { color:#fff; }
                            body#contact #nav a.contactSelected { color:#fff; }
                            
                            /* disclaimer */
                            #disclaimer { height:180px; width:330px; overflow:auto; border:1px solid #666; padding:0 0 5px 0; }
                            #disclaimer p { width:300px; margin:5px 0 5px 7px; }
                            #form { margin:0 0 0 0; padding:10px 0 0 0; }
                            
                            /* disclaimerLaunch */
                            body#disclaimerLaunch { margin:0 0 0 10px; }
                            body#disclaimerLaunch #disclaimer { height:400px; width:330px; overflow:auto; }
                                            
                    /* titles */
                    
                    body#home #title { background: url('images/welcometoFundTitle.jpg'); width:485px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#investment #title { background: url('images/investmentTitle.jpg'); width:300px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#capital #title { background: url('images/capitalTitle.jpg'); width:300px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#directors #title { background: url('images/directorsTitle.jpg'); width:300px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#contact #title { background: url('images/contactUsTitle.jpg'); width:300px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#admin #title { background: url('images/adminTitle.jpg'); width:200px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    
                    body#investmentObjective #title { background: url('images/investmentFundObjectiveTitle.jpg'); width:300px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#investmentDetails #title { background: url('images/investmentFundDetailsTitle.jpg'); width:300px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#investmentReg #title { background: url('images/investmentRegTitle.jpg'); width:300px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }
                    body#investmentHighlights #title { background: url('images/investmentKeyTitle.jpg'); width:300px; height:30px; position:relative; top:30px; left:50px; margin:0 0 20px 0; }

                    
                    /* content */
                    #contentWrap { width:600px; height:301px; position:relative; left:50px; top:20px; }
                        #textArea.alignLeft { width:320px; max-height:270px; float:left; overflow:auto; }
                        #textArea.alignLeftDis { width:340px; max-height:270px; float:left; overflow:auto; }
                        #subLinker { float:left; height:20px; width:320px; padding:10px 0 0 0; }
                        #dividerLine { width:1px; height:301px; position:absolute; top:0px; left:335px; background:url('images/dividerLine1px.jpg') repeat-y; float:left; margin:0 20px; }
                        #pictureWrap { width:200px; height:301px; margin:0; padding:0; float:right; position:absolute; top:0px; left:400px;}
                            #pictureWrap ul { margin:0px; padding:0px; }
                                #pictureWrap li { margin:0px; padding:0 0 1px 0; list-style:none; }
                                
                    
                    /* new for user admin areas */
                    a img.action { border: 1px solid #999; margin-top:10px; }
                    a:hover img.action { border: 1px solid #666; }
                    form.logout { margin-top:10px; }
                    
                    #tableHeaders { width:600px; height:24px; border-bottom: 1px solid #ccc; padding:10px 0 0 0; }
                        #tableHeaders p { width:auto; padding:2px 3px 0 0; }
                    #tableWrap { width:600px; height:216px; padding:5px 0 5px 0; overflow:auto; }
                        #tableWrap p { width:auto; padding:2px 3px 0 0; }
                    #tableFooters { width:600px; height:30px; border-top:1px solid #ccc; padding:10px 0 0 0; }
                    	#tableFooters input.delete { float:right; }
                    	#alignLeft { width:600px; height:30px; float:left; display:inline; }
                    	   #alignLeft input.logout { position:relative; top:-28px; left:540px; }
                    	   #alignLeft input.delete { position:relative; left:-100px; }
                    	#alignRight { width:100px; height:30px; float:left; display:inline; }
                    form.delete { padding-top:30px; }
                    
                    form#adduser { padding-top:15px; }
    
                    body#admin input.field { width:150px; }
                    body#investment input { width:150px; }
                    body#investmentDetails input { width:150px; }
                    body#investmentHighlights input { width:150px; }
                    body#investmentObjective input { width:150px; }

                    /* new for investor section */
                    #pictureWrap ul.investment li { padding:0 0 30px 0; height:52px; }
                    
                    li.keyHighlights { padding:0 0 15px 0; }
                    
                    #fileLinkIcon { float:left; width:42px; height:52px; }
                    #fileLinkText { float:left; width:150px; height:52px; margin:0 0 0 5px; }
                        #fileLinkText p { float:left; padding:18px 0 0 0; }
                        
                    #tableWrapFundDetails { padding:0px; margin:0px; width:280px; }
                        #tableWrapFundDetails p { width:auto; padding:0 0 2px 2px; margin:0px; }
                        #tableWrapFundDetails p strong { width:auto; color:#666; padding:15px 0 2px 0; margin:0px; }
                    td.criteria { vertical-align:top; text-align:left; }
                    td.answers { background-color:#494949; }
                    
                    body#investment form.logout { padding:30px 0 0 0; }
                    body#investmentDetails form.logout { padding:30px 0 0 0; }
                    body#investmentObjective form.logout { padding:30px 0 0 0; }
                    body#investmentHighlights form.logout { padding:30px 0 0 0; }
                    
                    body#investment form select#title { padding:0px; position:absolute; top:0px left:0px; width:100px; margin:0px; }
            
            
            #footer { background-color:#fff; float:left; width:700px; margin:0px auto; height:25px; margin-top:20px; position:absolute; bottom:0px; border-top:1px solid #ccc; }
            
            /* typography */
            * { font-family:trebuchet-ms, sans-serif; color:#999; }
            h2 { font-size:14px; color:#666; padding:5px 0 3px 0; margin:0px; }
            h3 { font-size:11px; color:#666; padding:5px 0 3px 0; margin:0px; }
            p { font-size:11px; color:#999; width:298px; padding:0px 7px 7px 0; margin:0px; }
            #textArea ul { margin:0 0 10px 20px; padding:0 10px 0 0; }
            #textArea ul li { margin:0px; padding:0px; font-size:11px; color:#999; }
            a { color:#666; text-decoration:underline; font-size:11px; }
            a:hover { color:#333; }
            #footer p { font-size:10px; #ccc; margin:7px 0 0 0; padding:0 0 0 50px; width:500px; }
            #footer a { display:inline; color:#999; font-size:10px; }
            #sublinker p { font-size:11px; }
            ul#copyList { padding:0px; }
            ul#copyList li { padding:0 0 10px 0; }
            
            ul#keyHighlights li { padding:0 0 5px 0; }
            

/* * { border: 1px solid red; } */