/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Author: Rui Ferreira / rui@longline.co.uk Type: Screen, Projection Info: Screen and projection stylesheet for Longline Environment Ltd Created: 01/06/2009 Modified: 10/2/2010 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* --- BASE CSS - RESET STYLES --- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align:justify; } html { background: #FFFFFF; min-width: 950px; height: 100%; width: 100%; } body { background: #FFFFFF; font:62.5%/1.6em Arial, Helvetica, sans-serif; margin:0; padding:0; } a img, :link img, :visited img { border: 0; } a:hover { text-decoration:underline; } a:active { text-decoration: none;} a { text-decoration:none; outline:none; color:#000; } :link, :visited { text-decoration: none; } ul { list-style:none; padding:0; margin:0; } table { border-collapse: collapse; border-spacing: 0; } /* ----- CLASSES ----- */ .clear { clear:both; } .float_left { float:left; } .float_right { float:right; } .textCenter { text-align:center; } .textRight { text-align:right; } .textLeft { text-align:left; } .image_right { float:right; padding:0 0 20px 20px; } .image_left { float:left; padding:0 20px 20px 0; } .underline { text-decoration:underline; } .link { line-height: 0em; } .bold { font-weight:bold; } .email {line-height:2.4em; } .telephone {line-height:2.4em; } .relative { position:relative; } .absolute { position:absolute; } .padding { padding:20px 5px 20px 25px; } .image { position:absolute; top:24px; left:-190px; } /* --- NAVIGATION STYLE --- */ #nav_Wrapper { width:948px; height:24px; padding-bottom:0px; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; } #nav { float:left; width:948px; background:#FFF url(http://www.longline.co.uk/site/navBg.gif) top repeat-x; } #nav li { float:left; background:url(http://www.longline.co.uk/site/navLi.gif) top right no-repeat; padding-right:2px; } #nav a { display:block; float:left; padding:4px 10px; font-weight:bold; text-decoration:none; font-size:1.2em; color:#444; } #nav a:hover { background:#cacaca url(http://www.longline.co.uk/site/navActive.gif) top repeat-x; color:#669ACC; } #subNav { width:200px; float:left; background:url(http://www.longline.co.uk/site/dots.gif) top repeat-x; margin-top:20px; padding-bottom: 10px; } #subNav a { display:block; font-size:1.1em; font-weight:bold; width:180px; padding:6px 10px; text-decoration:none; color:#444; background:url(http://www.longline.co.uk/site/dots.gif) bottom repeat-x; } #subNav a:hover { color:#669ACC; } #linkNav { width:240px; float:left; background: #FFF; margin-top:0px; } #linkNav a { display:block; font: 1.0em; width:240px; padding:3px 10px; text-decoration:none; color:#000000; font-weight:normal; background:#FFF; text-align:left; } #linkNav a:hover { color:#326DB5; font-weight:normal; } #linkSmallNav { width:220px; float:left; background: #FFF; margin-top:0px; } #linkSmallNav a { display:block; font: 1.0em; width:215px; height:auto; padding:3px 0px; text-decoration:none; color:#333; background:#FFF; text-align:left; } #linkSmallNav a:hover { color:#326DB5; } #footerNav { display:block; width:160px; height: 130px; float:left; background: #FFF; margin-top:0px; padding: 0px 10px 0px 10px; } #footerNav a { display:block; font-size: 1.1em; width:auto; height:auto; padding:3px 0px; color:#888888; background:#FFF; text-align:left; font:Arial, Helvetica, sans-serif; } #footerNav a:hover { color:#326DB5; } /* HEADINGS h1,h2,h3,h4,h5,h6 { padding:0; margin:0; clear:both; } h1 { width:130px; height:41px; background:url(../images/Firechaser.jpg) no-repeat; top:20px; position:absolute; } h1 span { position:relative; top:-1000px; } h2 { position:absolute; right:52px; bottom:12px; font-size:1.4em; color:#666; } h3 { color:#FF6600; font-size:1.4em; padding-bottom:14px; text-transform:uppercase; } */ /* --- WRAPPER --- */ #Wrapper { margin:0px; padding:0px; width:950px; min-height:100%; height:100%; padding-top:15px; margin-bottom:15px; } /* HEADER TAGS */ #Header_Wrapper { width:948px; /* All browsers */ height:auto; padding-bottom:0px; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;} #Header_Wrapper_About { background-image:url(http://www.longline.co.uk/site/about_banner_top.jpg); width:948px; /* All browsers */ height:143px; padding-bottom:0px; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;} #Header { width:918px; height:auto; padding:30px 0px 30px 30px; } #Header_Links { float:right; padding-right:10px; width:auto; height:10px; } /*#width:950px; - > Over ride for IE5 _width:950px; /* Over ride for IE6 or older versions*/ /* INDEX PAGE */ #Intro { background:#FFFFFF; width:950px; height:440px; padding: 0px 0px 0px 0px;} #Main_Content_Wrapper { background:#FFF; width:950px; height:auto; padding:0px 0px 0px 0px; margin: 30px 0px 20px 0px; /* border: 1px solid #c7c7c7; */ } #Main_Content_Wrapper_Top { width:950px; height:430px; float:left; margin-bottom:30px; } #Main_Content_Left { width:300px; height:430px; float:left; border: 1px solid #c7c7c7; } #Main_Content_Middle { width:300px; height:430px; float:left; margin-left: 22px; margin-right: 22px; border: 1px solid #c7c7c7; } #Main_Content_Right { width:300px; height:430px; float:left; border: 1px solid #c7c7c7; } #Main_Content_Title { width:290px; height:30px; float: left; font-size:1.2em; padding: 10px 0px 5px 10px; } #Main_Content_Image { width:300px; height:199px; float: left; padding:0px 0px 0px 0px; margin-bottom:0px; border-bottom: 1px solid #c7c7c7; } #Main_Content_Text { width:285px; height:160px; float: left; font-size:1.3em; background-image:url(http://www.longline.co.uk/site/degra_grey.gif); background-repeat:repeat-x; color:#333333; line-height:1.4em; padding:15px 5px 5px 10px; margin-top: 0px;} #Main_Content_Text_Links { width:250px; height:20px; float: left; font-size:1.2em; padding: 0px 10px 5px 10px; text-align:left;} #Main_Content_Wrapper_Bottom { width:948px; height:340px; float: left; border: 1px solid #c7c7c7; background-image:url(http://www.longline.co.uk/site/degra_grey.gif); background-repeat:repeat-x; color:#333333; margin:0px 0px 30px 0px; } #Main_Content_Bottom_Left { width:300px; height: 283px; float:left; padding: 64px 0px 33px 0px;} #Main_Content_Bottom_Middle { width:327px; height: 400px; float:left; margin-left: 21px;} #Main_Content_Bottom_Middle a { color:326DB5;} #Main_Content_Bottom_Middle_Title { width:317px; height:25px; float: left; font-size:1.2em; padding: 20px 0px 5px 10px; text-align:left; } #Main_Content_Bottom_Middle_Header { width:317px; height:20px; float: left; font-size:1.2em; padding: 10px 0px 0px 10px; text-align:left;} #Main_Content_Bottom_Middle_Body { width:260px; height:30px; float: left; font-size:1.3em; padding: 0px 10px 5px 20px; text-align:left;} #Main_Content_Bottom_Middle_Body a { text-align:left; color:#444; } #Main_Content_Bottom_Middle_Body a:hover { color:#326DB5; } #Main_Content_Bottom_Right { width:300px; height: 380px; float:left;} #Main_Content_Bottom_Right_Title { width:290px; height:25px; float: left; font-size:1.2em; padding: 20px 0px 5px 10px; } #Main_Content_Bottom_Right_Twitter { width: 275px; height: 325px; float:left; font-size:1.3em; line-height:1.4em; padding: 10px 15px 10px 10px; } #Footer_Wrapper { background:#FFFFFF; height:195px; width:928px; clear:both; text-align:left; padding: 15px 0px 0px 20px; float:left; display:block; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; margin-bottom: 15px; } #Footer_Links { width:900px; height:135px; padding: 0px 0px 0px 0px; } #Footer_Bottom { width:890px; height: auto; padding: 5px 0px 0px 10px; } #Footer_Bottom a { text-decoration:underline; color:#333333; } #Footer_Bottom a:hover { text-decoration:underline; color:#326DB5; } .footer_padding { width:0px; height:auto; border-left: 1px solid #c7c7c7; } /* MASTER PAGE LAYOUT */ #Master_Picture_Header {width:950px; height:250px; display:block; padding: 0px; margin: 0px; float:left< } #Master_Site_Index { width:940px; height:20px; padding: 10px 0px 0px 10px; } #Master_Site_Index a { color:#777777; } #Master_Site_Index a:hover { color:#669ACC; } #Master_Content_Wrapper { background:#FFF; width:950px; height:auto; padding:0px 0px 50px 0px; margin:0px; float:left; display:block; } #Master_Nav_Wrapper { float:left; background:#FFF; width: 200px; padding: 0px; margin: 0px; } #Master_Nav_Title { background:#FFF; width:200px; height: 15px; padding: 20px 0px 0px 0px; } #Master_Text_Wrapper { float:left; width: 720px; padding-left:30px; } #Master_Text_Title { background:#FFF; width:720px; height: 35px; padding: 20px 0px 0px 0px; text-align:left; } #Master_Text { background:#FFF; width:720px; padding: 0px 0px 0px 0px; text-align:left; font-size: 1.2em; color:#555555; float:left; } #Master_Text_Image { background:#FFF; width:720px; height:auto; padding: 20px 0px 20px 0px;} #Master_Text_Image_Modelling { background:#FFF; width:300px; padding:10px 25px 20px 25px; float:left; } #Master_Text li { width: auto; padding: 0px 0px 3px 10px;} #Master_Text a { color:#333; } #Master_Text a:hover { color:#669ACC; } #Master_Text_Language_Wrapper{background:#FFF; width:720px; height: 20px; } #Master_Text_Language {background:#FFF; width:auto; height:auto padding: 5px 10px 5px 10px; float:right; font-size: 1.2em; } #Master_Text_Publications_Wrapper { width: 710px; height: 130px; margin: 0px; padding: 20px 0px 20px 0px; } #Master_Text_Publications_Image { float:left; width: 100px; height: 130px; margin: 0px; padding: 0px; } #Master_Text_Publications_Title { float:left; width: 570px; height:40px; padding-left: 20px; text-align:left; display: block; font-size:1.2em; } #Master_Text_Publications_Title a { color:#444444; } #Master_Text_Publications_Title a:hover { color:#669ACC; } #Master_Text_Publications_Description { float:left; width: 570px; height: 90px; padding-left: 20px; text-align:left; } #Master_Text_Publications_Description a { color:#444444; } #Master_Text_Publications_Description a:hover { color:#669ACC; } /* MAPS */ #map { background:#FFFFFF; width:720px; height:300px; padding:0px; margin: 0px; } /* CONTACTS */ #Contacts_Wrapper {width:720px; padding: 20px 0px 20px 0px; font-size: 1.2em; } #Contacts_Address {width:218px; padding: 20px 0px 20px 20px; float:left} #Contacts_Email {width:218px; padding: 20px 0px 20px 20px; float:left} #Contacts_Email a { color:#444444; padding-top:10px; } #Contacts_Email a:hover { color:#669ACC; padding-top:10px; } #Contacts_Fax {width:218px; padding: 20px 0px 20px 20px; float:left} /* SITE INDEX */ #Site_Index_Wrapper { float:left; background:#FFF; width: 190px; padding: 0px; margin: 0px; padding-top:20px;} #Site_Index_Title {width:170px; padding:10px 0px 0px 20px;} #Site_Index_Title a { color:#669ACC; } #Site_Index_Title a:hover { text-decoration:underline; } #Site_Index_Column { width:160px; float:left; margin-top:0px; padding: 10px; } #Site_Index_Column a { display:block; font-size:1.1em; font-weight:bold; width:160px; padding:6px 10px; text-decoration:none; color:#444; } #Site_Index_Column a:hover { color:#669ACC; } /* 404 */ #Wrapper_404 { background:#FFFFFF; width: 950px; height:200px; padding-top:50px; } #Wrapper_404_Text { background:#FFFFFF; width: 650px; height: 20px; float:left; padding: 65px 0px 0px 30px; } #Wrapper_404_Image { background:#FFFFFF; width: 240px; height: 200px; float:left; padding-left: 30px; } /* DOCUMENT DEPOSIT */ #Document_Deposit_Wrapper { background:#FFF; width:930px; height:auto; padding:20px 10px 50px 0px; margin:0px; float:left; display:block; } #Document_Deposit_Title { background:#FFF; width:930px; height: 35px; } #Document_Deposit_Text { background:#FFF; width:950px; padding-top: 20px; text-align:left; font-size: 1.2em; } table.document { background-color: #FFF; border: 1px #c7c7c7 solid; border-collapse: collapse; border-spacing: 0px;} td.documentTitle { background:#FFF url(http://www.longline.co.uk/site/navBg.gif) top repeat-x; font-size: 1.0em; padding: 4px 0px 4px 18px; } td.documentName { font-size: 1.0em; padding: 4px 0px 4px 0px; text-indent: 18px; } td.documentName a { text-decoration:none; } td.documentName a:hover { color:#669ACC; text-decoration:underline; } /* FONTS */ h1, h2, h3, h4, h5, h6 { line-height: normal; font-weight: normal; } h1 {font-size: 1.6em; margin: 0; color: #000; font-family: arial; font-weight: bold; height: 15px; } h3 {color: #398ebc; font-size: 1.8em; line-height: 1.3em; margin: 0 0 .5em 0; font-family: arial; text-transform:uppercase; } h4 {font-size: 1.2em; color: #398ebc; margin: 0 0 6px 0; } h5 {font-size: 1.1em; font:Arial, Helvetica, sans-serif; color:#777777; margin: 0 0 6px 0; text-align:left; } h1.header { font-size: 1.0em; font-family:arial; margin: 0 0 .1em 0; color: #398ebc;} h3 strong { font-weight: normal; } h3.Contacts_Address { color: #398ebc; font-size:1.5em; line-height: 1.3em; margin: 0 0 .5em 0; font-family: arial; } h3.Contacts_Email { color: #398ebc; font-size:1.5em; line-height: 1.3em; margin: 0 0 .5em 0; font-family: arial; } h3.Contacts_Fax { color: #398ebc; font-size:1.5em; line-height: 1.3em; margin: 0 0 .5em 0; font-family: arial; } #sidebar h5 {color: #595959; font-size: 1.5em; text-transform: uppercase; line-height: 1.2em; margin: 0 0 .7em 0; border-bottom: 1px solid #dee8ec;text-indent: -9999px; height: 19px; } #Main_Content_Title h2.headertext {font-size: 1.6em; font-family: arial; color: #669ACC; } #Main_Content_Title h2.headertext a {font-family: arial; color: #669ACC; } #Main_Content_Title_4 h2.headertext {font-size: 1.4em; font-family: arial; color: #669ACC; font-weight:bold; } /*Updated Outline 1/26/2010*/ #Main_Content_4_Title h2.headertext {font-size: 1.4em; font-family: arial; color: #669ACC; font-weight:bold; } #Main_Content_4_Header h2.titletext {font-size: 1.2em; font-family: arial; color: #333; font-weight:bold; } #Main_Content_Bottom_Middle_Title h2.headertext { font-size: 1.6em; font-family: arial; color: #669ACC;} #Main_Content_Bottom_Middle_Title h2.headertext a { font-family: arial; color: #669ACC;} #Main_Content_Bottom_Middle_Header h2.titletext { font-size: 1.1em; font-family: arial; color: #555555; font-weight:bold;} #Main_Content_Bottom_Middle_Body h2.titletext { font-size: 1.2em; font-family: arial; font-weight:normal;} #Main_Content_Bottom_Right_Title h2.headertext { font-size: 1.6em; font-family: arial; color: #669ACC;} #Main_Content_Bottom_Right_Title h2.headertext a { font-family: arial; color: #669ACC;} #Site_Index_Title h2.headertext {font-size: 1.3em; font-family: arial; /*color: #669ACC;*/ color: #FFF; font-weight:bold;} #Main_Content_Text p.link { padding: 0.5em; margin: 0px; } #Master_Nav_Title h2.headertext {font-size: 1.5em; font-family: arial; color: #669ACC; font-weight:bold; margin-bottom:-10px; padding-bottom: -10px; } #Master_Text h1.headertitle { font-size: 1.4em; font-family:Arial, Helvetica, sans-serif; color:#444; font-weight:bold; padding-top:10px; padding-bottom: 15px; } #Master_Text_Publications_Description p.description { font-size:1.2em; } #Master_Text_Publications_Description p.title { font-size:1.2em; } p { font:Arial, Helvetica, sans-serif; padding:0em 0em 1.3em 0em; margin:0; text-align:left; line-height: 1.5em;} #Contacts_Address p { font:Arial, Helvetica, sans-serif; padding:0em 0em 0.2em 0em; text-align:left; line-height: 1.3em } #Contacts_Email p { font:Arial, Helvetica, sans-serif; padding:0em 0em 0.2em 0em; text-align:left; line-height: 1.3em } #Contacts_Fax p { font:Arial, Helvetica, sans-serif; padding:0em 0em 0.2em 0em; text-align:left; line-height: 1.6em } /* TABLE STYLES */ td.insuranceTitle { background:#FFF url(http://www.longline.co.uk/site/navBg.gif) top repeat-x; font-size: 1.1em; font-weight:bold; color:#444; padding: 4px 0px 4px 8px; border: 1px #c7c7c7 solid; } td.insuranceBody { text-align: left; font-size: 1.1em; padding: 4px 0px 4px 8px; border: 1px #c7c7c7 solid; }