Advertisement
Guest User

Untitled

a guest
May 29th, 2017
52
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.84 KB | None | 0 0
  1. /* CSS Document */
  2. /*-------General Starts-------*/
  3. body {
  4. margin:0;
  5. padding:0;
  6. font:normal 12px/16px Arial, Helvetica, sans-serif;
  7. background:url(images/top_bg.jpg) repeat-x 0 0;
  8. }
  9. div, ul, li, p, h2, h5, form, input, label{
  10. padding:0;
  11. margin:0;
  12. }
  13. img{
  14. padding:0;
  15. margin:0;
  16. border:none;
  17. line-height:0px;
  18. font-size:0px;
  19. display:block;
  20. }
  21. ul{
  22. list-style-type:none;
  23. padding:0;
  24. margin:0;
  25. border:0;
  26. }
  27. p{
  28. color:#667361;
  29. font:normal 12px/16px Arial, Helvetica, sans-serif;
  30. background-color:inherit;
  31. }
  32. h2{
  33. font:normal 20px/20px Arial, Helvetica, sans-serif;
  34. color:#297C08;
  35. background-color:inherit;
  36. }
  37. .spacer{
  38. line-height:0;
  39. font-size:0;
  40. clear:both;
  41. }
  42.  
  43. a{
  44. color:#2B71A7;
  45. background-color:inherit;
  46. text-decoration:none;
  47. }
  48. a:hover{
  49. text-decoration:underline;
  50. }
  51. /*-------General Ends-------*/
  52. #main_pannel{
  53. margin:0 auto;
  54. width:900px;
  55. }
  56. /*----------------------SERVICE-PAGE STARTS------------------------*/
  57. #service_hdr{
  58. background:url(images/hdr_service.jpg) no-repeat 0 0;
  59. line-height:0px;
  60. font-size:0px;
  61. }
  62. #service_body{
  63. padding:40px 0 0;
  64. }
  65. #service_left{
  66. width:593px;
  67. float:left;
  68. }
  69. #service_left p{
  70. font:normal 12px/23px Arial, Helvetica, sans-serif;
  71. color:#667361;
  72. background-color:inherit;
  73. }
  74. p.text_padding{
  75. padding:20px 0 20px 0;
  76. }
  77. #service_left h2{
  78. padding-bottom:13px;
  79. }
  80. #service_left h5{
  81. padding-left:9px;
  82. font:bold 12px/15px Arial, Helvetica, sans-serif;
  83. color:#2B71A7;
  84. margin:30px 0 13px;
  85. background:url(images/bllt_arrwBlue.gif) no-repeat 0 50%;
  86. background-color:inherit;
  87. }
  88. /*---------about us start-----------*/
  89. #service_left div.about_cont{
  90. width:593px;
  91. }
  92. #service_left div.about_cont img{
  93. width:165px;
  94. height:208px;
  95. display:block;
  96. float:left;
  97. }
  98. #service_left div.about_cont p{
  99. float:right;
  100. width:407px;
  101. }
  102. p.about_text_padding{
  103. padding:25px 0 0 0;
  104. }
  105. /*---------about us end-----------*/
  106. /*---------Contacts start-----------*/
  107. #service_left p.contact_text_padding{
  108. padding:0 0 106px 0;
  109. color:#2B71A7;
  110. background-color:inherit;
  111. }
  112.  
  113. /* Contact Form start */
  114. #service_left form{
  115. width:457px;
  116. padding:0 0 0 56px;
  117. }
  118. #service_left form label{
  119. width:120px;
  120. font:bold 13px/23px Arial, Helvetica, sans-serif;
  121. color:#656954;
  122. background-color:inherit;
  123. margin:0 0 24px 0;
  124. float:left;
  125. }
  126. #service_left form input.submit_box{
  127. width:306px;
  128. height:19px;
  129. padding:2px 0 0 3px;
  130. font:normal 11px Arial, Helvetica, sans-serif;
  131. color:#000;
  132. background-color:#F4F4EF;
  133. border:1px solid #ADBAC7;
  134. float:right;
  135. margin:0 0 24px 0;
  136. }
  137. #service_left form textarea{
  138. width:309px;
  139. height:63px;
  140. float:right;
  141. margin:0 0 24px 0;
  142. border:1px solid #ADBAC7;
  143. background-color:#F4F4EF;
  144. color:#000;
  145. font:normal 11px Arial, Helvetica, sans-serif;
  146. }
  147. #service_left form input.submitbt{
  148. width:64px;
  149. height:25px;
  150. float:right;
  151. margin:0 242px 0 0;
  152. }
  153. /* Contact Form end */
  154. /*---------Contacts end-----------*/
  155. /*---------Projects start-----------*/
  156. #service_left p.project_text_padding{
  157. color:#2B71A7;
  158. background-color:inherit;
  159. }
  160. #service_left div.project_cont{
  161. width:593px;
  162. margin:50px 0 0 0;
  163. }
  164. #service_left div.project_cont img{
  165. width:137px;
  166. height:131px;
  167. display:block;
  168. float:left;
  169. }
  170. #service_left div.project_cont p{
  171. width:430px;
  172. float:right;
  173. }
  174. /*---------Projects end-----------*/
  175. #service_right{
  176. width:288px;
  177. float:right;
  178. background:url(images/service_img.jpg) no-repeat 0 0;
  179. padding-top:255px;
  180. line-height:0px;
  181. font-size:0px;
  182. padding-bottom:23px;
  183. }
  184. #service_right h2.news_updates{
  185. background:url(images/icon_news.gif) no-repeat 0 0;
  186. padding:0 0 7px 49px;
  187. }
  188. #service_right div.service_news{
  189. width:288px;
  190. margin-bottom:17px;
  191. }
  192. #service_right div.form{
  193. width:286px;
  194. float:right;
  195. margin-bottom:20px;
  196. }
  197.  
  198. /*----------------------SERVICE-PAGE ENDS------------------------*/
  199.  
  200. /*----------------------HEADER-PANNEL STARTS------------------------*/
  201. #hdr_pannel{
  202. background:url(images/hdr_img.jpg) no-repeat 0 0;
  203. height:402px;
  204. }
  205. img.logo{
  206. float:left;
  207. display:inline;
  208. margin:31px 0 0;
  209. }
  210. #hdr_pannel p{
  211. width:460px;
  212. }
  213. #hdr_pannel h2{
  214. padding:32px 0 13px;
  215. }
  216. #hdr_pannel p.cont_padd{
  217. padding:13px 0 19px;
  218. }
  219. #hdr_pannel p.read_more{
  220. background:url(images/bttn_more.jpg) no-repeat 0 0;
  221. width:142px;
  222. text-align:center;
  223. padding-bottom:28px;
  224. }
  225. #hdr_pannel p.read_more a{
  226. font-weight:bold;
  227. line-height:31px;
  228. color:#fff;
  229. background-color:inherit;
  230. text-decoration:none;
  231. }
  232. #hdr_pannel p.read_more a:hover{
  233. color:#E2BD9B;
  234. background-color:inherit;
  235. }
  236. #hdr_pannel ul, #service_hdr ul{
  237. float:right;
  238. width:auto;
  239. padding:72px 18px 0 0;
  240. font:bold 12px/35px Arial, Helvetica, sans-serif;
  241. }
  242. #hdr_pannel ul li, #service_hdr ul li{
  243. padding:0px 12px;
  244. float:left;
  245. width:auto;
  246. }
  247. #hdr_pannel ul li a, #service_hdr ul li a{
  248. color:#444842;
  249. background-color:inherit;
  250. text-decoration:none;
  251. }
  252. #hdr_pannel ul li a:hover, #hdr_pannel ul li.active, #service_hdr ul li a:hover, #service_hdr ul li.active{
  253. color:#C94D16;
  254. background-color:inherit;
  255. }
  256. /*----------------------HEADER-PANNEL ENDS---------------------------*/
  257. /*----------------------MID-PANNEL STARTS---------------------------*/
  258. #mid_pan{
  259. width:900px;
  260. margin:0 auto 17px;
  261. }
  262. #mid_pan div.mid_cntr{
  263. width:288px;
  264. float:left;
  265. margin-right:18px;
  266. }
  267. #mid_pan div.mid_cntrLast{
  268. width:288px;
  269. float:right;
  270. margin:0;
  271. }
  272. h2.service{
  273. background:url(images/icon_service.gif) no-repeat 0 0;
  274. padding:0 0 7px 42px;
  275. }
  276. h2.recent_project{
  277. background:url(images/icon_proj.gif) no-repeat 0 0;
  278. padding:0 0 7px 47px;
  279. }
  280. h2.news_updates{
  281. background:url(images/icon_news.gif) no-repeat 0 0;
  282. padding:0 0 7px 49px;
  283. }
  284. h2.service span, h2.recent_project span, h2.news_updates span{
  285. font:normal 13px/15px Arial, Helvetica, sans-serif;
  286. color:#2B71A7;
  287. background-color:inherit;
  288. display:block;
  289. }
  290. /*----------------------MID-PANNEL ENDS---------------------------*/
  291. /*----------------------BOTTOM-PANNEL STARTS--------------------------*/
  292. #bttm_pan{
  293. width:900px;
  294. padding-bottom:23px;
  295. }
  296. #bttm_left{
  297. width:415px;
  298. height:225px;
  299. float:left;
  300. background:url(images/bttm_left.jpg) no-repeat 0 0;
  301. padding:0 36px 0 163px;
  302. }
  303. #bttm_left h2{
  304. background:url(images/icon_contact.gif) no-repeat 0 0;
  305. padding:0 0 0 47px;
  306. color:#2B71A7;
  307. line-height:31px;
  308. background-color:inherit;
  309. margin:68px 0 8px;
  310. }
  311. #bttm_left ul{
  312. float:left;
  313. width:193px;
  314. padding-top:18px;
  315. }
  316. #bttm_left ul.list_end{
  317. float:right;
  318. width:193px;
  319. }
  320. #bttm_left ul li{
  321. background:url(images/bllt_arrw.gif) no-repeat 0 50%;
  322. line-height:0px;
  323. font-size:0px;
  324. padding-left:10px;
  325. }
  326. #bttm_left ul li a{
  327. font:normal 12px/20px Arial, Helvetica, sans-serif;
  328. color:#2D5486;
  329. background-color:inherit;
  330. text-decoration:none;
  331. }
  332. #bttm_left ul li a:hover{
  333. text-decoration:underline;
  334. }
  335. #bttm_left ul li a:hover{
  336. text-decoration:underline;
  337. }
  338. #bttm_right{
  339. width:286px;
  340. float:right;
  341. }
  342. div.form{
  343. width:286px;
  344. margin-bottom:20px;
  345. }
  346. div.form_top{
  347. width:286px;
  348. background:url(images/form_top.gif) no-repeat 0 0;
  349. line-height:0px;
  350. font-size:0px;
  351. height:13px;
  352. }
  353. div.form_bttm{
  354. width:286px;
  355. background:url(images/form_bttm.gif) no-repeat 0 100%;
  356. line-height:0px;
  357. font-size:0px;
  358. height:14px;
  359. }
  360. div.form_bg{
  361. width:252px;
  362. background:url(images/form_bg.gif) repeat-y 0 0;
  363. padding:0 17px;
  364. }
  365. div.form_bg h2{
  366. color:#2C516C;
  367. background:url(images/icon_login.gif) no-repeat 0 0;
  368. padding-left:62px;
  369. line-height:34px; background-color:inherit;
  370. }
  371. div.form_bg label{
  372. font:normal 12px/21px Arial, Helvetica, sans-serif;
  373. color:#162734;
  374. background-color:inherit;
  375. float:left;
  376. width:auto;
  377. }
  378. div.form_bg label a{
  379. color:#0D648C;
  380. background-color:inherit;
  381. text-decoration:none;
  382. }
  383. div.form_bg label a:hover{
  384. text-decoration:underline;
  385. }
  386. div.form_bg input.txtbox{
  387. background-color:#F7F0DF;
  388. color:#000;
  389. width:183px;
  390. height:21px;
  391. margin-bottom:13px;
  392. float:right;
  393. border:1px solid #B6A686;
  394. font:normal 10px/12px Arial, Helvetica, sans-serif;
  395. }
  396. div.form_bg input.bttn_login{
  397. width:63px;
  398. height:24px;
  399. border:none;
  400. outline:none;
  401. float:right;
  402. }
  403. div.form_bg input.bttn_login{
  404. width:63px;
  405. height:24px;
  406. border:none;
  407. outline:none;
  408. float:right;
  409. }
  410. div.contact_num{
  411. background:url(images/contact_bg.gif) no-repeat 0 0;
  412. width:276px;
  413. height:45px;
  414. padding:5px 0 0 10px;
  415. line-height:0px;
  416. font-size:0px;
  417. }
  418. div.contact_num p{
  419. background:url(images/icon_phone.jpg) no-repeat 0 0;
  420. padding-left:42px;
  421. font:normal 17px/37px Arial, Helvetica, sans-serif;
  422. color:#03030E;
  423. background-color:inherit;
  424. }
  425. div.contact_num p span{
  426. padding-left:7px;
  427. font:normal 23px/37px Arial, Helvetica, sans-serif;
  428. color:#B1220E;
  429. background-color:inherit;
  430. }
  431. /*----------------------BOTTOM-PANNEL ENDS---------------------------*/
  432. /*-----------------------FOOTER STARTS------------------------------*/
  433. #footer-main{
  434. line-height:0px;
  435. font-size:0px;
  436. padding:25px 0 34px 0;
  437. width:900px;
  438. background:url(images/divider.gif) repeat-x 0 0;
  439. }
  440. #footer-main ul{
  441. margin:0px;
  442. text-transform:capitalize;
  443. }
  444. #footer-main ul li{
  445. padding:0 4px;
  446. float:left;
  447. font:normal 12px/16px Arial, Helvetica, sans-serif;
  448. color:#1D1E1D;
  449. background-color:inherit;
  450. width:auto;
  451. }
  452. #footer-main ul li.active{
  453. color:#000;
  454. text-decoration:none;
  455. background-color:inherit;
  456. font:normal 12px/16px Arial, Helvetica, sans-serif;
  457. }
  458. #footer-main ul li a{
  459. font:normal 12px/16px Arial, Helvetica, sans-serif;
  460. color:#1D1E1D;
  461. text-decoration:none;
  462. background-color:inherit;
  463. }
  464. #footer-main ul li a:hover{
  465. color:#000;
  466. text-decoration:none;
  467. background-color:inherit;
  468. }
  469. #footer-main p{
  470. font:normal 12px/16px Arial, Helvetica, sans-serif;
  471. color:#000000;
  472. background-color:inherit;
  473. float:right;
  474. width:auto;
  475. display:block;
  476. }
  477. /*-----------------------FOOTER ENDS------------------------------*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement