/* Theme Name: First Team Security' Theme URI: Description: First Team Security Author: Morten Weydahl Author URI: http://frequencygrease.com Template: use-this-to-define-a-parent-theme--optional Version: 1.2 . General comments: This is free for the poaching. . [Table Of Contents] 0- Reset & Layout 1- Global 2- Links 3- Headings 4- Style 5- Navigation 6- Middle 7- Forms 8- Extras 9- Footer */ /* =0 Reset –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ @import url('reset.css'); @import url('960_no_margin.css'); /* =1 Global –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ body { line-height: 1em; font: normal 12px Georgia, "Times New Roman", Times, serif; vertical-align: top; background:#000000 url(../images/bg_top.png) repeat-x scroll top left;} .body_img {background:transparent url(../images/bg2.jpg) no-repeat scroll center 100px; min-height:999px; height:auto !important; height:999px; position:relative; z-index:1;} .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align:center; } .justify { text-align:justify; } .hide { display: none; } .clear { clear: both; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { border-bottom:1px solid; } .highlight { background:#ffc; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignleft { float:left; margin:4px 10px 4px 0; } img.alignright { float:right; margin:4px 0 4px 10px; } img, h1 { border:none; behavior:url(iepngfix.htc); } .bumpleft { margin-left:10px;} .bumpright { margin-right:10px;} .noborder { border:none; } .floatleft { float:left; } .floatright { float:right; } /* =2 Links –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ a:link, a:visited { color: #705600; text-decoration:none; } a:hover { color: #705600; text-decoration:underline; } a:active { color: #96ab22; } /* =3 Headings –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ h1 { font: bold 2em "Lucida Console", sans-serif; color:#000; } h2 { font: bold 1.5em "Lucida Sans", sans-serif; color:#000; } h3 { font: bold 1.1em Georgia, Geneva, Helvetica, sans-serif; color:#000;} h4 { font: bold 1em Arial, Geneva, Helvetica, sans-serif; } h5 { font: bold 0.9em Arial, Geneva, Helvetica, sans-serif; } h6 { font: bold .75em Verdana, Arial, Helvetica, sans-serif; } /* =4 Header –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #header { } #logo { background: transparent url(../images/logo.png) no-repeat scroll top left; height:90px; margin:10px 0 0 0;} #logo .logo_link { display:block; height:79px; cursor:pointer;} #top_info { background: transparent url(../images/top_info2.png) no-repeat scroll 15px 2px; height:70px; margin:30px 0 0 0;} #top_info #pullquote { padding:3px 0 0 147px;} /* =5 Navigation –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #nav { background:transparent url(../images/bg_nav.png) no-repeat scroll top left; height:511px;} #nav #nav_con { background:transparent url(../images/nav_con.png) no-repeat scroll 20px 18px; height:61px; width:193px;} #nav #nav_con .con_link { display:block; height:54px; padding:20px 0 0 14px; cursor:pointer; width:177px;} #nav ul { padding: 179px 0 0 50px;} #nav ul li { width: 141px; display:inline; } #nav li a { padding: 9px 0 0 0;} #nav li #topnav1_a { padding:0;} #topnav_1 a { background:url(../images/nav_sprite.png) no-repeat left 7px; width:135px; height:25px; display:block; } #topnav_1 a.current { background-position:left -173px; } #nav ul li#topnav_2 { display:block; } #topnav_2 a { background:url(../images/nav_sprite.png) no-repeat left -21px; width:141px; height:23px; display:block; } #topnav_2 a.current { background-position:left -201px; } #topnav_2 a:hover { width:141px; background:#dee8f1 url(../images/about_hover2.gif) no-repeat top left; } #topnav_2 #wrap_about { position:relative; z-index:3;} #topnav_2 #ul_about { display:none; position:relative; left:141px; top:-32px; padding:0 10px 0 0; background-color:#fff; width:173px; z-index:4;} #topnav_2:hover #ul_about, #topnav_2.sfhover #ul_about { display:block; position:absolute; left:141px; top:-32px; padding:0; background-color:#fff; } #topnav_2 #ul_about li { width:100%;} #topnav_2 #ul_about a:hover { background-color:#e1eaf2; background-image:none; position:relative;} #topnav_2 #ul_about a { background-position:-999em; width:174px; padding:9px 0 0 9px; background:#fff url(../images/sub_nav_05.jpg) repeat-y top left;} #topnav_3 a { background:url(../images/nav_sprite.png) no-repeat left -55px; width:135px; height:25px; display:block; } #topnav_3 a.current { background-position:left -235px; } #topnav_4 a { background:url(../images/nav_sprite.png) no-repeat left -85px; width:135px; height:25px; display:block; } #topnav_4 a.current { background-position:left -265px; } #topnav_5 a { background:url(../images/nav_sprite.png) no-repeat left -121px; width:135px; height:25px; display:block; } #topnav_5 a.current { background-position:left -301px; } #topnav_6 a { background:url(../images/nav_sprite.png) no-repeat left -153px; width:135px; height:14px; display:block; } #topnav_6 a.current { background-position:left -333px; } /*#topnav_1 a {width:100px; background:url(../images/nav_sprite.png) no-repeat 0 0; }*/ /* =6 Middle –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /*HOME*/ #wrap_flash { position:relative; margin:15px 0 0 0; z-index:-2;} #home_text_wrap { position:absolute; z-index:-1;} #home_text { padding:28px 42px 27px 35px; position:relative; top:45px; left:0; width:320px; height:227px; background-color:#fff; color:#000; line-height:1.6em; margin:0; z-index:2; opacity:0.84;} #home_text_wrap h2 { background:transparent url(../images/hometitle1.png) no-repeat scroll top left; width:331px; height:38px; padding:0 0 23px;} #box_main_img { background:transparent url(../images/box_main.png) no-repeat scroll left top; height:346px; } #box_sec { background:transparent url(../images/box_sec.png) no-repeat scroll top left; margin:20px 0 0 0; height:266px; width:458px;} #wrapper_sec { padding:50px 0 0 230px;} #wrapper_sec p { padding:10px 0 0 0;} #box_news { background:transparent url(../images/box_news.png) no-repeat scroll top left; margin:20px 0 0 0; width:260px; height:266px; font-size:11px;} #box_news .link_bottom {} #warpper_news { padding:55px 0 0 11px;} #img_news1 { background:transparent url(../images/home_img_1.jpg) no-repeat scroll left top; } .img_news { width:88px; height:163px; border:1px solid #b0b0b0; float:left;} #box_news .img_news img { padding:0 0 27px 15px; } #box_news .news_info { width: 126px; float:left; padding:0 0 0 12px;} #box_news .news_info p { padding:0 0 7px; margin:0;} #home_title_img { margin:0 0 20px 0;} #sec_about { background:transparent url(../images/hometitle2.png) no-repeat scroll 230px 15px; height:32px; padding:5px 89px 0 227px; } #sec_about .serv_link { display:block; height:10px; padding:20px 0 0 14px; cursor:pointer;} /*ABOUT*/ #main_about { background-color:#000; margin:19px 0 0; font-size:13px; line-height:1.5em;} .about_b { background-color:#e6e6e6; margin:20px 0 20px;} #main_about p { padding:5px 0;} #box_about { background:#e6e6e6 url(../images/about_us1.jpg) no-repeat scroll top right; } #box_about h2 { background:transparent url(../images/title_why_05.png) no-repeat scroll top left; height:19px; padding:0 0 6px;} #box_phil { background:#e6e6e6 url(../images/about_us2.jpg) no-repeat scroll top left; } #box_phil h2 { background:transparent url(../images/title_phil_05.png) no-repeat scroll top left; height:19px; padding:0 0 6px;} #box_phil ul { padding:5px 16px 22px; list-style-position:outside; list-style-type:disc;} #box_exp { background:#e6e6e6 url(../images/about_us3.jpg) no-repeat scroll top right; } #box_exp h2 { background:transparent url(../images/title_exper_05.png) no-repeat scroll top left; height:19px; padding:0 0 6px;} #box_exp ul { padding:0px 0 6px 22px; list-style-position:inside; list-style-type:disc;} #box_train { background:#e6e6e6 url(../images/about_us4.jpg) no-repeat scroll top right; } #box_train h2 { background:transparent url(../images/title_train_05.png) no-repeat scroll top left; height:19px; padding:0 0 6px;} #box_cost { background:#e6e6e6 url(../images/about_us5.jpg) no-repeat scroll top left; height:363px;} #box_cost h2 { background:transparent url(../images/title_cost_05.png) no-repeat scroll top left; height:19px; padding:0 0 6px;} #main_about .about_text_1 { padding:20px 0 15px 40px; width:379px;} #main_about .about_text_2 { padding:20px 0 0 235px; width:451px;} #main_about .about_text_3 { padding:20px 361px 0 40px;} #main_about .about_text_4 { padding:20px 29px 0 313px;} /*FROM THE OWNER*/ #owner { margin:19px 0 0 0; padding:0 0 20px; background-color:#000; font-size:13px; line-height:1.5em;} #owner_text { padding:20px; background-color:#e6e6e6; margin:20px 0; padding:20px 10px 20px 20px;} #owner_text ul { list-style-type:square; list-style-position:outside; padding:0 0 0 20px;} #owner_text .quotes { display:block; padding:4px 0 4px 30px;} #owner_text img { border:1px solid #000; margin:0 0 0 20px; float:right;} #owner_text h2 { background:transparent url(../images/title_owner.png) no-repeat scroll top left; height:19px; padding:0 0 6px;} #owner_text p { padding:10px 0;} /*SERVICES*/ #services { margin:19px 0 0 0; padding:0 0 20px; background-color:#000; font-size:13px; line-height:1.5em;} #services h2 { background:transparent url(../images/serv_title1.png) no-repeat scroll top left; height:19px; padding:0 0 6px;} #services .service_b { padding:20px} #box_serv { background:#e6e6e6 url(../images/serv_img1.jpg) no-repeat scroll top right; margin:20px 0 0 0;} #serv_text { width:407px;} #serv_text p { padding:5px 0 28px;} /*TEAM*/ #team { margin:19px 0 0 0; background-color:#000; font-size:13px; line-height:1.5em; padding:0 0 19px 0;} #team h2 { background:transparent url(../images/teamtitle1.png) no-repeat scroll top left; height:18px; padding:0 0 6px;} #team .team_b { padding:20px} #box_team { background:#e6e6e6 url(../images/team_img2.jpg) no-repeat scroll top right; margin:20px 0 0 0;} #team_text { width:400px;} #team_text ul { list-style-position:inside; list-style-type:disc; padding:4px 0 4px 23px;} #team_text p { padding:5px 0;} /*Clients*/ #clients { background-color:#000; margin:19px 0 0; line-height:1.5em;} #client_text { background-color:#e6e6e6; margin:20px 0 0; padding:30px;} #clients h2 { background:transparent url(../images/clients_title.png) no-repeat scroll top left; height:18px; padding:0 0 22px;} #clients_box .c_boxt { padding:95px 0 0 0;} #clients_box p { padding: 4px 0;} #clients_box h3 { margin:0; padding:69px 0 0 11px;} #clients .c_box { width:180px; margin:20px 40px 0 0;} #c_box1 { background:#e6e6e6 url(../images/clientsimg1.jpg) no-repeat scroll top left;} #c_box2 { background:#e6e6e6 url(../images/clientsimg2.jpg) no-repeat scroll top left;} #c_box3 { background:#e6e6e6 url(../images/clientsimg3.jpg) no-repeat scroll top left;} #c_box4 { background:#e6e6e6 url(../images/clientsimg4.jpg) no-repeat scroll top left;} #c_box5 { background:#e6e6e6 url(../images/clientsimg5.jpg) no-repeat scroll top left;} #c_box6 { background:#e6e6e6 url(../images/clientsimg6.jpg) no-repeat scroll top left;} /*CONTACT*/ #contact { margin:19px 0 0 0; padding:0; background-color:#000; font-size:13px;} #contact h2 { background:transparent url(../images/contacttitle.png) no-repeat scroll top left; height:18px; padding:0 0 3px;} #contact .contact_b { padding:20px;} #box_contact { background:#e6e6e6 url(../images/contact_img1.jpg) no-repeat scroll top right; margin:20px 0;} #contact_text { width:420px;} #contact_text p { padding:0;} #contact_info { width:400px; padding:0 0 10px 0;} #contact_info p { padding:8px 0;} /*ContactForm*/ #viewlarger {clear:left;} #form_contact {width:424px; margin:0; float:left;} #form_contact p {margin:0; float:left;} #form_contact input {width:200px; margin-right:5px;} #form_contact #hear {width:204px; margin-right:5px;} #form_contact #comments {width:409px;} #form_contact label span, .warning {color:#FF0000;} .success {color:#4f7387;} /* =7 Form –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* =8 Extra –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #box_main, #box_sec, #box_news, #home_text h2, #nav, #nav li a, #logo, #top_info, #box_about h2, #services h2, #team h2, #clients h2 , #contact h2, #nav #nav_con, #sec_about, #box_main_img, #owner_text h2 {border:none;behavior: url(iepngfix.htc);} /* =9 Footer –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #footer { padding:30px 0 0 228px; font-size:11px; color:#525252; text-align:right;} #footer .footer_text { padding:0 0 0 3px; float:left;} #footer .exe_link a { color:#7f7f7f;} #footer ul { display:inline; padding:0 0 0 62px;} #footer ul a { color:#525252;} #footer ul li { display:inline;}