/* ------------------------------------------------------------------ [Master Stylesheet] Project: Qualcomm Mirasol Website Version: 0.1 Last change: 12/04/2008 ||****==================================================================****|| [Typography] All Text: Helvetica, Arial, Geneva, sans-serif; Notes: ||****==================================================================****|| # [Color codes] # Dark Blue (page backgrounds): #0b2244 ||****==================================================================****|| /* *** Eric Meyer Reset CSS *** Many thanks to Eric and everyone else who contributed to this reset file *** http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ * /* -------------------------------------- */ /* ========== BEGIN SECTION ============= */ /* -------------------------------------- */ 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, table, 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; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* -------------------------------------- */ /* ========== END SECTION =============== */ /* -------------------------------------- */ /****==================================================================****/ /* ------------------------------- */ /* PAGE ELEMENTS - Begin Section /* ------------------------------- */ html, body { margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; background:url(../images/mbg2.jpg) top center repeat-y #0b2244; } body img { padding:0; margin:0; } p { font-size: 12px; } ul { font-size: 11px; } .extLinkIcon {width:16px; height:16px; position:relative;} #wrap { width:1000px; margin:0 auto; background-color:#2b528b; padding:0; position:relative; height:100%; } .clear { clear:both; } .readMore a { font-size:10px; color:#FFFFFF; } .readMore a:hover { color:#BBBBBB; } input, select, textarea { background-color:#9DB2D6; border:1px solid #4F75B5; color:#0b2244; padding:1px; margin:0; font-size:10px; } /* -------------------------------------- */ /* END Section /* -------------------------------------- */ /****==================================================================****/ /* ------------------------------- */ /* MAIN MENU ELEMENTS - Begin Section /* ------------------------------- */ #upperNavWrap { width:1000px; height:27px; background-color:#123357; font-size:11px; background:url(../images/upperNav_bg.jpg) repeat-y; position:relative; z-index:10; } #upperNavWrap #sel { background:#edbe56; color:#122D57; } #upperNavWrap .nav { height:27px; float:left; } #upperNavWrap .nav a { display:block; color:#FFFFFF; text-decoration:none; padding:8px 11px 5px 11px; } #upperNavWrap .nav .starter { border:none; } #upperNavWrap .nav, .nav ul { padding: 0; margin:0; letter-spacing:1pt; font-size:11px; } #upperNavWrap .nav ul li { float: left; border-left:1px solid #3f7aad; list-style:none; line-height:14px; } #upperNavWrap .nav ul li a:hover { background:#edbe56; color:#122D57; } #upperNavWrap .nav ul li ul { position:absolute; left:auto; width:166px; text-align:left; top:auto; } #upperNavWrap .nav ul li:hover ul, #nav ul li.sfhover ul { left:auto; } #upperNavWrap .nav ul li ul li a:hover{ padding:4px 5px 2px 21px; } #upperNavWrap .nav ul li ul li { border:none; z-index:1000; } #upperNavWrap .nav ul li ul .navOne a { background:url(../images/mm_Dropdownbg.jpg) 0px -34px no-repeat #1a4a81; border:#13397C 1px solid; text-align:left; width:136px; padding:4px 5px 2px 21px; font-size:10px; } #upperNavWrap .nav ul li ul .navOne a:hover { background-position:0px 0px; background-color:#fbc046; } .topDropDown ul { display:none; } /* -------------------------------------- */ /* END Section /* -------------------------------------- */ /****==================================================================****/ /* ------------------------------- */ /* HEADER EMAIL - Begin Section /* ------------------------------- */ #updateEmail { width:301px; float:right; color:#FFFFFF; font-size:11px; position:relative; height:19px; padding-top:5px; right:10px; margin:0; } #updateEmail form { padding:0; margin:0; } #updateEmail .sbutton { position:absolute; padding:0; /*float:right; */margin:0 0 0 4px; border:none; } #updateEmail .emailfield { background-color:#9DB2D6; border:1px solid #4F75B5; color:#FFFFFF; padding:1px; margin:0; font-size:10px; width:130px; } /* -------------------------------------- */ /* END Section /* -------------------------------------- */ /****==================================================================****/ /* ------------------------------- */ /* PAGE BANNERS - Begin Section /* ------------------------------- */ #page_banner_content { width:1000px; background:#0b2244; position:relative; overflow:hidden; z-index:0; padding:0; margin:0;} /* -------------------------------------- */ /* END Section /* -------------------------------------- */ /****==================================================================****/ /* ------------------------------- */ /* SECONDARY NAVIGATION - Begin Section /* ------------------------------- */ #secondary_nav { width:1000px; height:20px; background:url(../images/page_barBG.jpg) repeat-y; float:left; line-height:16pt; } #secondary_nav a { padding:0 13px 0 15px; text-decoration:none; float:left; font-size:11px; color:#FFF; position:relative; letter-spacing:1pt; border-left:1px solid #0F203C; } #secondary_nav .starter { border:none; } #secondary_nav a:hover { background:#0F203C; color:#FFF; } #secondary_nav #select a { background:#0F203C; color:#0d264d; color:#fff; } #secondary_nav #select a:hover { background:#49A0EF; color:#333; } /* -------------------------------------- */ /* END Section /* -------------------------------------- */ /****==================================================================****/ /* ------------------------------- */ /* INNER PAGE CONTENT TEMPLATE - Begin Section /* ------------------------------- */ #page_middle_wrap {width:737px; float:left; background:#0f203b; border: 1px solid #0a1c39; padding-bottom:20px; } #page_middle_banner { width:739px; height:195px; background:url(../images/middlebannerBG.jpg); } .pmbText { width:400px; height:40px; font-size:28px; font-weight:bold; margin:60px 70px; float:left; color:#FFFFFF; } #mbPadding { padding:20px 0 0 35px; float:left; } #page_content { display:block; position:relative; width:737px; background:#0F203b; color:#FFFFFF; } #page_content #main_content { display:block; position:relative; width:737px; min-height:370px; background:url(../images/contentdgBG.jpg) 0 0 no-repeat #0F203b; } #page_content #subHeader { background:#469CE8; height:195px; position:relative; overflow:hidden; } #page_content #subHeader .shText { position:absolute; left:0px; top:0; } #page_content #subHeader h3 { margin:0; font-size:18pt; padding-top:80px; padding-left:70px; font-weight:bold; } #page_content #subHeader p { margin:0; font-size:12pt; padding-left:70px; color:#edbe56; } #page_content #subHeader h3 span { font-weight:normal; } #page_content a { font-size:10px;} #page_content a:hover { color:#DDD; } #page_content h1 { clear:both; font-weight:bold; display:block; font-size:18px; padding: 0 0 20px 0; margin:0; color:#FAC34E; letter-spacing:0px; } #page_content h2 { clear:both; font-weight:bold; display:block; font-size:14px; padding-bottom:10px; letter-spacing:1px; margin:0; } #page_content #section_header { height:auto; position:relative; margin-bottom:0px;} #page_content .mediaEvent { display:block; clear:both; margin:0; padding:0; } #product_content1 { width:380px; padding:35px 0 0 70px; float:left; margin:0; } #product_content1 p { padding-bottom:20px; margin:0; font-size:11px; display:block; } #product_content1 span { clear:both; font-weight:bold; display:block; font-size:16px; padding-bottom:20px; } #product_content1 a { text-decoration:none; color:#edbe56; font-size:10px; float:right; position:relative; clear:both; } .product_content1 { width:380px; padding:35px 0 0 70px; float:left; margin:0; } .product_content1 p { padding-bottom:20px; margin:0; font-size:11px; display:block; } .product_content1 span { clear:both; font-weight:bold; display:block; font-size:16px; padding-bottom:20px; } .product_content1 a { text-decoration:none; color:#edbe56; font-size:10px; float:right; position:relative; clear:both; } #product_content2 { width:200px; float:right; padding:0 30px 0 30px; border-left:1px solid #223a60; margin:35px 0 0 0; } #product_content2 a { text-decoration:none; color:#edbe56; font-size:10px; } #product_content2 ul { font-size:10px; margin:0; padding-left:14px; line-height:14px; padding-top:10px; } #product_content2 ol { font-size:10px; margin:0; padding-left:14px; line-height:14px; padding-top:10px; } #product_content2 img { /*border:2px solid #CCC;*/ } #product_content2 span { padding-bottom:10px; } #product_content2 span img { border:none; margin:0; padding:5px 0 0 5px; } #product_content2 span a { margin:0; padding:0; float:left; letter-spacing:1px; } #product_content2 div { text-align:center; padding-top:20px; } #product_content2 h4 { font-size:11px; color:#FFF; padding:5px 0 0 0; margin:0; letter-spacing:0; } #product_content2 ul li { list-style:square; padding:0; margin: 0 0 8px 0; color:#49A0EF; } #product_content2 ul li span { color:#ccc; } #product_content2 ol li { list-style-image:url(../images/listBG.gif); padding:0; margin: 0 0 8px 0; color:#ccc; } .product_content2 { width:200px; float:right; padding:0 30px 0 30px; border-left:1px solid #223a60; margin:35px 0 0 0; } .product_content2 a { text-decoration:none; color:#edbe56; font-size:10px; } .product_content2 ul { font-size:10px; margin:0; padding-left:14px; line-height:14px; padding-top:10px; } .product_content2 ol { font-size:10px; margin:0; padding-left:14px; line-height:14px; padding-top:10px; } .product_content2 img { /*border:2px solid #CCC;*/ } .product_content2 span { padding-bottom:10px; } .product_content2 span img { border:none; margin:0; padding:5px 0 0 5px; } .product_content2 span a { margin:0; padding:0; float:left; letter-spacing:1px; } .product_content2 div { text-align:center; padding-top:20px; } .product_content2 h4 { font-size:11px; color:#FFF; padding:5px 0 0 0; margin:0; letter-spacing:0; } .product_content2 ul li { list-style:square; padding:0; margin: 0 0 8px 0; color:#49A0EF; } .product_content2 ul li span { color:#ccc; } .product_content2 ol li { list-style-image:url(../images/listBG.gif); padding:0; margin: 0 0 8px 0; color:#ccc; } .product_content { line-height:20px; letter-spacing:1pt; } .press_release1 { width:380px; padding:35px 0 0 70px; float:left; margin:0; } .press_release2 { width:200px; float:right; padding:0 30px 0 30px; border-left:1px solid #223a60; margin:35px 0 0 0; } .press_release2 a { text-decoration:none; color:#edbe56; font-size:10px; } /* -------------------------------------- */ /* END Section /* -------------------------------------- */ /****==================================================================****/ /* ------------------------------- */ /* RIGHT CONTENT COLUMN - Begin Section /* ------------------------------- */ #page_rCol { background:#2B528B; width:261px; min-height:100px; float:left; letter-spacing:1px; } #page_rCol .page_rCol_head { width:261px; height:20px; background:url(../images/page_rCol_bg.jpg) repeat-x; color:#FFF; font-size:11px; } .page_rCol_head h3 {padding:5px 0 0 10px; float:left; color:#FFF; font-size:11px; margin:0px; font-weight:bold; } .rCol_cont_padding { padding:0 10px; } .rColOne { width:75px; min-height:37px; padding:10px 0px 10px 10px; float:left; text-align:center; } .rColOne img { } .rColTwo { width:135px; min-height:37px; float:left; font-size:11px; color:#BBB; padding:10px 0 10px 10px;} .rColTwo p { font-size:10px; padding:10px 0; letter-spacing:0; } .rColTwo a { color:#FFF; text-decoration:none; } .rColTwo a:hover { color:#edbe56; } .rColTwo span { display:block; font-size:11px; letter-spacing:1px; } #page_rCol .divider { background:url(../images/divider.jpg) 0 0 no-repeat; width:231px; height:2px; clear:both; } #related_rCol { background:#2B528B; width:261px; min-height:100px; float:left; letter-spacing:1px; } #related_rCol .related_rCol_head { width:261px; height:20px; background:url(../images/related_rCol_bg.jpg) repeat-x; color:#0F203B; font-size:11px; } #related_rCol .related_rCol_head h3 {padding:5px 0 0 10px; float:left; font-size:11px; margin:0px; font-weight:bold; } #related_rCol .divider { background:url(../images/divider.jpg) 0 0 no-repeat; width:231px; height:2px; clear:both; padding-bottom:10px; } #related_rCol .relInfoImage { padding:5px 0 0 0; margin:0; } /* -------------------------------------- */ /* END Section /* -------------------------------------- */ /****==================================================================****/ /* ------------------------------- */ /* PAGE FOOTER - Begin Section /* ------------------------------- */ #page_footer { width:980px; height:13px; background:url(../images/page_footerBG.jpg); padding:4px 10px; font-size:11px; color:#FFFFFF; } #page_footer a { padding-left:10px; padding-right:10px; color:#FFFFFF; text-decoration:none; } #page_footer a:hover { color:#BBB; } /* -------------------------------------- */ /* END Section /* -------------------------------------- */ /****==================================================================****/ /* ------------------------------- */ /* CONTACT PAGE - Begin Section /* ------------------------------- */ .contact_form_1 { width:365px; float:left; padding:10px 0 0 0; } .contact_form_2 { width:120px; float:left; text-align:left; font-size:12px; padding-right:10px; } .contact_form_3 { width:200px; float:left; } .reqField { color:#edbe56; font-weight:bold; } .contact_form_1 label { font-size:11px; } /* -------------------------------------- */ /* END Section /* -------------------------------------- */ /****==================================================================****/ /* ------------------------------- */ /* INDEX PAGE - Begin Section /* ------------------------------- */ /* #3563A1 */ #home_base_wrap { width:1000px; height:350px; background:url(../images/home_base_bg.jpg) left bottom repeat-x #2b4164; position:relative; overflow:hidden; padding:20px 0 0 0;} #home_base_wrap a { text-decoration:none; color:#edbe56; font-size:10px; } #home_base_wrap #home_col_head { position:relative; clear:both; border-bottom:1px solid #9db2d6; height:35px; } #home_base_wrap #home_col_head h2 { color:#FAC34E; font-size:18px; font-weight:bold; letter-spacing:1px; padding:0; margin:0 0 15px 0; line-height:18px; } #home_base_wrap #home_col_head a { float:right; padding-top:5px; } #home_base_wrap #home_col_content { position:relative; display:block; letter-spacing:1px; color:#CCC; padding-top:5px; height:280px; border-bottom:1px solid #9db2d6; } #home_base_wrap #home_col_content h3 { font-size:12px; color:#FFF; padding:0; margin:0; font-weight:bold; } #home_base_wrap #home_col_content h3 a { font-size:12px; color:#FFF; padding:0; margin:0; font-weight:bold; float:none; } #home_base_wrap #home_col_content h3 a:hover { color:#edbe56; text-decoration:underline;} #home_base_wrap #home_col_content h4 { font-size:11px; padding:0 0 0 0; margin:0; font-weight:normal;} #home_base_wrap #home_col_content p { position:relative; display:block; padding:10px 0 0 0; margin:0; } #home_base_wrap #home_col_content a { float:right; padding:0; margin:0; } #home_base_wrap #home_col_content span { display:block; font-size:10px; color:#edbe56; padding:0; margin:0; } #home_base_wrap #pastEvents { float:right; padding-top:5px; } #home_base_wrap #viewAll { float:left; padding-top:5px; } .home_column_padding { padding:0 25px;line-height: 12px; } #home_base_colOne { width:330px; height:344px; border-right:1px solid #2b4164; float:left; } #home_base_colOne #home_col_content a { } #home_base_colTwo { width:338px; height:344px; border-right:1px solid #2b4164; float:left; } #home_base_colTwo #home_col_content a { } #home_base_colThree { width:330px; height:344px; float:left;} #home_base_colThree #home_col_content a { } /*this is the css for the javascript ticker in Media Spotlight*/ #controls_wrapper { position:relative; width: 280px; height:20px; text-align:right; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size: 11px; } #controls_wrapper button { height:20px; line-height:20px; border: none; border: 0; background:none; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size: 11px; width: auto; text-align:center; margin:0; padding:0; } #controls_wrapper button:hover { color: #edbe56; } #home_base_wrap #home_col_content #controls_wrapper a { padding:0; margin:0; display:inline; float:none; } #home_base_wrap #home_col_content #controls_wrapper a:hover, #home_base_wrap #home_col_content #controls_wrapper a.selected{ text-decoration: underline; color: #fff; } .panel { float: left; overflow: hidden; margin: 0; width: 280px; height:220px; padding-top:15px; } .panel img { float:left; margin: 0 10px 200px 0; } #home_base_wrap #home_col_content .panel a { padding:0; margin:0; display:inline; float:none; } /* -------------------------------------- */ /* END Section /* -------------------------------------- */ /****==================================================================****/ /* ------------------------------- */ /* EVENT PAGE - Begin Section /* ------------------------------- */ #event p a { float:none; } #event .eventContact a { float:right; } #event h2 { margin:0; padding:0; } #event h3 { display:block; font-size:10px; color:#edbe56; padding:0; margin:0; line-height:10px; font-weight:bold; } #event p { padding:10px 0; } #event span { color:#bbb; font-size:10px; margin:0; } .event p a { float:none; } .event .eventContact a { float:right; } .event h2 { margin:0; padding:0; } .event h3 { display:block; font-size:10px; color:#edbe56; padding:0; margin:0; line-height:10px; font-weight:bold; } .event p { padding:10px 0; } .event span { color:#bbb; font-size:10px; margin:0; } .eventBreak { float:left; padding:10px 0; border-top:1px solid #223a60; width:380px; } #product_content2 input, select, textarea { margin-bottom:10px; } #product_content2 form { width: 180px;padding:10px; background:#223a60; } #product_content2 form span { display:block; font-weight:bold; font-size:12px; } #product_content2 h4 label { color:#FAC34E; } #product_content2 form .submitButton { color:#0b2244; font-weight:bold; display:block; position:relative; clear:both; } #product_content2 form .submitButton:hover { color:#0b2244; background:#FFF; } #product_content2 .eventBreak { border-top:1px solid #2B528B; width:180px; padding:0; margin:5px 0 10px 0; } .product_content2 input, select, textarea { margin-bottom:10px; } .product_content2 form { width: 180px;padding:10px; background:#223a60; } .product_content2 form span { display:block; font-weight:bold; font-size:12px; } .product_content2 h4 label { color:#FAC34E; } .product_content2 form .submitButton { color:#0b2244; font-weight:bold; display:block; position:relative; clear:both; } .product_content2 form .submitButton:hover { color:#0b2244; background:#FFF; } .product_content2 .eventBreak { border-top:1px solid #2B528B; width:180px; padding:0; margin:5px 0 10px 0; } /* -------------------------------------- */ /* END Section /* -------------------------------------- */ /****==================================================================****/ /* ------------------------------- */ /* PRESS CENTER PAGES - Begin Section /* ------------------------------- */ .releaseDate { font-weight:normal; font-size:11px; color:#BBB; margin:0; padding:10px 0 10px 0; display:block; } .mediaEvent table { width:600px; padding:5px 0 10px 0; margin:0; margin-top:5px; border-top:1px solid #223a60; background:url(../images/res_h2_bg.jpg) -120px 0 no-repeat; } .mediaEvent .bottomBreak { } .mediaEvent table tr { width:400px; } .mediaEvent table tr td { padding:0; margin:0; width:100px; padding:10px 25px 0px 25px; line-height:14px; } .mediaEvent table tr td p { padding:0; margin:0; font-size:10px; letter-spacing:normal; } .mediaEvent table tr td img { padding-bottom:10px; } .mediaEvent table tr td p span, .mediaEvent table tr td p .resTitle { padding:0; margin:0; font-size:10px; font-weight:normal; } .mediaEvent table tr td p a { padding:0; margin:0; float:none; font-size:8px; position:relative; } .mediaEvent table tr td a { padding:0; margin:0; float:none; font-size:8px; } .mediaEvent #images h2 { margin:0; padding:0; width:600px; height:20px; } .resources p { padding-bottom:0px; margin:0; font-size:11px; display:block; } .resources { margin-bottom:0px; padding-bottom:0px; } /* -------------------------------------- */ /* END Section /* -------------------------------------- */ /****==================================================================****/ /* ------------------------------- */ /* TECHNOLOGY PAGES - Begin Section /* ------------------------------- */ .hiwCurr { } .hiwCurr a { } #hiwListing .hiwCurr a { font-weight:bold; color:#FFFFFF; } /* -------------------------------------- */ /* END Section /* -------------------------------------- */ /****==================================================================****/ /* ------------------------------- */ /* POPUP PAGES - Begin Section /* ------------------------------- */ #pp_content { display:block; position:relative; width:737px; min-height:370px; background:url(../images/contentdgBG.jpg) 0 0 no-repeat #0F203b; } /* -------------------------------------- */ /* END Section /* -------------------------------------- */ /****==================================================================****/ /* ------------------------------- */ /* ABOUT PAGE - Begin Section /* ------------------------------- */ #buildingImages { position:relative; padding:25px; margin:15px 0 0 70px; clear:both; border-top:1px solid #223a60; width:570px; } #buildingImages div { float:left; padding:0 10px; text-align:center; width:120px; } #buildingImages img { display:block; padding:0 10px; } #buildingImages div span { font-size:10px; color:#BBB; } #buildingImages div span a { text-decoration:none; color:#BBB; } #buildingImages div span a:hover { text-decoration:underline; color:#edbe56; } /* -------------------------------------- */ /* END Section /* -------------------------------------- */ /****==================================================================****/ /*================================================================================================= I am assuming the rest of this is related to the Front Page and some misc. areas of the website. I will not catergorize like I have above since I have yet to touch those pages. I will leave it up to you Rick to organize the rest of the styles below. I think if we follow the formatting I have laid out it will make it easier in the long run to keep track of changes and make updates down the road. Let me know what changes we need to make as well. Comment if you can in this file. I'll be putting together a standards portion of the CSS, declaring font colors etc, at the top a little later today. - Lee Regan 12/01/2008 | 11:22 am PST =================================================================================================*/ /* ------------------------------- */ /* UNUSED SELECTORS - Begin Section /* ------------------------------- */ /* #page_banner_right { width:300px; height:322px; float:left; background:url(../images/page_banner_rColBG.jpg); color:#FFFFFF; } #page_banner_rightPadding { padding:45px 18px 0 72px; } #page_banner_rightOne { width:226px; height:225px; font-size:14px; } #page_banner_rightTitle { font-size:16px; font-weight:bold; } .pagination a { color:#FFFFFF; font-size:11px; } .pagination a:hover { color:#6196E5; } .paginationNo a { color:#6196E5; text-decoration:none; padding:0 5px; } .paginationNo a:hover { color:#DCCDAA; } .pSEL a { color:#DCCDAA; text-decoration:none; padding:0 5px; } #page_banner_rightTwo { width:226px; height:20px; font-size:12px; } #page_banner2{width:1000px; height:320px; border-bottom:3px solid #0A1E3C; background:url(../images/page_banner2BG.jpg)} #page_Padding2{ padding:20px 30px;} #page_middle_wrap2{width:1000px; min-height:400px; background:url(../images/middlebanner2BG.jpg); float:left; color:#FFFFFF} #page_bar2{width:980px; height:21px; background:url(../images/page_barBG.jpg) repeat-y; border-bottom:1px solid #0A1E3C; padding-top:3px; padding-left:20px} #page_bar2 a{padding:4px 13px 2px 13px; text-decoration:none; float:left; border:none; font-size:12px; color:#FFFFFF; font-weight:bold} #page_bar2 a:hover{padding:3px 12px 2px 12px; background:#11203d; border-top: 1px solid #49A0ED; border-left: 1px solid #49A0ED; border-right: 1px solid #49A0ED} #select2 a{padding:3px 12px 2px 12px; background:#11203D; border-top: 1px solid #49A0ED; border-left: 1px solid #49A0ED; border-right: 1px solid #49A0ED} .innOne{ width:600px; float:left;} .innTwo{ width:140px; float:left} .innThree{ width:460px; float:left} .innOne a{ color:#ffffff; font-size:10px} */ /* -------------------------------------- */ /* END Section /* -------------------------------------- */