Advertisement
Guest User

sytle.css

a guest
Jul 19th, 2011
703
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 91.84 KB | None | 0 0
  1. /*
  2. Template Name: Karma
  3. Template URL: http://themeforest.net/item/karma-clean-and-modern-wordpress-theme/168737?ref=TrueThemes
  4. Author: TrueThemes
  5. Version: 2.0
  6. */
  7.  
  8.  
  9.  
  10. /* ----------------------
  11. Stylesheet Guide
  12. -------------------------
  13.  
  14.  01. GLOBAL STYLES
  15.  
  16.  02. LAYOUT
  17.     1. GENERAL STRUCTURE
  18.     2. CONTENT AREA
  19.     3. PORTFOLIO PAGES
  20.     4. FOOTER
  21.     5. MULTI COLUMNS
  22.     6. SIDEBAR
  23.     7. HOMEPAGE
  24.     8. SITEMAP
  25.     9. VIDEO + 3D THUMBS
  26.    
  27.  03. NAVIGATION
  28.     1. MAIN NAVIGATION
  29.     2. VERTICAL SUB NAVIGATION
  30.     3. HORIZONTAL SUB NAVIGATION
  31.     4. BREADCRUMBS
  32.    
  33. 04. LINKS
  34.     1. GENERAL LINKS
  35.     2. TOP LINK
  36.     3. CUSTOM BUTTONS
  37.    
  38. 05. LISTS
  39.     1. GENERAL LISTS
  40.     2. CUSTOM LIST BULLETS
  41.     3. ACCORDION
  42.     4. TABS
  43.    
  44. 06. TYPOGRAPHY
  45.     1. GENERAL TYPOGRAPHY
  46.     2. @FONT-FACE
  47.     3. MESSAGE BOXES
  48.     4. FOOTER
  49.     5. CALLOUTS
  50.    
  51. 07. BLOG
  52.    
  53. 08. FORMS
  54.  
  55. 09. IMAGES
  56.     1. GENERAL
  57.     2. MODERN FRAME
  58.     3. SHADOW FRAME
  59.  
  60. 10. MISCELLANEOUS
  61.  
  62. 11. WORDPRESS
  63.     1. KARMA Pagenavi
  64.     2. MAILCHIMP
  65.     3. DEFAULTS
  66.     4. 404 ERROR PAGE
  67.     5. CONSTANT CONTACT
  68.    
  69. 12. WIDGETS + SHORTCODES
  70.     1. DEFAULT STYLES
  71.     2. BLOGROLL - FOOTER
  72.     3. CALENDAR
  73.     4. RECENT POSTS - SIDEBAR
  74.     5. BLOGROLL - SIDEBAR
  75.     6. SEARCH - SIDEBAR
  76.     7. SOCIAL MEDIA
  77.     8. LATEST TWEETS
  78.     9. TESTIMONIALS SLIDER
  79.    
  80. 13. PROGRESSIVE CSS ENHANCEMENTS
  81.  
  82. 14. PRETTY PHOTO
  83.  
  84. 15. IE SPECIFIC
  85.  
  86.  */
  87.  
  88.  
  89.  
  90.  
  91.  
  92.  
  93. /* *********************************************************************************** */
  94. /* 01. GLOBAL
  95. /* *********************************************************************************** */
  96.  
  97. * {font-size: 100.01%;}
  98. html {font-size: 62.5%;margin:0;padding:0;}
  99. body {margin:0;background:#f4f4f2;font:1.2em/19px "helvetica neue",Helvetica,Arial,Verdana,sans-serif;color:#666;min-width:1003px;}
  100.  
  101.  
  102.  
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111. /* *********************************************************************************** */
  112. /* 02. LAYOUT
  113. /* *********************************************************************************** */
  114.  
  115. /*---------------------------------------------------------------*/
  116. /* 1. GENERAL LAYOUT
  117. /*---------------------------------------------------------------*/
  118.  
  119. #wrapper {width:100%;display:table;}
  120. #wrapper #header {display:table-header-group;}
  121. .top-block .top-holder {width:980px;margin:0 auto;font-size:10px;padding:4px 0;min-height:4px;height:auto;}
  122. .top-block .top-holder:after {clear:both;display:block;content:"";}
  123. #header .rays {background: url('/application/assets/web/images/_global/rays.png') 50% 0 no-repeat;}
  124. #header .header-area {width:980px;margin:0 auto;padding:0;}
  125. #header .header-area:after {clear:both;display:block;content:"";}
  126. #main {/*background:url(/application/assets/web/images/_global/bg-main.gif) repeat-x;*/display:table-footer-group;position:relative;width:100%;}
  127. #main .main-area {width:980px;margin:0 auto;padding:43px 0 5px 0;}
  128. .tools .place {float:right;}
  129. .main-holder {height:1%;overflow:hidden;padding-top:45px;}
  130. .carousel-holder {width:315px !important;}
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138. /*---------------------------------------------------------------*/
  139. /* 2. CONTENT AREA
  140. /*---------------------------------------------------------------*/
  141. #content {width:720px;float:left;margin-left: 20px;}
  142. .content_left_sidebar {float: right !important;}
  143. .content_right_sidebar {width: 510px !important;}
  144. .content_full_width {width: 940px !important;padding: 0 20px 0 20px;float:left;margin-left: 0 !important;}
  145. .portfolio_full_width {margin-left: 0 !important;width:980px !important;}
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154.  
  155.  
  156. /*---------------------------------------------------------------*/
  157. /* 3. PORTFOLIO PAGES
  158. /*---------------------------------------------------------------*/
  159. .portfolio_wrap {width: 100%;float: left;padding-bottom: 30px;}
  160. .portfolio_content {clear: left;padding-top: 8px;padding-bottom: 40px;}
  161. .port_sep {width: 100%;margin-bottom:30px;float: left;}
  162. .portfolio_layout .one_fourth, .portfolio_layout .one_fourth_last, .portfolio_layout .one_third, .portfolio_layout .one_third_last, .portfolio_layout .one_half, .portfolio_layout .one_half_last {position: relative;}
  163.  
  164.  
  165.  
  166. /* Preloading */
  167. .preload_one {width: 703px;height: 563px;background: url(/application/assets/web/images/_global/preload.gif) center center no-repeat;}
  168. .preload_two {width: 437px;height: 234px;background: url(/application/assets/web/images/_global/preload.gif) center center no-repeat;}
  169. .preload_three {width: 275px;height: 145px;background: url(/application/assets/web/images/_global/preload-small.gif) center center no-repeat;}
  170. .preload_four {width: 190px;height: 111px;background: url(/application/assets/web/images/_global/preload-small.gif) center center no-repeat;}
  171.  
  172.  
  173. /* 1 column */
  174. .portfolio_one_column{width: 191px;float: left;}
  175. .portfolio_one_column_last {float: right;width: 722px;height: 602px;background: url(/application/assets/web/images/_global/global-sprite.png) 0 -31px no-repeat;position: relative;}
  176. .port_img_one {width: 703px;height: 563px;float: left;position: absolute;top:8px;left:9px;}
  177.  
  178.  
  179. /* 2 columns */
  180. .port_img_two {width: 437px;height: 234px;float: left;position: absolute;top:8px;left:9px;}
  181. .portfolio_content_top {float: left;width: 455px;height: 272px;background: url(/application/assets/web/images/_global/image-frame-sprite.png) 0px 0px no-repeat;}
  182.  
  183.  
  184. /* 3 columns */
  185. .port_img_three {width: 275px;height: 145px;float: left;position: absolute;top:8px;left:9px;}
  186. .portfolio_content_top_three {float: left;height: 179px;width: 293px;background: url(/application/assets/web/images/_global/image-frame-sprite.png) -1px -279px no-repeat;}
  187.  
  188.  
  189. /* 4 columns */
  190. .port_img_four {width: 208px;height: 146px;float: left;position: absolute;top:8px;left:9px;}
  191. .portfolio_content_top_four {float: left;height: 146px;width: 208px;background: url(/application/assets/web/images/_global/image-frame-sprite.png) -2px -465px no-repeat;}
  192.  
  193.  
  194.  
  195.  
  196.  
  197.  
  198.  
  199.  
  200.  
  201.  
  202.  
  203. /*---------------------------------------------------------------*/
  204. /* 4. FOOTER
  205. /*---------------------------------------------------------------*/
  206. #footer {width:100%;position:relative;padding-top: 40px;}
  207. #footer .footer-area {width:980px;margin:0 auto;position:relative;}
  208. #footer .footer-wrapper {width:980px;overflow:hidden;}
  209. #footer .footer-holder {width:100%;overflow:hidden;padding:45px 0 25px 6px;}
  210. #footer .box {width:333px;float:left;}
  211. #footer_bottom {width: 100%;min-height:89px;height:auto;}
  212. #foot_left {float: left;width:440px;}
  213. #foot_left .textwidget {margin-top:-18px;}
  214. #foot_right {float: right;width:520px;text-align: right;}
  215. .info {width:980px;margin:0 auto;font-size:11px;overflow:hidden;padding:34px 0 0 8px;position:relative;}
  216. #footer .footer_post {padding: 2px 0 16px 0;}
  217.  
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226.  
  227. /*---------------------------------------------------------------*/
  228. /* 5. MULTI COLUMNS
  229. /*---------------------------------------------------------------*/
  230. .clear {clear: both;}
  231. .one_half, .one_half_last, .one_third, .one_third_last, .one_fourth, .one_fourth_last, .one_fifth, .one_fifth_last, .one_sixth, .one_sixth_last, .two_thirds, .two_thirds_last {padding-bottom: 20px;}
  232.  
  233.  
  234. #content .one_half {float:left;width:342px;margin-right:30px;}
  235. #content .one_half_last {float:right;width:342px;margin:0;}
  236. #content .one_third {float:left;width:220px;margin-right:30px;}
  237. #content .one_third_last {float:right;width:220px;margin:0;}
  238. #content .one_fourth {float:left;width:152px;margin-right:36px;}
  239. #content .one_fourth_last {float:right;width:152px;margin:0;}
  240. #content .one_fifth {float:left;width:124px;margin-right:23px;}
  241. #content .one_fifth_last {float:right;width:124px;margin:0;}
  242. #content .one_sixth {float:left;width:100px;margin-right:20px;}
  243. #content .one_sixth_last {float:right;width:100px;margin:0;}
  244. #content .two_thirds {float:left;width:470px;margin:0;}
  245. #content .two_thirds_last {float:right;width:470px;margin:0;}
  246. #content .three_fourth {float:left;width:550px;margin:0;}
  247. #content .three_fourth_last {float:right;width:530px;margin:0;}
  248.  
  249.  
  250. .content_full_width .one_half {float:left;width:455px !important;margin-right:30px !important;}
  251. .content_full_width .one_half_last {float:right;width:455px !important;margin:0 !important;}
  252. .content_full_width .one_third {float:left;width:293px !important;margin-right:30px !important;}
  253. .content_full_width .one_third_last {float:right;width:293px !important;margin:0 !important;}
  254. .content_full_width .one_fourth {float:left;width:208px !important;margin-right:36px !important;}
  255. .content_full_width .one_fourth_last {float:right;width:208px !important;margin:0 !important;}
  256. .content_full_width .one_fifth {float:left;width:168px !important;margin-right:23px !important;}
  257. .content_full_width .one_fifth_last {float:right;width:168px !important;margin:0 !important;}
  258. .content_full_width .one_sixth {float:left;width:140px !important;margin-right:20px !important;}
  259. .content_full_width .one_sixth_last {float:right;width:140px !important;margin:0 !important;}
  260. .content_full_width .two_thirds {float:left;width:595px !important;margin:0 !important;}
  261. .content_full_width .two_thirds_last {float:right;width:595px !important;margin:0 !important;}
  262. .content_full_width .three_fourth {float:left;width:690px !important;margin:0 !important;}
  263. .content_full_width .three_fourth_last {float:right;width:685px !important;margin:0 !important;}
  264.  
  265. .content_full_width .two_thirds_last .one_third, .content_full_width .two_thirds_last .one_third_last, .content_full_width .two_thirds .one_third, .content_full_width .two_thirds .one_third_last {width:280px !important;}
  266.  
  267.  
  268. .content_sidebar .one_fourth, .content_sidebar .one_fourth_last {width:105px !important;}
  269. .content_sidebar .one_third, .content_sidebar .one_third_last {width:145px !important;}
  270. .content_sidebar .one_half, .content_sidebar .one_half_last {width:235px !important;}
  271. .content_sidebar .two_thirds, .content_sidebar .two_thirds_last {width:325px !important;}
  272.  
  273.  
  274.  
  275. #footer .one_half {float:left;width:455px !important;margin-right:30px !important;}
  276. #footer .one_half_last {float:right;width:455px !important;margin:0 !important;}
  277. #footer .one_third {float:left;width:305px !important;margin-right:30px !important;}
  278. #footer .one_third_last {float:right;width:305px !important;margin:0 !important;}
  279. #footer .one_fourth, #footer .one_fourth_last {float:left !important;width:227px !important;margin-right:23px !important;}
  280. #footer .one_fourth_last {margin-right:0px !important;float:right !important;}
  281. #footer .one_fifth {float:left;width:177px !important;margin-right:23px !important;}
  282. #footer .one_fifth_last {float:right;width:177px !important;margin:0 !important;}
  283. #footer .one_sixth {float:left;width:146px !important;margin-right:20px !important;}
  284. #footer .one_sixth_last {float:right;width:146px !important;margin:0 !important;}
  285.  
  286.  
  287.  
  288.  
  289. #content .tabs-area .one_half,
  290. #content .slide .one_half {float:left;width:310px;margin-right:30px;}
  291. #content .tabs-area .one_half_last,
  292. #content .slide .one_half_last {float:right;width:310px;margin:0;}
  293. #content .tabs-area .one_third,
  294. #content .slide .one_third {float:left;width:194px;margin-right:35px;}
  295. #content .tabs-area .one_third_last,
  296. #content .slide .one_third_last {float:right;width:194px;margin:0;}
  297. #content .tabs-area .one_fourth,
  298. #content .slide .one_fourth {float:left;width:141px;margin-right:30px;}
  299. #content .tabs-area .one_fourth_last,
  300. #content .slide .one_fourth_last {float:right;width:141px;margin:0;}
  301. #content .tabs-area .one_fifth,
  302. #content .slide .one_fifth {float:left;width:108px;margin-right:28px;}
  303. #content .tabs-area .one_fifth_last,
  304. #content .slide .one_fifth_last {float:right;width:108px;margin:0;}
  305. #content .tabs-area .one_sixth,
  306. #content .slide .one_sixth {float:left;width:92px;margin-right:20px;}
  307. #content .tabs-area .one_sixth_last,
  308. #content .slide .one_sixth_last {float:right;width:92px;margin:0;}
  309. #content .tabs-area .two_thirds,
  310. #content .slide .two_thirds {float:left;width:425px;margin:0;}
  311. #content .tabs-area .two_thirds_last,
  312. #content .slide .two_thirds_last {float:right;width:425px;margin:0;}
  313. #content .tabs-area .three_fourth,
  314. #content .slide .three_fourth {float:left;width:485px;margin:0;}
  315. #content .tabs-area .three_fourth_last,
  316. #content .slide .three_fourth_last {float:right;width:485px;margin:0;}
  317.  
  318.  
  319.  
  320.  
  321. .content_full_width .tabs-area .one_half,
  322. .content_full_width .slide .one_half {float:left;width:420px !important;margin-right:30px !important;}
  323. .content_full_width .tabs-area .one_half_last,
  324. .content_full_width .slide .one_half_last {float:right;width:420px !important;margin:0 !important;}
  325. .content_full_width .tabs-area .one_third,
  326. .content_full_width .slide .one_third {float:left;width:267px !important;margin-right:30px !important;}
  327. .content_full_width .tabs-area .one_third_last,
  328. .content_full_width .slide .one_third_last {float:right;width:267px !important;margin:0 !important;}
  329. .content_full_width .tabs-area .one_fourth,
  330. .content_full_width .slide .one_fourth {float:left;width:190px !important;margin-right:36px !important;}
  331. .content_full_width .tabs-area .one_fourth_last,
  332. .content_full_width .slide .one_fourth_last {float:right;width:190px !important;margin:0 !important;}
  333. .content_full_width .tabs-area .one_fifth,
  334. .content_full_width .slide .one_fifth {float:left;width:155px !important;margin-right:23px !important;}
  335. .content_full_width .tabs-area .one_fifth_last,
  336. .content_full_width .slide .one_fifth_last {float:right;width:155px !important;margin:0 !important;}
  337. .content_full_width .tabs-area .one_sixth,
  338. .content_full_width .slide .one_sixth {float:left;width:127px !important;margin-right:20px !important;}
  339. .content_full_width .tabs-area .one_sixth_last,
  340. .content_full_width .slide .one_sixth_last {float:right;width:127px !important;margin:0 !important;}
  341. .content_full_width .tabs-area .two_thirds,
  342. .content_full_width .slide .two_thirds {float:left;width:575px !important;margin:0 !important;}
  343. .content_full_width .tabs-area .two_thirds_last,
  344. .content_full_width .slide .two_thirds_last {float:right;width:575px !important;margin:0 !important;}
  345. .content_full_width .tabs-area .three_fourth,
  346. .content_full_width .slide .three_fourth {float:left;width:650px !important;margin:0 !important;}
  347. .content_full_width .tabs-area .three_fourth_last,
  348. .content_full_width .slide .three_fourth_last {float:right;width:650px !important;margin:0 !important;}
  349.  
  350.  
  351.  
  352.  
  353. .content_sidebar .tabs-area .one_half,
  354. .content_sidebar .slide .one_half {float:left;width:205px !important;}
  355. .content_sidebar .tabs-area .one_half_last,
  356. .content_sidebar .slide .one_half_last {float:right;width:205px !important;}
  357. .content_sidebar .tabs-area .one_third,
  358. .content_sidebar .slide .one_third {float:left;width:125px !important;}
  359. .content_sidebar .tabs-area .one_third_last,
  360. .content_sidebar .slide .one_third_last {float:right;width:125px !important;}
  361. .content_sidebar .tabs-area .one_fourth,
  362. .content_sidebar .slide .one_fourth {float:left;width:88px !important;margin-right:28px !important;}
  363. .content_sidebar .tabs-area .one_fourth_last,
  364. .content_sidebar .slide .one_fourth_last {float:right;width:88px !important;}
  365. .content_sidebar .tabs-area .one_fifth,
  366. .content_sidebar .slide .one_fifth {float:left;width:66px !important;}
  367. .content_sidebar .tabs-area .one_fifth_last,
  368. .content_sidebar .slide .one_fifth_last {float:right;width:66px !important;}
  369. .content_sidebar .tabs-area .one_sixth,
  370. .content_sidebar .slide .one_sixth {float:left;width:56px !important;}
  371. .content_sidebar .tabs-area .one_sixth_last,
  372. .content_sidebar .slide .one_sixth_last {float:right;width:56px !important;}
  373. .content_sidebar .tabs-area .two_thirds,
  374. .content_sidebar .slide .two_thirds {float:left;width:280px !important;}
  375. .content_sidebar .tabs-area .two_thirds_last,
  376. .content_sidebar .slide .two_thirds_last {float:right;width:280px !important;}
  377. .content_sidebar .tabs-area .three_fourth,
  378. .content_sidebar .slide .three_fourth {float:left;width:320px !important;}
  379. .content_sidebar .tabs-area .three_fourth_last,
  380. .content_sidebar .slide .three_fourth_last {float:right;width:320px !important;}
  381.  
  382.  
  383.  
  384. /* iphone template */
  385. .contact_iphone_content .two_thirds {}
  386.  
  387. .contact_iphone_content .two_thirds .one_half {float:left;width:280px !important;margin-right:30px !important;}
  388. .contact_iphone_content .two_thirds .one_half_last {float:right;width:280px !important;margin:0 !important;}
  389. .contact_iphone_content .two_thirds .one_third {float:left;width:175px !important;margin-right:30px !important;}
  390. .contact_iphone_content .two_thirds .one_third_last {float:right;width:175px !important;margin:0 !important;}
  391. .contact_iphone_content .two_thirds .one_fourth {float:left;width:121px !important;margin-right:36px !important;}
  392. .contact_iphone_content .two_thirds .one_fourth_last {float:right;width:121px !important;margin:0 !important;}
  393. .contact_iphone_content .two_thirds .two_thirds {float:left;width:376px !important;margin:0 !important;}
  394. .contact_iphone_content .two_thirds .two_thirds_last {float:right;width:376px !important;margin:0 !important;}
  395. .contact_iphone_content .two_thirds .three_fourth {float:left;width:417px !important;margin:0 !important;}
  396. .contact_iphone_content .two_thirds .three_fourth_last {float:right;width:417px !important;margin:0 !important;}
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407. /*---------------------------------------------------------------*/
  408. /* 6. SIDEBAR
  409. /*---------------------------------------------------------------*/
  410. #sidebar {background:url(/application/assets/web/images/_global/bg-sidebar.gif) 0 0 repeat-y;padding-bottom:65px;float: right;width: 173px;padding: 0 0 0 25px;}
  411. .left_sidebar {float: left !important;background:url(/application/assets/web/images/_global/bg-sidebar.gif) top right repeat-y !important;padding: 0 25px 0 0 !important;margin: 0 0 0 25px;}
  412. .contact_iphone {background:url(/application/assets/web/images/_global/bg-iphone-sidebar.png) 100% 0 no-repeat;height: 594px;position:relative;}
  413. .contact_iphone .sidebar-iphone, .contact_iphone .sidebar-widget {width:180px !important;}
  414. .iphone-wrap {margin:110px 0 0 75px;background: none !important;padding-top:5px;}
  415. .sidebar-iphone .social_icons {margin:0;padding:3px 0 0 0;float: none !important;}
  416. #main .contact_iphone .sidebar-widget {width:180px !important;margin: 0 !important;background: none !important;padding-bottom: 15px !important;}
  417. #main .contact_iphone .iphone-header {padding-bottom: 10px;color:#000;font-weight:normal !important;}
  418. #main .contact_iphone p {color:#444;}
  419.  
  420.  
  421.  
  422.  
  423.  
  424.  
  425.  
  426.  
  427.  
  428. /*---------------------------------------------------------------*/
  429. /* 7. HOMEPAGE
  430. /*---------------------------------------------------------------*/
  431. .flash_wrap {min-height:400px;height:auto;}
  432. .port-wrap {height:650px;}
  433. .home-holder {padding: 0;}
  434. .home-flash-slider{width:940px;height:400px;margin:95px auto 0 auto;}
  435.  
  436.  
  437. /* Tall Banner General Settings */
  438. .big-banner .rays {background: url(/application/assets/web/images/_global/rays-big.png) 50% 0 no-repeat !important;height: 389px !important;}
  439. .big-banner #header .header-holder {height: 438px !important;}
  440. .big-banner #main {background-image:none !important;}
  441. .big-banner #main .main-area {padding-top: 118px;}
  442. .big-banner #main .flash-main-area {padding-top: 0px !important;}
  443.  
  444.  
  445. .home-banner-wrap {width:940px;height:419px;margin:87px auto 0 auto;background:url(/application/assets/web/images/_global/bg-home-banner.png) 0px 0px no-repeat;position:relative;}
  446. .big-banner .content_full_width {padding-top: 0px !important;}
  447. .home-banner-main {width: 350px;top:32px;left:45px;position:absolute;}
  448. .home-banner-sub {width: 456px;height:309px;background:url(/application/assets/web/images/_global/shadowBG.jpg) 0px 0px no-repeat;top:40px;right:40px;position:absolute;}
  449. .home-banner-sub-content {width: 436px;height:270px;margin: 10px 0 0 10px;}
  450. .home-banner-sub-full {width: 860px;height:304px;background:url(/application/assets/web/images/_global/shadowBG-full.jpg) 0px 0px no-repeat;top:40px;right:40px;position:absolute;}
  451. .home-banner-sub-content-full {width: 840px;height:270px;margin: 10px 0 0 10px;}
  452. .home-bnr-jquery {position:relative;}
  453.  
  454.  
  455.  
  456. /* jQuery 2 */
  457. .home-banner-wrap ul {list-style:none;margin:0;padding:0;width:940px;height:381px;background-image: url("/application/assets/web/images/_global/home-preloader.gif");background-position:center;background-repeat: no-repeat;}
  458. .home-banner-wrap li {width:940px;height:381px;}
  459. .home-banner-wrap li.jqslider{display: none;}
  460. .jquery-pager {text-align:center;padding-top: 20px;}
  461. .jquery-pager a {display: inline-block;width:15px;height:15px;text-indent:-9999em;outline:none;background:url(/application/assets/web/images/_global/global-sprite.png) -740px -179px no-repeat;margin-right: 12px;}
  462. .jquery-pager .activeSlide {background:url(/application/assets/web/images/_global/global-sprite.png) -725px -179px no-repeat;}
  463. .home_video_preload {width: 100%;height: 100%;background: url(/application/assets/web/images/_global/preload-white.gif) center center no-repeat;}
  464. .big-banner .content_home_video {padding-top: 80px !important;}
  465.  
  466.  
  467.  
  468. /* jQuery */
  469. .home-bnr-jquery {margin:0 auto;width: 940px;height: 283px;}
  470. .home-bnr-jquery ul {list-style:none;margin:0;padding:0;width: 940px;height: 283px;}
  471. .home-bnr-jquery ul li {width: 940px;height: 283px;}
  472. .home-bnr-jquery ul li.jqslider{display: none;}
  473. .home-jquery-content {padding-top: 45px;}
  474. .home-bnr-jquery .home-banner-sub {width: 432px;height:270px;background:url(/application/assets/web/images/_global/global-sprite.png) 0 -1188px no-repeat;top:13px;right:35px;position:absolute;}
  475. .home-bnr-jquery .home-banner-sub-content {width: 404px;height:256px;margin: 14px 0 0 14px;}
  476. .home-banner-bottom {width: 404px;height:7px;background:url(/application/assets/web/images/_global/jquery-btm-shdw.png) 0 0 no-repeat;top:263px;right:14px;position:absolute;z-index:4;}
  477. .home-bnr-jquery .home-banner-main {width: 375px;top:40px;left:45px;position:absolute;}
  478. .home-jquery-content {padding-top: 45px;}
  479. .home-bnr-jquery .home-banner-sub-full {width: 940px;height:283px;top:0px;left:0px;position:absolute;margin:0;padding:0;background:none;}
  480. .home-bnr-jquery .home-banner-sub-full p {top:0px;left:0px;position:absolute;margin:0;padding:0;background:none;}
  481.  
  482.  
  483.  
  484.  
  485.  
  486.  
  487.  
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494.  
  495. /*---------------------------------------------------------------*/
  496. /* 8. SITEMAP
  497. /*---------------------------------------------------------------*/
  498. #main .sitemap_with_child, #main .sitemap_without_child {float:left;width:200px;margin-right:20px;}
  499. #main .sitemap_with_child a, #main .sitemap_without_child a {color: #666;font-weight:bold;text-decoration:none;}
  500. #main .sitemap_with_child .page_item a, #main .sitemap_without_child .page_item a {font-weight:normal;text-decoration:underline;}
  501. #main .sitemap_with_child ul, #main .sitemap_without_child ul {list-style: none;margin:0;padding:8px 0 0 0;}
  502. #main .sitemap_with_child ul {padding:0;}
  503. #main .sitemap_with_child ul a {text-decoration:none !important;}
  504. #main .sitemap_with_child a:hover, #main .sitemap_without_child a:hover {text-decoration:underline !important;}
  505.  
  506.  
  507.  
  508.  
  509.  
  510.  
  511.  
  512.  
  513.  
  514.  
  515. /*---------------------------------------------------------------*/
  516. /* 9. VIDEO + 3D THUMBS
  517. /*---------------------------------------------------------------*/
  518. .video-main {width: 592px;height: 371px;float: left;background:url(/application/assets/web/images/_global/bg-video.png) 0 0 no-repeat;position:relative;}
  519. .video-frame {width: 572px;height: 312px;position: absolute;top: 10px;left: 10px;background: url(/application/assets/web/images/_global/preload-white.gif) center center no-repeat;}
  520. .video-sub {width: 305px;float: right;padding-top: 15px;}
  521. .three-d-main {width: 527px;height: 475px;float: left;}
  522. .three-d-sub {width: 380px;float: right;padding-top: 15px;}
  523. .three-d-wrap {padding-bottom: 12px;}
  524. .video_right .video-main, .video_right .two-d-main, .video_right .three-d-main {float: right !important;}
  525. .video_right .video-sub, .video_right .two-d-sub, .video_right .three-d-sub {float: left !important;}
  526.  
  527.  
  528.  
  529.  
  530.  
  531.  
  532.  
  533.  
  534.  
  535.  
  536.  
  537.  
  538.  
  539.  
  540.  
  541.  
  542. /* *********************************************************************************** */
  543. /* 03. NAVIGATION
  544. /* *********************************************************************************** */
  545.  
  546.  
  547. /*---------------------------------------------------------------*/
  548. /* 1. MAIN NAVIGATION
  549. /*---------------------------------------------------------------*/
  550. #menu-main-nav {list-style:none;margin:0;padding:0;list-style:none;float:right;}
  551. #menu-main-nav a {outline: none;}
  552. #menu-main-nav li {float:left;padding:5px 31px 12px 13px;position:relative;vertical-align:top;height:1%;margin-right: 2px;}
  553. #menu-main-nav ul li {background: none !important;}
  554. #menu-main-nav li.parent:hover {position:relative;}
  555. #menu-main-nav li.parent li.parent:hover {background:none !important;}
  556. #menu-main-nav li.parent li.parent li.parent:hover {background:none !important;}
  557. #menu-main-nav li.parent {letter-spacing:0.2px;}
  558. #menu-main-nav li strong {text-transform:uppercase;display:block;font-size:13px;letter-spacing: 0.6px;font-weight:800;}
  559. #menu-main-nav a {display:block;}
  560. #menu-main-nav a:hover {background-position:0 0;text-decoration:none;}
  561. #menu-main-nav .drop {width:236px;padding:0 1px 0 1px;position:absolute;left:-1px;top:52px;display:none;z-index:999;}
  562. #menu-main-nav .sub-menu {display: none;}
  563. #menu-main-nav .drop li.current-menu-item,
  564. #menu-main-nav .drop li.current_page_ancestor,
  565. #menu-main-nav .drop li.hover {z-index:10;}
  566. #menu-main-nav .drop .t,
  567. #menu-main-nav .drop .b {height:10px;overflow:hidden;}
  568. #menu-main-nav .drop .c {width:100%;}
  569. #menu-main-nav .drop ul {margin:0;padding:5px 0 8px;width:236px;list-style:none;}
  570. #menu-main-nav .drop ul li {float:none;padding:0;position:relative;height:1%;padding:0 8px;background:none;}
  571. #menu-main-nav .drop ul a {display:block;height:1%;width: 220px;}
  572. #menu-main-nav .drop ul a span {display:block;padding:7px 13px;height:1%;cursor:pointer;}
  573. #menu-main-nav .drop ul .drop {top:0;left:236px;}
  574. #menu-main-nav .drop ul .drop ul a {background:none;}
  575. #menu-main-nav .drop ul .drop ul a span {background:none;}
  576. #menu-main-nav .drop ul .drop ul .drop a,
  577. #menu-main-nav .drop ul .drop ul .drop a span {background:none !important;}
  578. #menu-main-nav li:hover .drop,
  579. #menu-main-nav li.hover .drop {display:block;}
  580. #menu-main-nav li:hover .drop ul .drop,
  581. #menu-main-nav li.hover .drop ul .drop {display:none;}
  582. #menu-main-nav li:hover .drop ul li:hover .drop,
  583. #menu-main-nav li.hover .drop ul li.hover .drop {display:block;}
  584. #menu-main-nav li.current-menu-parent li a span, #menu-main-nav li.current-menu-item li a span, #menu-main-nav li.current_page_ancestor li a span {text-decoration:none;color:#999;}
  585. #menu-main-nav .drop ul li.current-menu-item ul li a,
  586. #menu-main-nav .drop ul li.current-menu-item ul li a span,
  587. #menu-main-nav li .sub-menu li .sub-menu li .sub-menu li a span {background: none !important;}
  588.  
  589.  
  590.  
  591.  
  592.  
  593.  
  594.  
  595.  
  596.  
  597. /*---------------------------------------------------------------*/
  598. /* 2. VERTICAL SUB NAVIGATION
  599. /*---------------------------------------------------------------*/
  600. #sub_nav {float: left;width:220px;float:left;background:url(/application/assets/web/images/_global/bg-sidebar.gif) 206px 0 repeat-y;padding-bottom:65px;overflow:hidden;}
  601. #sub_nav ul a {display:block;background:url(/application/assets/web/images/_global/separator3.gif) 0 100% repeat-x;padding:4px 0 8px 20px;height:1%;position:relative;margin:0 13px 0 0;}
  602. #sub_nav ul a:hover,
  603. #sub_nav ul li.current_page_item a {margin-right:0;color:#fff;text-decoration:none;}
  604. #sub_nav ul ul a {background:url(/application/assets/web/images/_global/bullet1.gif) 0 9px no-repeat;padding:4px 0 1px 14px;}
  605. #sub_nav ul ul a:hover {text-decoration:underline;color:#666;}
  606. #sub_nav ul {margin:0;padding:0;list-style:none;}
  607. #sub_nav ul li {vertical-align:top;height:1%;}
  608. #sub_nav ul ul {list-style:none;margin:0;padding:9px 0 6px 31px;}
  609. #sub_nav ul ul ul {padding:5px 0 9px 23px;}
  610.  
  611.  
  612. .nav_right_sub_nav ul li.current_page_item ul li a,
  613. .nav_right_sub_nav ul li.current_page_item ul li a:hover,
  614. .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a,
  615. .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a:hover,
  616. .nav_right_sub_nav ul li ul li a,
  617. .nav_right_sub_nav ul li ul li a:hover{padding-left: 15px !important;margin: 0 0 0 13px !important;}
  618. .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a,
  619. #sub_nav li.current-menu-parent ul li.current_page_item a {font-weight: bold;}
  620. .nav_right_sub_nav ul li.current_page_item ul li.current_page_item ul li a {font-weight: normal !important;}
  621. .nav_right_sub_nav {float: right !important;background:url(/application/assets/web/images/_global/bg-sidebar.gif) 12px 0 repeat-y !important;}
  622. .nav_right_sub_nav ul a {margin:0 0 0 13px !important;}
  623. .nav_right_sub_nav ul li.current_page_item a, .nav_right_sub_nav ul a:hover {margin-left:0 !important;padding-left: 33px !important;}
  624. #sub_nav ul li ul li.current_page_item ul li a {font-weight: normal !important;}
  625.  
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633. /*---------------------------------------------------------------*/
  634. /* 3. HORIZONTAL SUB NAVIGATION
  635. /*---------------------------------------------------------------*/
  636. #horizontal_nav {width: 100%;float: left;background: url(/application/assets/web/images/_global/separator3.gif) 0 100% repeat-x;padding-bottom: 20px;margin: -20px 0 30px 0;}
  637. #horizontal_nav ul {margin:0 0 0 -25px;padding:0;list-style:none;height:1%;overflow:hidden;}
  638. #horizontal_nav ul li {float: left;margin-left: 25px;}
  639. #horizontal_nav ul {float:left;}
  640. #horizontal_nav ul a {float:left;padding:0 11px 0 0;outline:none;color:#474747;text-decoration: none;}
  641. #horizontal_nav ul a:hover, #horizontal_nav ul .current_page_item {background:url(/application/assets/web/images/_global/bg-horz-active.jpg) 100% 0 no-repeat;text-decoration:none;}
  642. #horizontal_nav ul .current_page_item a, #horizontal_nav ul a:hover {color:#fff !important;}
  643. #horizontal_nav ul a span {float:left;padding:4px 0 4px 13px;cursor:pointer;}
  644. #horizontal_nav ul .current_page_item span, #horizontal_nav ul a:hover span {background:url(/application/assets/web/images/_global/bg-horz-active.jpg) no-repeat;}
  645.  
  646.  
  647.  
  648.  
  649.  
  650.  
  651.  
  652.  
  653. /*---------------------------------------------------------------*/
  654. /* 4. BREADCRUMBS
  655. /*---------------------------------------------------------------*/
  656. .tools .breadcrumb {margin:0;padding:4px 0 19px 0;float:right;overflow:hidden;font-size:.9em;}
  657. .tools .breadcrumb a {padding:0 15px 0 7px;background:url(/application/assets/web/images/_global/arrow-right.png) 100% 50% no-repeat;margin:0 0 0 6px;color:#FFF;outline: none;}
  658. .tools .breadcrumb a:hover {color:#CCC;}
  659. .tools .breadcrumb .current_crumb {background:url(/application/assets/web/images/_global/arrow-up.png) 50% 100% no-repeat;padding:0 5px 23px 7px;font-weight: bold;}
  660.  
  661.  
  662.  
  663.  
  664.  
  665.  
  666.  
  667.  
  668.  
  669.  
  670.  
  671. /* *********************************************************************************** */
  672. /* 04. LINKS
  673. /* *********************************************************************************** */
  674.  
  675.  
  676. /*---------------------------------------------------------------*/
  677. /* 1. GENERAL LINKS
  678. /*---------------------------------------------------------------*/
  679. a {color:#666;outline: none;}
  680. #menu-main-nav a, #sub_nav a, #wrapper .tabset a {text-decoration: none;}
  681. a:hover { text-decoration:underline;}
  682. #header .logo {float:left;margin-left:22px;outline: none;}
  683. #header .sub-nav a, #header .sub-nav2 a {color: #575C60;text-decoration: none;}
  684. #header .sub-nav a:hover, #header .sub-nav2 a:hover {color: #8B949A;}
  685. #header .sub-nav li, #header .sub-nav2 li {color: #575C60;}
  686. .footer-holder a, #footer_bottom a {text-decoration: none;color:#575C60;}
  687. .footer-holder a:hover, #footer_bottom a:hover {color:#8B949A;}
  688. #footer_bottom a {text-decoration: underline;}
  689. #footer_bottom a{text-decoration:none;}
  690. .callout_button{border:0;margin:0;padding:6px 10px !important;background:#999 url(application/assets/web/images/_global/bg-input-button-footer.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:0.8px;color: #333;outline:none;border: 1px solid #999;display: inline-block;font-size: 12px !important;text-decoration: none;}
  691. .callout_button:hover {text-decoration: none;}
  692. #footer h3 a {color: #FFF !important;}
  693. .post_title h1 a {color:#222 !important;text-decoration:none !important;}
  694.  
  695.  
  696.  
  697.  
  698.  
  699.  
  700.  
  701.  
  702. /*---------------------------------------------------------------*/
  703. /* 2. TOP LINK
  704. /*---------------------------------------------------------------*/
  705. .link-top {padding:3px 0 0 17px;background:url(/application/assets/web/images/_global/bg-link-top.gif) 0 7px no-repeat;color:#333;font-size:11px;outline: none;margin:-9px 2px 15px 0;float: right;}
  706. .link-top:hover {color: #E34801;}
  707. #footer_bottom .link-top {background:url(/application/assets/web/images/_global/arrow-up-footer.png) 0 8px no-repeat;font-weight: bold;}
  708. #footer_bottom .link-top, #footer_bottom .link-top:hover {color: #FFF !important;text-decoration: none !important;}
  709. #footer_bottom .top-footer {float: right;padding:8px 0 0 12px;}
  710.  
  711.  
  712.  
  713.  
  714.  
  715.  
  716.  
  717.  
  718. /*---------------------------------------------------------------*/
  719. /* 3. CUSTOM BUTTONS
  720. /*---------------------------------------------------------------*/
  721. .ka_button, .ka_button:hover {text-decoration: none;border: 0;display:inline-block;letter-spacing:1.2px;text-transform: uppercase;color: #DDD !important;}
  722. .ka_button span {display:block;}
  723. .small_button{margin:5px 10px 5px 0;padding:0 21px 0 0;font-size: .9em;background: transparent url(/application/assets/web/images/_global/bg-buttons-sprite.png) 100% -43px no-repeat scroll;color: #F4F4F2;}
  724. .small_button span{margin:0;padding:16px 0 17px 21px;line-height: 10px;background:transparent url(/application/assets/web/images/_global/bg-buttons-sprite.png) 0 0 no-repeat scroll;}
  725.  
  726.  
  727. .medium_button{margin:5px 10px 5px 0;padding:0 23px 0 0;font-size: 1em;background: transparent url(/application/assets/web/images/_global/bg-buttons-sprite.png) 100% -136px no-repeat scroll;color: #F4F4F2;}
  728. .medium_button span{margin:0;padding:19px 0 19px 23px;line-height: 12px;background:transparent url(/application/assets/web/images/_global/bg-buttons-sprite.png) 0 -86px no-repeat scroll;}
  729.  
  730.  
  731. .large_button{margin:5px 10px 5px 0;padding:0 34px 0 0;font-size: 1.1em;background: transparent url(/application/assets/web/images/_global/bg-buttons-sprite.png) 100% -261px no-repeat scroll;color: #F4F4F2;border:0;outline:none;cursor:pointer;}
  732. .large_button span{margin:0;padding:28px 0 33px 33px;line-height: 16px;background:transparent url(/application/assets/web/images/_global/bg-buttons-sprite.png) 0 -186px no-repeat scroll;border:0;outline:none;cursor:pointer;}
  733.  
  734.  
  735.  
  736. /* FIRE */
  737. .small_fire, .small_fire span, .medium_fire, .medium_fire span, .large_fire, .large_fire span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-fire.png) !important;}
  738.  
  739. /* AUTUMN */
  740. .small_autumn, .small_autumn span, .medium_autumn, .medium_autumn span, .large_autumn, .large_autumn span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-autumn.png) !important;}
  741.  
  742. /* CHERRY */
  743. .small_cherry, .small_cherry span, .medium_cherry, .medium_cherry span, .large_cherry, .large_cherry span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-cherry.png) !important;}
  744.  
  745. /* COFFEE */
  746. .small_coffee, .small_coffee span, .medium_coffee, .medium_coffee span, .large_coffee, .large_coffee span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-coffee.png) !important;}
  747.  
  748. /* GOLDEN */
  749. .small_golden, .small_golden span, .medium_golden, .medium_golden span, .large_golden, .large_golden span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-golden.png) !important;}
  750.  
  751. /* PINK */
  752. .small_pink, .small_pink span, .medium_pink, .medium_pink span, .large_pink, .large_pink span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-pink.png) !important;}
  753.  
  754. /* PURPLE */
  755. .small_purple, .small_purple span, .medium_purple, .medium_purple span, .large_purple, .large_purple span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-purple.png) !important;}
  756.  
  757. /* PERIWINKLE */
  758. .small_periwinkle, .small_periwinkle span, .medium_periwinkle, .medium_periwinkle span, .large_periwinkle, .large_periwinkle span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-periwinkle.png) !important;}
  759.  
  760. /* VIOLET */
  761. .small_violet, .small_violet span, .medium_violet, .medium_violet span, .large_violet, .large_violet span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-violet.png) !important;}
  762.  
  763. /* SKY BLUE */
  764. .small_skyblue, .small_skyblue span, .medium_skyblue, .medium_skyblue span, .large_skyblue, .large_skyblue span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-skyblue.png) !important;}
  765.  
  766. /* COOL BLUE */
  767. .small_coolblue, .small_coolblue span, .medium_coolblue, .medium_coolblue span, .large_coolblue, .large_coolblue span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-coolblue.png) !important;}
  768.  
  769. /* ROYAL BLUE */
  770. .small_royalblue, .small_royalblue span, .medium_royalblue, .medium_royalblue span, .large_royalblue, .large_royalblue span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-royalblue.png) !important;}
  771.  
  772. /* BLUE GREY */
  773. .small_bluegrey, .small_bluegrey span, .medium_bluegrey, .medium_bluegrey span, .large_bluegrey, .large_bluegrey span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-bluegrey.png) !important;}
  774.  
  775. /* LIME GREEN */
  776. .small_limegreen, .small_limegreen span, .medium_limegreen, .medium_limegreen span, .large_limegreen, .large_limegreen span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-limegreen.png) !important;}
  777.  
  778. /* FOREST GREEN */
  779. .small_forestgreen, .small_forestgreen span, .medium_forestgreen, .medium_forestgreen span, .large_forestgreen, .large_forestgreen span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-forestgreen.png) !important;}
  780.  
  781. /* TEAL */
  782. .small_teal, .small_teal span, .medium_teal, .medium_teal span, .large_teal, .large_teal span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-teal.png) !important;}
  783.  
  784. /* TEAL GREY */
  785. .small_tealgrey, .small_tealgrey span, .medium_tealgrey, .medium_tealgrey span, .large_tealgrey, .large_tealgrey span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-tealgrey.png) !important;}
  786.  
  787. /* GREY */
  788. .small_grey, .small_grey span, .medium_grey, .medium_grey span, .large_grey, .large_grey span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-grey.png) !important;}
  789.  
  790. /* SILVER */
  791. .small_silver, .small_silver span, .medium_silver, .medium_silver span, .large_silver, .large_silver span {background-image: url(/application/assets/web/images/_global/bg-buttons-sprite-silver.png) !important;color:#555 !important;}
  792.  
  793.  
  794.  
  795.  
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803.  
  804. /* *********************************************************************************** */
  805. /* 05. LISTS
  806. /* *********************************************************************************** */
  807.  
  808.  
  809. /*---------------------------------------------------------------*/
  810. /* 1. GENERAL LISTS
  811. /*---------------------------------------------------------------*/
  812. .top-block .sub-nav {margin:0;padding:0;float:left;}
  813. .top-block .sub-nav2 {margin:0;padding:0;float:right;}
  814. .top-block .sub-nav ul, .top-block .sub-nav2 ul, #footer_bottom ul {margin:0;padding:0;list-style:none;float:left;overflow:hidden;}
  815. .top-block .sub-nav ul li, .top-block .sub-nav2 ul li, #footer_bottom ul li{float:left;margin:0 4px 0 -4px;padding:0 9px;}
  816. .top-block .sub-nav2 ul,  #footer_bottom #foot_right ul{float:right;}
  817. .footer-holder ul {margin:0;padding:0;color:#999;list-style: none;}
  818. .footer-holder li {margin-bottom: 8px;}
  819. .search-list {margin:0 0 0 15px;padding:0;}
  820. .search-list li {margin-bottom: 20px;}
  821. .sitemap-list .sub-menu {list-style:none;margin-left:10px;padding:10px 0 5px 0;}
  822. .sitemap-list .sub-menu li .sub-menu {list-style:none;margin-left:15px;padding:10px 0 0 0;}
  823.  
  824.  
  825.  
  826.  
  827.  
  828.  
  829.  
  830.  
  831. /*---------------------------------------------------------------*/
  832. /* 2. CUSTOM LIST BULLETS
  833. /*---------------------------------------------------------------*/
  834. .list {margin:0;list-style:none;padding:0 0 20px 0;}
  835. .list li {padding:5px 0 0 15px;background:url(/application/assets/web/images/_global/bullet2.gif) 0 11px no-repeat;margin-bottom: 5px;}
  836. .list2 li {background:url(/application/assets/web/images/_global/bullet3.gif) 0 11px no-repeat;}
  837. .list3 li {background:url(/application/assets/web/images/_global/bullet4.gif) 0 11px no-repeat;}
  838. .list4 li {background:url(/application/assets/web/images/_global/bullet5.gif) 0 11px no-repeat;padding-left:20px;}
  839.  
  840.  
  841.  
  842.  
  843.  
  844.  
  845.  
  846.  
  847. /*---------------------------------------------------------------*/
  848. /* 3. ACCORDION
  849. /*---------------------------------------------------------------*/
  850. .accordion {width: 100%;padding:0 0 20px 0;background:none;}
  851. .accordion a {text-decoration: none;}
  852. .opener {background:#FFF url(/application/assets/web/images/_global/bg-accordion-opener.jpg) left bottom repeat-x;display:block;font-size:13px;padding:8px 9px;outline: none;color:#676767;border: 1px solid #C3C3C3;margin-bottom:3px;}
  853. .opener:hover {color:#222;text-decoration: none;}
  854. .opener strong {background:url(/application/assets/web/images/_global/bg-accordion-close.png) 2px 3px no-repeat;display:block;padding:2px 0 2px 32px;height:1%;cursor:pointer;text-shadow:1px 1px 1px #FFF;}
  855. .accordion .slide-holder {width:100%;overflow:hidden;}
  856. .accordion {list-style:none;}
  857. .accordion .ui-state-active strong {background:url(/application/assets/web/images/_global/bg-accordion-open.png) 2px 3px no-repeat !important;color:#222;}
  858. .accordion .slide {padding:20px 27px 0 27px;}
  859.  
  860.  
  861.  
  862.  
  863.  
  864.  
  865.  
  866.  
  867. /*---------------------------------------------------------------*/
  868. /* 4. TABS
  869. /*---------------------------------------------------------------*/
  870. #wrapper .tabs-area {padding: 20px 0 0 0;}
  871. #wrapper .tabset {margin:0;padding:0 0 18px 23px;list-style:none;height:1%;overflow:hidden;}
  872. #wrapper .tabset li {float:left;margin-right:20px;}
  873. #wrapper .tabset a {color: #666;}
  874. #wrapper .tabset a:hover {color: #FFF;}
  875. #wrapper .tabset .tab {float:left;padding:0 11px 0 0;outline:none;color:#474747;}
  876. #wrapper .tabset .active, .tabset a:hover {text-decoration:none;color:#FFF;}
  877. #wrapper .tabset .tab span {float:left;padding:3px 0 4px 13px;cursor:pointer;}
  878. #wrapper .tab-box {background:url(/application/assets/web/images/_global/bg-tab-box.gif) repeat-x;margin:0 9px 0 0;padding:30px 27px 0 27px;}
  879. #wrapper .blog-tab-box {margin:0 9px 0 0;padding:0 0 20px 0;width: 100%;}
  880. #wrapper #blog-tabs .tabset {padding:0 0 15px 0;float: right;}
  881.  
  882.  
  883.  
  884.  
  885.  
  886.  
  887.  
  888.  
  889.  
  890. /* *********************************************************************************** */
  891. /* 06. TYPOGRAPHY
  892. /* *********************************************************************************** */
  893.  
  894.  
  895. /*---------------------------------------------------------------*/
  896. /* 1. GENERAL TYPOGRAPHY
  897. /*---------------------------------------------------------------*/
  898. #main .frame h1 {padding-bottom: 15px !important;font-size:24px !important;float:left;margin:3px 0 0 0 !important;color: #FFF;}
  899. #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {padding-bottom: 10px;font-weight: normal;margin:0;color: #222;}
  900. #main h1 {font-size:2.1em;}
  901. #main h2 {font-size:1.9em;}
  902. #main h3 {font-size:1.7em;}
  903. #main h4 {font-size:1.5em;}
  904. #main h5 {font-size:1.3em;}
  905. #main h6 {font-size:.9em;color: #222;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;padding-bottom: 5px !important;}
  906. #sidebar h2 {padding-bottom: 5px;font-size:10px;}
  907.  
  908. .search-title {color: #000;font-size:1.9em;}
  909. #main .portfolio_full_width h3 {color: #000;}
  910. #content p {margin:0;padding:0 0 20px 0;}
  911. p strong {color: #555;}
  912. .sitemap-last p {line-height:25px;}
  913. #content .sub-box3 .cols-holder {padding:41px 0 0;}
  914. #main .video-sub h2, #main .two-d-sub h2, #main .three-d-sub h2 {padding-bottom: 10px !important;}
  915. .home-banner-main h2 {color: #222 !important;font-size:2em !important;padding-bottom: 5px !important;font-weight:normal !important;}
  916. .home-banner-main p {font-size: 1.1em;line-height:21px;}
  917. .home-bnr-jquery .home-banner-main h2 {color:#FFF !important;}
  918.  
  919.  
  920.  
  921.  
  922.  
  923.  
  924.  
  925.  
  926.  
  927.  
  928. /*---------------------------------------------------------------*/
  929. /* 2. @FONT-FACE
  930. /*---------------------------------------------------------------*/
  931.  
  932. @font-face {
  933.     font-family: 'ColaborateThinRegular';
  934.     src: url('/application/assets/web/css/fonts/ColabThi-webfont.eot');
  935.     src: url('/application/assets/web/css/fonts/ColabThi-webfont.eot?iefix') format('eot'),
  936.          url('/application/assets/web/css/fonts/ColabThi-webfont.woff') format('woff'),
  937.          url('/application/assets/web/css/fonts/ColabThi-webfont.ttf') format('truetype'),
  938.          url('/application/assets/web/css/fonts/ColabThi-webfont.svg#webfontbOrwRK9P') format('svg');
  939.     font-weight: normal;
  940.     font-style: normal;
  941.  
  942. }
  943.  
  944. @font-face {
  945.     font-family: 'ColaborateLightRegular';
  946.     src: url('/application/assets/web/css/fonts/ColabLig-webfont.eot');
  947.     src: url('/application/assets/web/css/fonts/ColabLig-webfont.eot?iefix') format('eot'),
  948.          url('/application/assets/web/css/fonts/ColabLig-webfont.woff') format('woff'),
  949.          url('/application/assets/web/css/fonts/ColabLig-webfont.ttf') format('truetype'),
  950.          url('/application/assets/web/css/fonts/ColabLig-webfont.svg#webfontR2xcGGVv') format('svg');
  951.     font-weight: normal;
  952.     font-style: normal;
  953. }
  954.  
  955. @font-face {
  956.     font-family: 'ColaborateRegular';
  957.     src: url('/application/assets/web/css/fonts/ColabReg-webfont.eot');
  958.     src: url('/application/assets/web/css/fonts/ColabReg-webfont.eot?iefix') format('eot'),
  959.          url('/application/assets/web/css/fonts/ColabReg-webfont.woff') format('woff'),
  960.          url('/application/assets/web/css/fonts/ColabReg-webfont.ttf') format('truetype'),
  961.          url('/application/assets/web/css/fonts/ColabReg-webfont.svg#webfontB6AeCMH3') format('svg');
  962.     font-weight: normal;
  963.     font-style: normal;
  964.  
  965. }
  966. #main .blog_wrap h1, #main .single_blog_wrap h1, #main .comment-title, .four_o_four, .callout-wrap span, .video-sub h2, .two-d-sub h2, .three-d-sub h2, .main-holder h1, .main-holder h2, .main-holder h3, .main-holder h4, .main-holder h5, .search-title, .home-banner-main h2, #main .portfolio_full_width h3, #main .frame h1, #main .month, .home-bnr-jquery-content h2, .callout2, #main .contact_iphone h4, .comment-author-about {font-family:'ColaborateLightRegular', Arial, sans-serif;}
  967.  
  968.  
  969.  
  970.  
  971.  
  972.  
  973.  
  974. /*---------------------------------------------------------------*/
  975. /* 3. MESSAGE BOXES
  976. /*---------------------------------------------------------------*/
  977. #content .message_green, #content .message_red, #content .message_blue, #content .message_yellow, .content_full_width .message_green, .content_full_width .message_red, .content_full_width .message_blue, .content_full_width .message_yellow{color:#333;padding: 20px 20px 20px 60px;margin: 0 0 20px 0;}
  978. #content .message_green, .content_full_width .message_green {background: #DFE9B7 url(/application/assets/web/images/_global/ico1.gif) 20px center no-repeat;border:1px solid #BAC398;}
  979. #content .message_red, .content_full_width .message_red {background: #F5DCD8 url(/application/assets/web/images/_global/ico2.gif) 20px center no-repeat;border:1px solid #CDBFBE;}
  980. #content .message_blue, .content_full_width .message_blue {background: #DAE6F2 url(/application/assets/web/images/_global/ico3.gif) 20px center no-repeat;border:1px solid #BDC4CA;}
  981. #content .message_yellow, .content_full_width .message_yellow {background: #F8F2B6 url(/application/assets/web/images/_global/ico4.gif) 20px center no-repeat;border:1px solid #D8D4B7;}
  982.  
  983. #content .message_green a, .content_full_width .message_green a {font-weight:bold;color:#66B500;}
  984. #content .message_red a, .content_full_width .message_red a {font-weight:bold;color:#CB2A19;}
  985. #content .message_blue a, .content_full_width .message_blue a {font-weight:bold;color:#0092F5;}
  986. #content .message_yellow a, .content_full_width .message_yellow a {font-weight:bold;color:#A58100;}
  987.  
  988.  
  989.  
  990.  
  991.  
  992.  
  993.  
  994.  
  995.  
  996.  
  997. /*---------------------------------------------------------------*/
  998. /* 4. FOOTER
  999. /*---------------------------------------------------------------*/
  1000. #footer p, #footer_bottom p {margin:0;}
  1001. #footer, #footer_bottom {color: #575C60;}
  1002. #footer h3 {text-transform:uppercase;color:#fff;display:block;font-size:13px;letter-spacing: 0.5px;border-bottom: 1px solid #3E4055;padding-bottom: 7px;margin-bottom: 16px;font-weight: bold;}
  1003. #footer .footer_post h4, #footer .footer_post h4 a{text-transform:uppercase;color:#fff;display:block;font-size:11px;letter-spacing: 0.5px;}
  1004. #footer .footer_post h4{padding-bottom: 3px;}
  1005.  
  1006.  
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012.  
  1013. /*---------------------------------------------------------------*/
  1014. /* 5. CALLOUTS
  1015. /*---------------------------------------------------------------*/
  1016. .callout-wrap {float: left;width: 100%;padding-top: 20px;background:url(/application/assets/web/images/_global/separator3.gif) 0 0 repeat-x;margin: 10px 0 30px 0;}
  1017. .callout-wrap span {padding-bottom: 25px;background:url(/application/assets/web/images/_global/separator3.gif) left bottom repeat-x;color: #222;font-size:1.6em;line-height: 28px;display: block;}
  1018. .callout2 {color: #222;font-size:1.5em;line-height: 28px;}
  1019.  
  1020.  
  1021.  
  1022.  
  1023.  
  1024.  
  1025.  
  1026.  
  1027.  
  1028.  
  1029.  
  1030. /* *********************************************************************************** */
  1031. /* 07. BLOG
  1032. /* *********************************************************************************** */
  1033. .content_blog {width: 660px !important;padding-left: 20px;}
  1034. .sidebar_blog {width: 225px !important;}
  1035. .blog_wrap, .single_blog_wrap {width: 660px;/* background: url(/application/assets/web/images/_global/bg-post-blog-wrap.jpg) left bottom no-repeat; padding-bottom: 70px; */float: left;margin-bottom: 70px;}
  1036. .single_blog_wrap {background: none !important;padding-bottom: 30px;}
  1037. .post_title, .post_content, .post_footer {float: left;width: 660px;}
  1038. .post_content {width: 660px;position: relative;background: url(/application/assets/web/images/_global/bg-post-content.png) 577px 0 no-repeat;margin: -5px 0 0 0;min-height: 170px;padding-bottom:15px;}
  1039. #main .post_content p {padding: 0 102px 25px 0;}
  1040. .post_footer {height: 56px;background: url(/application/assets/web/images/_global/bg-post-footer.jpg) 0 0 repeat-x;margin-bottom: 18px;}
  1041. .single_blog_wrap .post_footer {margin-bottom: 28px;}
  1042. .post_cats, .post_tags {float: left;width: 330px;}
  1043. .post_tags {float: right;}
  1044. .post_title span, .post_cats span, .post_tags span {color: #4C4C4C;font-weight: bold;}
  1045. .post_cats span {padding: 10px 3px 10px 24px;background: url(/application/assets/web/images/_global/bg-post-footer-categories.png) 0 50% no-repeat;}
  1046. .post_tags span {padding: 10px 3px 10px 24px;background: url(/application/assets/web/images/_global/bg-post-footer-tags.png) 0 50% no-repeat;}
  1047. .post_cats p, .post_tags p {margin: 17px 0 0 4px !important;}
  1048. .post_tags p {margin: 17px 4px 0 0 !important;float: right !important;}
  1049. .post_date {width:65px;height:65px;position:absolute;top: 0px;right: 18px;}
  1050. .post_date .day {font-weight: bold;color:#FFF;font-size:30px;margin:12px 0 0 0;display: block;text-align: center;}
  1051. .post_date .month {color:#A2A3A4;font-size:16px;text-transform:uppercase;display: block;margin:-14px 0 0 0;text-align: center;}
  1052. .post_comments {width:36px;height:32px;position:absolute;top: 71px;right: 48px;}
  1053. .post_comments span {display: block;color:#FFF;font-size:13px;font-weight: bold;margin: 5px 1px 0 0;text-align:right;}
  1054. .sharelink_small {width:65px;height:30px;position:absolute;top: 115px;right: 18px;text-indent:-9999em;outline:none;display:block;background: url(/application/assets/web/images/_global/global-sprite.png) 0 0 no-repeat;}
  1055. .sharelink_big {width:92px;height:30px;text-indent:-9999em;outline:none;display:block;background: url(/application/assets/web/images/_global/global-sprite.png) -66px 0 no-repeat;}
  1056. .shareme {float: left;padding:0 0 30px 0;}
  1057. .post_content .small_button {margin-bottom: 15px;}
  1058. .post_thumb {width:556px; height: 255px;background: url(/application/assets/web/images/_global/global-sprite.png) -1px -921px no-repeat;margin: 0 0 7px 0;position:relative;}
  1059. .post_thumb_load {width:556px; height: 255px;background: url(/application/assets/web/images/_global/preload.gif) center center no-repeat;}
  1060. .post_thumb img {margin: 8px 0 0 9px;}
  1061. .comment-wrap {float:left;padding-top:10px;margin-bottom: 3px;width: 100%;}
  1062. .comment-content {float: left;width: 620px;background: #FFF url(/application/assets/web/images/_global/bg-blog-comments-content.jpg) 0 0 repeat-x;border: 1px solid #D8D8D6;padding: 20px 20px 30px 20px;}
  1063. .comment-gravatar {background: url(/application/assets/web/images/_global/global-sprite.png) -731px -529px no-repeat;width: 80px;height: 80px;float: left;margin: 15px 0 0 15px;}
  1064. .comment-gravatar img {margin: 10px 0 0 10px;}
  1065. #about-author-wrap .comment-content, .bypostauthor .comment-content {background: #E8E9E7 url(/application/assets/web/images/_global/bg-blog-comments-content-author.jpg) 0 0 repeat-x;border: 1px solid #C6C7C4;color: #555;}
  1066. #about-author-wrap .comment-gravatar {background: url(/application/assets/web/images/_global/global-sprite.png) -821px -530px no-repeat;width: 100px;height: 100px;float: left;margin: 0 0 0 15px;}
  1067. .comment-text {width: 458px;float: left;margin: 6px 0 0 20px;padding: 0 0 15px 10px;}
  1068. .comment-text p {padding-top: 10px !important;}
  1069. #content .comment-author a, #content .comment-author{font-size: 16px;color: #333;font-weight: bold;}
  1070. .comment-author-about{font-size:12px;letter-spacing: 0.5px;color: #333;text-transform:uppercase;font-weight: bold;}
  1071. #content .comment-text .comment-author-about {padding:0 0 10px 0;}
  1072. .comment-date{color: #999;font-style:italic;font-size:11px;}
  1073. .comment-ol {list-style: none;margin:0;padding:0;}
  1074. .comments-rss {clear: left;height: 90px;}
  1075. .comments-rss a {padding:25px 0 25px 20px;background: url(/application/assets/web/images/_global/feed.png) 0 50% no-repeat;float: right;}
  1076. .blog-tab-box .children {list-style: none;}
  1077. .comment-ol li ul {padding:0;margin:0;}
  1078. .comment-ol li ul li .comment-wrap {background: url(/application/assets/web/images/_global/bg-blog-comments-wrap.gif) 0 -5px no-repeat;}
  1079. .comment-ol li ul li ul li .comment-wrap {background-position: 35px 0;}
  1080. .comment-ol li ul li ul li ul li .comment-wrap {background-position: 70px 0;}
  1081. .comment-ol li ul li ul li ul li ul li .comment-wrap {background-position: 105px 0;}
  1082. .comment-ol li ul li .comment-content {float: left;width: 585px;margin:0 0 0 35px;}
  1083. .comment-ol li ul li ul li .comment-content {float: left;width: 550px;margin:0 0 0 70px;}
  1084. .comment-ol li ul li ul li ul li .comment-content {float: left;width: 515px;margin:0 0 0 105px;}
  1085. .comment-ol li ul li ul li ul li ul li .comment-content {float: left;width: 480px;margin:0 0 0 140px;}
  1086. .comment-ol li ul li .comment-content .comment-text {width: 423px;}
  1087. .comment-ol li ul li ul li .comment-content .comment-text {width: 388px;}
  1088. .comment-ol li ul li ul li ul li .comment-content .comment-text {width: 353px;}
  1089. #respond {clear: left;}
  1090. #main .comment-title {color: #222;font-size:2.1em;padding-bottom:20px;}
  1091. #main .discussion-title {color: #222;font-size:3.1em;padding-bottom:20px;}
  1092. #commentform {padding-top:10px;}
  1093. .comment-input-wrap {float: left;}
  1094. .pad {width: 225px;}
  1095. .comment-label {display:block;padding: 0 0 3px 3px;}
  1096. .comment-input, .comment-textarea {width: 164px;height: 39px;background: url(/application/assets/web/images/_global/global-sprite.png) 0 -669px no-repeat;border:0;padding:0 12px 0 30px;font:12px "lucida grande","helvetica neue",Helvetica,Arial,Verdana,sans-serif;}
  1097. .comment-email {background-position: -223px -669px;}
  1098. .comment-website {background-position: -454px -669px;}
  1099. .comment-textarea {width: 630px;height: 169px;background-position: 0 -709px;border:0;padding:15px;line-height:20px;}
  1100. .comment-textarea-wrap {margin-top: 15px;}
  1101. .related_posts  {padding:0 0 40px 0;}
  1102. .related_posts ul {margin:0;padding:0;}
  1103. .comment-textarea {resize: none;}
  1104. .post_title h1 {padding-bottom:25px !important;}
  1105. .posted-by-text {margin-top:-12px !important;}
  1106.  
  1107.  
  1108.  
  1109.  
  1110.  
  1111.  
  1112.  
  1113.  
  1114.  
  1115.  
  1116. /* *********************************************************************************** */
  1117. /* 08. FORMS
  1118. /* *********************************************************************************** */
  1119.  
  1120. input, textarea, select {vertical-align:middle;font-size:100%;}
  1121. textarea, input {font-size:1em;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
  1122. .tools input, .tools textarea, .tools select {color:#fff;}
  1123. form, fieldset {margin:0;padding:0;border-style:none;}
  1124. .tools .search-form {float:right;width:168px;margin:-2px 0 0 35px;}
  1125. .search-form .text {display:block;overflow:hidden;height:20px;padding:8px 0 0 7px;}
  1126. .search-form .text input {width:120px;background:none;border:0;padding:0;margin:-2px 8px 0 0;float:left;}
  1127. .search-form .text .submit {font-size:0;line-height:0;text-indent:-9999px;width:15px;height:17px;margin:0 8px 0 0;cursor:pointer;}
  1128.  
  1129.  
  1130. .contact-form input, .contact-form textarea {padding:8px !important;}
  1131. .textwidget input[type='text'], .textwidget textarea { width: 100% !important; }
  1132. .contact-form {padding-top:15px;}
  1133. .contact-form .clear-form { clear: both; }
  1134. .contact-form input[type='text'] { width: 300px; margin-bottom: 13px; }
  1135. .contact-form select { margin-bottom: 13px; }
  1136. .contact-form textarea {width: 430px;height: 150px;float: none; margin-bottom: 13px; }
  1137. .contact-form input[type='radio'], .contact-form input[type='checkbox'] { float: none; margin-bottom: 13px; }
  1138. .contact-form label { margin-bottom: 3px; float: none; font-weight: bold; display: block;font-weight:bold;color:#555;}
  1139. .contact-form label.checkbox, .contact-form label.radio { margin-bottom: 3px; float: none; font-weight: bold; display: inline-block; }
  1140. .contact-form label span {font-size:11px;color:#999;font-weight:normal;font-style:italic;}
  1141.  
  1142. .contact-form label.checkbox, .contact-form label.radio {font-weight:normal;margin-bottom:8px;}
  1143.  
  1144. #ka-submit, .ka-form-submit, .contact-form .ka-form-submit{border:0;margin:0;padding:10px 15px !important;background:#040404 url(/application/assets/web/images/_global/bg-input-comment.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:1px;text-transform: uppercase;color: #DDD;outline:none;border: 1px solid #000;display: block;}
  1145.  
  1146.  
  1147.  
  1148.  
  1149.  
  1150.  
  1151.  
  1152.  
  1153.  
  1154.  
  1155. /* *********************************************************************************** */
  1156. /* 09. IMAGES
  1157. /* *********************************************************************************** */
  1158.  
  1159. /*---------------------------------------------------------------*/
  1160. /* 1. GENERAL
  1161. /*---------------------------------------------------------------*/
  1162. img, img a {border:0;}
  1163. .attachment-fadeIn, .attachment-post-thumbnail {display:none;}
  1164. img a, a img {cursor:pointer;}
  1165.  
  1166.  
  1167.  
  1168.  
  1169.  
  1170.  
  1171.  
  1172. /*---------------------------------------------------------------*/
  1173. /* 2. MODERN FRAME
  1174. /*---------------------------------------------------------------*/
  1175. /* preloading */
  1176. .preload_full, .preload_regular, .preload_small, .preload_two_col_large, .preload_two_col_small, .preload_three_col_large, .preload_three_col_small{background: url(/application/assets/web/images/_global/preload.gif) center center no-repeat;margin:8px 0 0 9px;float:left;}
  1177. .preload_four_col_small, .preload_four_col_large{background: url(/application/assets/web/images/_global/preload-small.gif) center center no-repeat !important;margin:8px 0 0 9px;float:left;}
  1178.  
  1179. .preload_full {width: 922px;height: 201px;}
  1180. .preload_regular {width: 703px;height: 201px;}
  1181. .preload_small {width: 493px;height: 201px;}
  1182. .preload_two_col_large{width: 437px;height: 234px;}
  1183. .preload_two_col_small{width: 324px;height: 180px;}
  1184. .preload_three_col_large{width: 275px;height: 145px;}
  1185. .preload_three_col_small{width: 202px;height: 113px;}
  1186. .preload_four_col_large{width: 190px;height: 111px;}
  1187. .preload_four_col_small{width: 135px;height: 76px;}
  1188.  
  1189. .modern_banner_full iframe{margin:8px 0 0 9px;float:left;}
  1190.  
  1191.  
  1192. .modern_img_frame {background: url(/application/assets/web/images/_global/image-frame-sprite.png) 0px 0px no-repeat;margin-bottom: 6px;}
  1193.  
  1194.  
  1195. /* banners */
  1196. .modern_banner_full{width: 940px;height: 245px;background-position: -3px -857px !important;}
  1197. .modern_banner_regular{width: 720px;height: 240px;background-position: 0px -1354px !important;}
  1198. .modern_banner_small{width: 510px;height: 240px;background-position: -5px -1844px !important;}
  1199.  
  1200.  
  1201. /* 2 cols */
  1202. .modern_two_col_large{width: 455px;height: 272px;background-position: 0px 0px !important;}
  1203. .modern_two_col_small{width: 342px;height: 217px;background-position: -5px -630px !important;}
  1204.  
  1205. /* 3 cols */
  1206. .modern_three_col_large{width: 293px;height: 179px;background-position: -1px -279px !important;}
  1207. .modern_three_col_small{width: 220px;height: 144px;background-position: -224px -465px !important;}
  1208.  
  1209. /* 4 cols */
  1210. .modern_four_col_large{width: 208px;height: 140px;background-position: -2px -465px !important;}
  1211. .modern_four_col_small{width: 152px;height: 102px;background-position: -302px -300px !important;}
  1212.  
  1213.  
  1214.  
  1215.  
  1216.  
  1217.  
  1218.  
  1219.  
  1220. /*---------------------------------------------------------------*/
  1221. /* 3. SHADOW FRAME
  1222. /*---------------------------------------------------------------*/
  1223. /* preloading */
  1224. .shadow_preload_full, .shadow_preload_regular, .shadow_preload_small, .shadow_preload_two_col_large, .shadow_preload_two_col_small, .shadow_preload_three_col_large, .shadow_preload_three_col_small{background: url(/application/assets/web/images/_global/preload-white.gif) center center no-repeat;margin:6px 0 0 6px;float:left;}
  1225. .shadow_preload_four_col_small, .shadow_preload_four_col_large{background: url(/application/assets/web/images/_global/preload-small-white.gif) center center no-repeat !important;margin:6px 0 0 6px;float:left;}
  1226.  
  1227. .shadow_preload_full {width: 928px;height: 208px;}
  1228. .shadow_preload_regular {width: 708px;height: 208px;}
  1229. .shadow_preload_small {width: 498px;height: 208px;}
  1230. .shadow_preload_two_col_large{width: 443px;height: 241px;}
  1231. .shadow_preload_two_col_small{width: 330px;height: 186px;}
  1232. .shadow_preload_three_col_large{width: 281px;height: 152px;}
  1233. .shadow_preload_three_col_small{width: 208px;height: 120px;}
  1234. .shadow_preload_four_col_large{width: 196px;height: 118px;}
  1235. .shadow_preload_four_col_small{width: 140px;height: 83px;}
  1236.  
  1237.  
  1238. .shadow_img_frame {background: url(/application/assets/web/images/_global/image-frame-sprite.png) 0px 0px no-repeat;margin-bottom: 6px;}
  1239. /* .shadow_img_frame img {margin: 6px 0 0 6px;} */
  1240.  
  1241. /* banners */
  1242. .shadow_banner_full{width: 940px;height: 250px;background-position: -1px -1103px !important;}
  1243. .shadow_banner_regular{width: 720px;height: 250px;background-position: -1px -1594px !important;}
  1244. .shadow_banner_small{width: 510px;height: 250px;background-position: -754px -1355px !important;}
  1245.  
  1246. /* 2 cols */
  1247. .shadow_two_col_large{width: 455px;height: 283px;background-position: -460px 0px !important;}
  1248. .shadow_two_col_small{width: 342px;height: 226px;background-position: -347px -631px !important;}
  1249.  
  1250. /* 3 cols */
  1251. .shadow_three_col_large{width: 293px;height: 191px;background-position: -461px -283px !important;}
  1252. .shadow_three_col_small{width: 220px;height: 158px;background-position: -695px -476px !important;}
  1253.  
  1254. /* 4 cols */
  1255. .shadow_four_col_large{width: 208px;height: 155px;background-position: -461px -475px !important;}
  1256. .shadow_four_col_small{width: 152px;height: 118px;background-position: -764px -283px !important;}
  1257.  
  1258.  
  1259.  
  1260.  
  1261.  
  1262.  
  1263.  
  1264.  
  1265.  
  1266.  
  1267. /* *********************************************************************************** */
  1268. /* 10. MISCELLANEOUS
  1269. /* *********************************************************************************** */
  1270.  
  1271. .hr, .hr_top_link {border: 0;height: 2px;width: 100%;background: url(/application/assets/web/images/_global/separator3.gif) 0 0 repeat-x;margin: 1.6em 0;}
  1272. .hr_top_link {margin-bottom: 1em;}
  1273. .hr_shadow {border: 0;height: 20px;width: 100%;background: url(/application/assets/web/images/_global/separator-shadow-small.jpg) top center no-repeat;margin: 15px 0 22px 0;}
  1274. .content_full_width .hr_shadow {background: url(/application/assets/web/images/_global/separator-shadow.jpg) top center no-repeat !important;}
  1275. .content_sidebar .hr_shadow {background: url(/application/assets/web/images/_global/separator-shadow-xtra-small.jpg) top center no-repeat !important;}
  1276. table{font-size:1.2em;}
  1277. table td, table th{padding:6px;}
  1278. .flash-wrap {min-height:400px;}
  1279.  
  1280.  
  1281.  
  1282.  
  1283.  
  1284.  
  1285.  
  1286.  
  1287.  
  1288.  
  1289.  
  1290. /* *********************************************************************************** */
  1291. /* 11. WORDPRESS
  1292. /* *********************************************************************************** */
  1293.  
  1294.  
  1295. /*---------------------------------------------------------------*/
  1296. /* 1. KARMA Pagenavi
  1297. /*---------------------------------------------------------------*/
  1298. .karma-pages, .wp-pagenavi{clear:both;font-size:.8em;text-transform:uppercase;letter-spacing:1.6px;padding:25px 0 0 0;height:40px;text-align:left;}
  1299. .karma-pages .pages, .wp-pagenavi .pages{margin-right:6px;}
  1300. #main .karma-pages a, #main .karma-pages a:link, #main .karma-pages a:visited
  1301. #main .wp-pagenavi a, #main .wp-pagenavi a:link, #main .wp-pagenavi a:visited{
  1302. text-decoration: none;outline: none;padding:5px 11px;display:inline-block;color: #666;background: url(/application/assets/web/images/_global/global-sprite.png) -556px -639px no-repeat;margin-right: 6px;}
  1303. #main .karma-pages a:hover,
  1304. #main .wp-pagenavi a:hover{
  1305. background: url(/application/assets/web/images/_global/global-sprite.png) -585px -639px no-repeat;margin-right: 6px;}
  1306. .karma-pages a:active,.karma-pages span.current,
  1307. .wp-pagenavi a:active,.wp-pagenavi span.current{
  1308. text-decoration: none;padding:5px 11px;color: #FFF;background: url(/application/assets/web/images/_global/bg-wp-navi-current.png) 0 0 no-repeat;margin-right: 6px;display:inline-block;}
  1309. .wp-pagenavi a, .wp-pagenavi span {border:0;}
  1310.  
  1311.  
  1312.  
  1313.  
  1314. /*---------------------------------------------------------------*/
  1315. /* 2. MAILCHIMP
  1316. /*---------------------------------------------------------------*/
  1317. #mc_signup .mc_input {width: 201px;padding: 5px;color: #222;}
  1318. #mc_signup .mc_merge_var {margin-bottom:10px;}
  1319. #mc_signup .mc_required, #mc-indicates-required {color:#4BA196;}
  1320. #mc_signup .mc_required {font-size: 14px;}
  1321. #mc-indicates-required {font-size: 11px;}
  1322. #mc_signup .mc_signup_submit {clear: left;text-align: left;padding: 10px 0 0 0;}
  1323. #mc_signup .mc_var_label{color:#8B949A;}
  1324. #mc_signup #mc_signup_submit{border:0;margin:0;padding:6px 10px !important;background:#999 url(application/assets/images/_global/bg-input-button-footer.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:0.8px;text-transform: uppercase;color: #333;outline:none;border: 1px solid #999;display: block;font-size: 11px !important;}
  1325.  
  1326.  
  1327.  
  1328.  
  1329.  
  1330. /*---------------------------------------------------------------*/
  1331. /* 3. DEFAULTS
  1332. /*---------------------------------------------------------------*/
  1333. .entry-content img {margin: 0 0 10px 0;}
  1334. .alignleft, img.alignleft {margin-right: 10px;display: inline;float: left;}
  1335. .alignright, img.alignright {margin-left: 10px;display: inline;float: right;}
  1336. .aligncenter, img.aligncenter {margin:0 auto;display: block;clear: both;}
  1337. .wp-caption {margin-bottom: 10px;text-align: center;padding-top: 5px;}
  1338. .wp-caption img {border: 0 none;padding: 0;margin: 0;}
  1339. .wp-caption p.wp-caption-text {line-height: 1.5;font-size: 10px;margin: 0;}
  1340. .wp-smiley {margin: 0 !important;max-height: 1em;}
  1341. blockquote.left {margin-right: 20px;text-align: right;margin-left: 0;width: 33%;float: left;}
  1342. blockquote.right {margin-left: 20px;text-align: left;margin-right: 0;width: 33%;float: right;}
  1343. .sticky{}
  1344. .gallery-caption{}
  1345.  
  1346.  
  1347.  
  1348.  
  1349.  
  1350. /*---------------------------------------------------------------*/
  1351. /* 4. 404 ERROR PAGE
  1352. /*---------------------------------------------------------------*/
  1353. .four_error {width: 100%;min-height: 222px;background: url(/application/assets/web/images/_global/404_error.png) left center no-repeat;padding:40px 30px 0 280px;margin:0 0 0 80px;}
  1354. .four_message {width: 460px;}
  1355. #main .four_message ul {padding: 10px 0 0 14px;}
  1356. #main .four_o_four {color: #222;font-size:1.9em;padding-bottom: 12px;}
  1357.  
  1358.  
  1359.  
  1360.  
  1361.  
  1362.  
  1363. /*---------------------------------------------------------------*/
  1364. /* 5. Constant Contact
  1365. /*---------------------------------------------------------------*/
  1366. #constant-contact-signup input {width: 201px;padding: 5px;color: #222;}
  1367. #constant-contact-signup .checkbox {width: 15px;font-size:13px;}
  1368. #constant-contact-signup .button{border:0;margin:0;padding:6px 10px !important;background:#999 url(application/assimages/_global/bg-input-button-footer.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:0.8px;text-transform: uppercase;color: #333;outline:none;border: 1px solid #999;display: block;font-size: 11px !important;width: 90px;}
  1369.  
  1370.  
  1371.  
  1372.  
  1373.  
  1374.  
  1375.  
  1376.  
  1377. /* *********************************************************************************** */
  1378. /* 12. WIDGETS + SHORTCODES
  1379. /* *********************************************************************************** */
  1380.  
  1381. /*---------------------------------------------------------------*/
  1382. /* 1. DEFAULT STYLES
  1383. /*---------------------------------------------------------------*/
  1384. #sidebar h3 {color: #222;font-size:1.8em;padding-bottom: 10px;}
  1385. .sidebar-widget {margin-bottom: 34px;padding-bottom: 34px;background: url(/application/assets/web/images/_global/separator3.gif) 0 100% repeat-x;width:100%;float:left;}
  1386. #sidebar ul {margin:-7px 0 0 0;padding:0;list-style: none;}
  1387. #sidebar a {text-decoration: none;}
  1388. #sidebar a:hover {text-decoration: underline;}
  1389. #sidebar li {padding-bottom: 2px;}
  1390. #sidebar ul li {padding:5px 0 0 15px;background:url(/application/assets/web/images/_global/bullet2.gif) 0 11px no-repeat;}
  1391.  
  1392.  
  1393.  
  1394.  
  1395.  
  1396.  
  1397. /*---------------------------------------------------------------*/
  1398. /* 2. BLOGROLL - FOOTER
  1399. /*---------------------------------------------------------------*/
  1400. .blogroll img {width: 52px;height: 52px;float: left;padding: 0 15px 5px 0;}
  1401. .blogroll li {width: 100%;float: left;}
  1402. .blogroll li {margin-bottom: 10px;}
  1403.  
  1404.  
  1405.  
  1406.  
  1407.  
  1408. /*---------------------------------------------------------------*/
  1409. /* 3. CALENDAR
  1410. /*---------------------------------------------------------------*/
  1411. table#wp-calendar {width: 100%;}
  1412. table#wp-calendar td {width: 14%;text-align: center;}
  1413. td#today{font-weight:bold;}
  1414. .widget_calendar tfoot td{background-image:none;}
  1415. .widget_calendar td a{text-decoration:underline;}
  1416.  
  1417.  
  1418.  
  1419.  
  1420.  
  1421. /*---------------------------------------------------------------*/
  1422. /* 4. RECENT POSTS - SIDEBAR
  1423. /*---------------------------------------------------------------*/
  1424. #sidebar .footer_post h4 {font-size:1.2em;padding-bottom: 0px; font-weight: bold;color:#222 !important;}
  1425. #sidebar .footer_post h4 a {text-decoration: none;color:#222 !important;}
  1426. #sidebar .footer_post p {margin: 0 0 15px 0;line-height: 19px;}
  1427. #sidebar .footer_post p a {text-decoration: none;}
  1428. #sidebar .footer_post a:hover {text-decoration: underline;}
  1429.  
  1430.  
  1431.  
  1432.  
  1433.  
  1434.  
  1435. /*---------------------------------------------------------------*/
  1436. /* 5. BLOGROLL - SIDEBAR
  1437. /*---------------------------------------------------------------*/
  1438. #sidebar .blogroll {list-style: none !important;margin:0 !important;padding:10px 0 0 0 !important;}
  1439. #sidebar .blogroll li {width: 100% !important;background: none !important;padding: 0 !important;color:#666 !important;}
  1440. #sidebar .blogroll li {margin-bottom: 18px !important;padding: 0 !important;}
  1441.  
  1442.  
  1443.  
  1444.  
  1445.  
  1446.  
  1447.  
  1448. /*---------------------------------------------------------------*/
  1449. /* 6. SEARCH - SIDEBAR
  1450. /*---------------------------------------------------------------*/
  1451. #sidebar #searchsubmit {border:0;margin:0;padding:8px 12px;background:url(/application/assets/web/images/_global/bg-input-comment.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:1px;text-transform: uppercase;color: #DDD;outline:none;border: 1px solid #000;display: block;/* margin-left: 132px; */}
  1452. #sidebar #searchform #s {margin-bottom: 7px;width:90%;padding:3px;}
  1453. #sidebar #searchform label {color: #4C4C4C;font-weight: bold;display: none;}
  1454.  
  1455.  
  1456.  
  1457.  
  1458.  
  1459.  
  1460.  
  1461.  
  1462. /*---------------------------------------------------------------*/
  1463. /* 7. SOCIAL MEDIA
  1464. /*---------------------------------------------------------------*/
  1465. .social_icons {list-style: none;}
  1466. .social_icons li {float: left;width:32px;height:32px;margin:0 12px 12px 0;padding:0;}
  1467. .social_icons a {float: left;width:32px;height:32px;display:block;border:0;text-decoration:none;outline:none;text-indent:-9999em;}
  1468. .social_icons .rss {background:url(/application/assets/web/images/_global/social-icons/rss.png) 0 0 no-repeat;}
  1469. .social_icons .twitter {background:url(/application/assets/web/images/_global/social-icons/twitter.png) 0 0 no-repeat;}
  1470. .social_icons .facebook {background:url(/application/assets/web/images/_global/social-icons/facebook.png) 0 0 no-repeat;}
  1471. .social_icons .flickr {background:url(/application/assets/web/images/_global/social-icons/flickr.png) 0 0 no-repeat;}
  1472. .social_icons .youtube {background:url(/application/assets/web/images/_global/social-icons/youtube.png) 0 0 no-repeat;}
  1473. .social_icons .linkedin {background:url(/application/assets/web/images/_global/social-icons/linkedin.png) 0 0 no-repeat;}
  1474. .social_icons .foursquare {background:url(/application/assets/web/images/_global/social-icons/foursquare.png) 0 0 no-repeat;}
  1475. .social_icons .delicious {background:url(/application/assets/web/images/_global/social-icons/delicious.png) 0 0 no-repeat;}
  1476. .social_icons .digg {background:url(/application/assets/web/images/_global/social-icons/digg.png) 0 0 no-repeat;}
  1477.  
  1478. #sidebar .sidebar-widget .social_icons, #sidebar .social_icons {float: none !important;padding-top: 10px;}
  1479. #sidebar .sidebar-widget .social_icons li, #sidebar .social_icons li {padding:0 !important;background-image:none !important;}
  1480.  
  1481. #content .social_icons {padding-left:0;}
  1482.  
  1483.  
  1484.  
  1485.  
  1486.  
  1487.  
  1488.  
  1489.  
  1490.  
  1491.  
  1492.  
  1493. /*---------------------------------------------------------------*/
  1494. /* 8. LATEST TWEETS
  1495. /*---------------------------------------------------------------*/
  1496. .twitterList {padding-top: 5px !important;}
  1497. #content .twitterList, .content_full_width .twitterList {list-style: none !important;margin:0 0 0 0;padding:0 0 30px 0;}
  1498. #sidebar .twitterList li, #content .twitterList li, .content_full_width .twitterList li {background:url(/application/assets/web/images/_global/bg-latest-tweet.png) 0 9px no-repeat !important;margin-bottom: 15px !important;padding-left: 32px !important;color:#666 !important;}
  1499. #content .twitterList li, .content_full_width .twitterList li {background:url(/application/assets/web/images/_global/bg-latest-tweet.png) 0 5px no-repeat !important;}
  1500. #sidebar .twitterList li a, #content .twitterList li a, .content_full_width .twitterList li a{text-decoration: underline !important;}
  1501. .twitterList li .tweet_days{color:#999 !important;font-size:11px !important;}
  1502.  
  1503.  
  1504.  
  1505.  
  1506.  
  1507.  
  1508.  
  1509.  
  1510. /*---------------------------------------------------------------*/
  1511. /* 9. TESTIMONIALS SLIDER
  1512. /*---------------------------------------------------------------*/
  1513. .testimonials, .testimonials_static {background:#E7E9E6 url(/application/assets/web/images/_global/bg_quote_wrap.png) 25px 25px no-repeat;border:1px solid #D8D9D6;padding-bottom:60px;margin-bottom:15px;}
  1514. .content_full_width .testimonials blockquote, .content_full_width .testimonials_static blockquote{padding:20px 0 0 60px;width:800px !important;font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;color:#808080;font-style:italic;display:block;}
  1515. #content .testimonials blockquote, #content .testimonials_static blockquote{padding:20px 0 0 60px;width:590px;}
  1516. .testimonials blockquote p, .testimonials_static p{margin: 0 !important;padding: 0 0 5px 0 !important;line-height:22px;}
  1517. .testimonials blockquote cite, .testimonials_static blockquote cite {font-style: normal;display: block;text-align: right;text-transform: uppercase;font-size: 10px;font-weight: bold;letter-spacing: 1px; color: #555;padding-right:6px;font-family:Arial, Helvetica, sans-serif;}
  1518. .testimonial-pager {width: 100%;text-align: center;padding-top: 18px;}
  1519. .testimonial-pager a {display: inline-block;width:12px;height:12px;text-indent:-9999em;outline:none;background:url(/application/assets/web/images/_global/global-sprite.png) -737px -197px no-repeat;margin-right: 10px;}
  1520. .testimonial-pager .activeSlide {background:url(/application/assets/web/images/_global/global-sprite.png) -725px -197px no-repeat;}
  1521.  
  1522.  
  1523.  
  1524.  
  1525.  
  1526.  
  1527.  
  1528.  
  1529.  
  1530.  
  1531.  
  1532.  
  1533.  
  1534.  
  1535.  
  1536.  
  1537.  
  1538.  
  1539.  
  1540. /* *********************************************************************************** */
  1541. /* 13. PROGRESSIVE CSS ENHANCEMENTS
  1542. /* *********************************************************************************** */
  1543. .message_green, .message_red, .message_blue, .message_yellow, #ka-submit, .opener, #ka-submit, .ka-form-submit, #mc_signup #mc_signup_submit, .callout_button, .testimonials{
  1544. -moz-border-radius: 5px;
  1545. -webkit-border-radius: 5px;
  1546. border-radius: 5px;
  1547. }
  1548. #ka-submit, .ka-form-submit {
  1549. -moz-box-shadow: 1px 1px 3px #666;
  1550. -webkit-box-shadow: 1px 1px 3px #666;
  1551. box-shadow: 1px 1px 3px #666;
  1552. }
  1553. #mc_signup #mc_signup_submit, .callout_button {
  1554. -moz-box-shadow: 1px 1px 3px #222;
  1555. -webkit-box-shadow: 1px 1px 3px #222;
  1556. box-shadow: 1px 1px 3px #222;
  1557. }
  1558. #menu-main-nav li.parent:hover{
  1559. border-top-left-radius: 5px;
  1560. -moz-border-radius-topleft: 5px;
  1561. border-top-right-radius: 5px;  
  1562. -moz-border-radius-topright: 5px;
  1563. -webkit-border-top-left-radius: 5px;
  1564. -webkit-border-top-right-radius: 5px;
  1565. }
  1566. h1,h2,h3,h4,h5,h6{text-shadow:1px 1px 1px #FFF;}
  1567. #footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6,.frame h1{text-shadow:none;}
  1568. .home-bnr-jquery .home-banner-main h2{text-shadow:1px 1px 1px #222;}
  1569.  
  1570.  
  1571.  
  1572.  
  1573.  
  1574.  
  1575.  
  1576.  
  1577.  
  1578.  
  1579. /* *********************************************************************************** */
  1580. /* 14. PRETTY PHOTO
  1581. /* *********************************************************************************** */
  1582. div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(/application/assets/web/images/_global/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(/application/assets/web/images/_global/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(/application/assets/web/images/_global/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(/application/assets/web/images/_global/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(/application/assets/web/images/_global/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_square .pp_nav .pp_play{background: url(/application/assets/web/images/_global/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background: url(/application/assets/web/images/_global/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background: url(/application/assets/web/images/_global/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(/application/assets/web/images/_global/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(/application/assets/web/images/_global/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(/application/assets/web/images/_global/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{left:50%;margin-top: -50px;position:absolute;z-index:10000;}.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative;}.pp_gallery ul a{border:1px #000 solid;display:block;float: left;height:33px;overflow: hidden;}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;}.pp_gallery li.default a{background: url(/application/assets/web/images/_global/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery li.default a img{display: none;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}a.pp_next{background: url(/application/assets/web/images/_global/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(/application/assets/web/images/_global/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}
  1583.  
  1584.  
  1585.  
  1586.  
  1587.  
  1588. /* *********************************************************************************** */
  1589. /* 15. IE SPECIFIC
  1590. /* *********************************************************************************** */
  1591. #foot_right{position: relative;}
  1592. .top-footer{position: absolute;top: 0;right: 0;}
  1593. #foot_right ul{position: absolute;top: 0;right: 50px;}
  1594.  
  1595.  
  1596.  
  1597.  
  1598.  
  1599.  
  1600.  
  1601.  
  1602. /* -----------------------
  1603. UPDATES
  1604. Version: 2.0
  1605. ----------------------- */
  1606.  
  1607.  
  1608. /*---------------------------------------------------------------*/
  1609. /* MESSAGE BOXES
  1610. /*---------------------------------------------------------------*/
  1611.  
  1612. #content .colored_box, #main #content .colored_box strong {color:#FFF;padding: 0;margin: 0 0 20px 0;font-size:13px;width:100%;}
  1613. #main #content .colored_box p {padding: 30px !important;line-height:23px;}
  1614. .colored_box{
  1615. -moz-border-radius: 5px;
  1616. -webkit-border-radius: 5px;
  1617. border-radius: 5px;
  1618. }
  1619.  
  1620.  
  1621. /* FIRE */
  1622. #content .message_karma_fire,
  1623. .content_full_width .message_karma_fire{background:#DB3C01 url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 0 repeat-x;}
  1624. #content .message_karma_fire a,
  1625. .content_full_width .message_karma_fire a {color:#FDC281;}
  1626.  
  1627. /* AUTUMN */
  1628. #content .message_karma_autumn,
  1629. .content_full_width .message_karma_autumn{background:#651604 url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -400px repeat-x;}
  1630. #content .message_karma_autumn a,
  1631. .content_full_width .message_karma_autumn a {color:#C07E5B;}
  1632.  
  1633. /* CHERRY */
  1634. #content .message_karma_cherry,
  1635. .content_full_width .message_karma_cherry{background:#670600 url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -800px repeat-x;}
  1636. #content .message_karma_cherry a,
  1637. .content_full_width .message_karma_cherry a {color:#E09588;}
  1638.  
  1639. /* COFFEE */
  1640. #content .message_karma_coffee,
  1641. .content_full_width .message_karma_coffee{background:#28211B url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -1200px repeat-x;}
  1642. #content .message_karma_coffee a,
  1643. .content_full_width .message_karma_coffee a {color:#998C7B;}
  1644.  
  1645. /* GOLDEN */
  1646. #content .message_karma_golden,
  1647. .content_full_width .message_karma_golden{background:#80570C url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -1600px repeat-x;}
  1648. #content .message_karma_golden a,
  1649. .content_full_width .message_karma_golden a {color:#D3C87B;}
  1650.  
  1651. /* PINK */
  1652. #content .message_karma_pink,
  1653. .content_full_width .message_karma_pink{background:#6D1E49 url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -2000px repeat-x;}
  1654. #content .message_karma_pink a,
  1655. .content_full_width .message_karma_pink a {color:#D89DCB;}
  1656.  
  1657. /* PURPLE */
  1658. #content .message_karma_purple,
  1659. .content_full_width .message_karma_purple{background:#371022 url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -2400px repeat-x;}
  1660. #content .message_karma_purple a,
  1661. .content_full_width .message_karma_purple a {color:#B47A9D;}
  1662.  
  1663. /* PERIWINKLE */
  1664. #content .message_karma_periwinkle,
  1665. .content_full_width .message_karma_periwinkle{background:#4C1268 url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -2800px repeat-x;}
  1666. #content .message_karma_periwinkle a,
  1667. .content_full_width .message_karma_periwinkle a {color:#95ADE1;}
  1668.  
  1669. /* VIOLET */
  1670. #content .message_karma_violet,
  1671. .content_full_width .message_karma_violet{background:#3E1965 url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -3200px repeat-x;}
  1672. #content .message_karma_violet a,
  1673. .content_full_width .message_karma_violet a {color:#B592F4;}
  1674.  
  1675. /* SKY BLUE */
  1676. #content .message_karma_sky-blue,
  1677. .content_full_width .message_karma_skyblue{background:#0078AF url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -3600px repeat-x;}
  1678. #content .message_karma_skyblue a,
  1679. .content_full_width .message_karma_skyblue a {color:#98DCE9;}
  1680.  
  1681. /* COOL BLUE */
  1682. #content .message_karma_coolblue,
  1683. .content_full_width .message_karma_coolblue{background:#003869 url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -4000px repeat-x;}
  1684. #content .message_karma_coolblue a,
  1685. .content_full_width .message_karma_coolblue a {color:#83B1DC;}
  1686.  
  1687. /* ROYAL BLUE */
  1688. #content .message_karma_royalblue,
  1689. .content_full_width .message_karma_royalblue{background:#182947 url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -4400px repeat-x;}
  1690. #content .message_karma_royalblue a,
  1691. .content_full_width .message_karma_royalblue a {color:#7D92B9;}
  1692.  
  1693. /* BLUE GREY */
  1694. #content .message_karma_bluegrey,
  1695. .content_full_width .message_karma_bluegrey{background:#2E2D3D url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -4800px repeat-x;}
  1696. #content .message_karma_bluegrey a,
  1697. .content_full_width .message_karma_bluegrey a {color:#A1A0AD;}
  1698.  
  1699. /* LIME GREEN */
  1700. #content .message_karma_limegreen,
  1701. .content_full_width .message_karma_limegreen{background:#638400 url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -5200px repeat-x;}
  1702. #content .message_karma_limegreen a,
  1703. .content_full_width .message_karma_limegreen a {color:#E3F28B;}
  1704.  
  1705. /* FOREST GREEN */
  1706. #content .message_karma_forestgreen,
  1707. .content_full_width .message_karma_forestgreen{background:#354515 url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -5600px repeat-x;}
  1708. #content .message_karma_forestgreen a,
  1709. .content_full_width .message_karma_forestgreen a {color:#A9BD79;}
  1710.  
  1711. /* TEAL */
  1712. #content .message_karma_teal,
  1713. .content_full_width .message_karma_teal{background:#0D4E54 url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -6000px repeat-x;}
  1714. #content .message_karma_teal a,
  1715. .content_full_width .message_karma_teal a {color:#9ED7CB;}
  1716.  
  1717. /* TEAL GREY */
  1718. #content .message_karma_tealgrey,
  1719. .content_full_width .message_karma_tealgrey{background:#19292E url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -6400px repeat-x;}
  1720. #content .message_karma_tealgrey a,
  1721. .content_full_width .message_karma_tealgrey a {color:#80979F;}
  1722.  
  1723. /* GREY */
  1724. #content .message_karma_grey,
  1725. .content_full_width .message_karma_grey{background:#2B3137 url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -6800px repeat-x;}
  1726. #content .message_karma_grey a,
  1727. .content_full_width .message_karma_grey a {color:#B1B1B1;}
  1728.  
  1729. /* SILVER */
  1730. #content .message_karma_silver,
  1731. .content_full_width .message_karma_silver{background:#757575 url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -7200px repeat-x;}
  1732. #content .message_karma_silver a,
  1733. .content_full_width .message_karma_silver a {color:#DDD;}
  1734.  
  1735. /* BLACK */
  1736. #content .message_karma_dark,
  1737. .content_full_width .message_karma_dark{background:#0F0F10 url(/application/assets/web/images/_global/global-sprite-color-boxes.png) 0 -7600px repeat-x;}
  1738. #content .message_karma_dark a,
  1739. .content_full_width .message_karma_dark a {color:#B4B4B4;}
  1740.  
  1741.  
  1742.  
  1743.  
  1744.  
  1745.  
  1746.  
  1747. /*---------------------------------------------------------------*/
  1748. /* IMAGE FRAMES
  1749. /*---------------------------------------------------------------*/
  1750. .modern_preload_full, .shadow_preload_full {width: 922px;height: 201px;}
  1751.  
  1752. /* MODERN */
  1753. .modern_preload_portrait_thumb{background: url(/application/assets/web/images/_global/preload-small.gif) center center no-repeat !important;margin:8px 0 0 9px;float:left;}
  1754. .modern_preload_portrait_full, .modern_preload_full{background: url(/application/assets/web/images/_global/preload.gif) center center no-repeat !important;margin:8px 0 0 9px;float:left;}
  1755.  
  1756. .modern_portrait_img_frame {background: url(/application/assets/web/images/_global/image-frame-portrait-modern.png) 0px 0px no-repeat;margin-bottom: 6px;}
  1757. .modern_portrait_img_frame_thumb {background: url(/application/assets/web/images/_global/image-frame-portrait-modern.png) -631px 0px no-repeat;margin-bottom: 6px;}
  1758.  
  1759. .modern_portrait_full, .modern_preload_portrait_full {width: 630px;height: 836px;}
  1760. .modern_portrait_thumb, .modern_preload_portrait_thumb {width: 293px;height: 389px;}
  1761.  
  1762.  
  1763.  
  1764. /* SHADOW */
  1765. .shadow_preload_portrait_full, .shadow_preload_full{background: url(/application/assets/web/images/_global/preload-white.gif) center center no-repeat !important;margin:6px 0 0 6px;float:left;}
  1766. .shadow_preload_portrait_thumb{background: url(/application/assets/web/images/_global/preload-small-white.gif) center center no-repeat !important;margin:6px 0 0 6px;float:left;}
  1767.  
  1768. .shadow_portrait_img_frame {background: url(/application/assets/web/images/_global/image-frame-portrait-shadow.png) 0px 0px no-repeat;margin-bottom: 6px;}
  1769. .shadow_portrait_img_frame_thumb {background: url(/application/assets/web/images/_global/image-frame-portrait-shadow.png) -625px 0px no-repeat;margin-bottom: 6px;}
  1770.  
  1771. .shadow_portrait_full, .shadow_preload_portrait_full {width: 624px;height: 829px;}
  1772. .shadow_portrait_thumb, .shadow_preload_portrait_thumb {width: 293px;height: 392px;}
  1773.  
  1774.  
  1775.  
  1776.  
  1777.  
  1778.  
  1779. /*---------------------------------------------------------------*/
  1780. /* GALLERY
  1781. /*---------------------------------------------------------------*/
  1782. .portfolio_content_top_portrait {float: left;width: 293px;height: 389px;}
  1783. .port_img_portrait_full {width: 612px;height: 792px;float: left;position: absolute;top:8px;left:9px;}
  1784. .portfolio_portrait_full_last {float: right;width: 630px;height: 836px;position: relative;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement