1. body {
  2. 	margin:0;
  3. 	font:11px Arial, Helvetica, sans-serif;
  4. 	color:#000;
  5. 	background:url(../images/main-bg.jpg);
  6. 	min-width:1000px;
  7. }
  8. img {border:none;}
  9. form {
  10. 	padding:0;
  11. 	margin:0;
  12. }
  13. /*buttons*/
  14. .more,
  15. .visit,
  16. .prev,
  17. .next {
  18. 	float:right;
  19. 	width:104px;
  20. 	height:45px;
  21. 	background:url(../images/more.gif) no-repeat;
  22. 	text-indent:-9999px;
  23. 	overflow:hidden;
  24. }
  25. .visit {background:url(../images/visit.gif) no-repeat;}
  26. .prev {
  27. 	float:left;
  28. 	background:url(../images/prev.gif) no-repeat;
  29. 	width:106px;
  30. 	height:46px;
  31. }
  32. .next {
  33. 	background:url(../images/next.gif) no-repeat;
  34. 	width:91px;
  35. 	height:42px;
  36. }
  37. .more,
  38. .visit {
  39. 	position:absolute;
  40. 	right:26px;
  41. 	bottom:10px;
  42. }
  43.  
  44. .main {
  45. 	position:relative;
  46. 	margin:0 0 -100px;
  47. 	z-index:5;
  48. }
  49. .main,
  50. .main-inn,
  51. .main-inn2 {
  52. 	width:100%;
  53. 	overflow:hidden;
  54. 	background:url(../images/main-inn-bg.jpg) repeat-x;
  55. }
  56. .main-inn {background:url(../images/corner.png) no-repeat;}
  57. .main-inn2 {background:none;}
  58.  
  59. /*page*/
  60. #page {
  61. 	margin:0 auto;
  62. 	width:1000px;
  63. 	position:relative;
  64. }
  65. * html #page {padding:0;}
  66.  
  67. #page:after {
  68. 	content:" ";
  69. 	display:block;
  70. 	width:100%;
  71. 	overflow:hidden;
  72. 	height:0;
  73. 	clear:both;
  74. }
  75. .splash {
  76. 	width:1080px;
  77. 	height:930px;
  78. 	background:url(../images/splash.png) no-repeat;
  79. 	position:absolute;
  80. 	top:0;
  81. 	left:-331px;
  82. }
  83. /*header*/
  84. .header {
  85. 	height:1%;
  86. 	overflow:hidden;
  87. 	padding:55px 41px 0 54px;
  88. 	position:relative;
  89. 	z-index:5;
  90. }
  91. /*logo*/
  92. .logo {
  93. 	margin:21px 0 0;
  94. 	display:block;
  95. 	overflow:hidden;
  96. 	text-indent:-9999px;
  97. 	width:361px;
  98. 	height:73px;
  99. 	float:left;
  100. 	background:url(../images/main-logo.png) no-repeat;
  101. }
  102. .logo a {
  103. 	display:block;
  104. 	position:relative;
  105. 	height:100%;
  106. }
  107. ul.menu {
  108. 	float:right;
  109. 	width:485px;
  110. 	padding:0;
  111. 	margin:0;
  112. 	list-style:none;
  113. 	position:relative;
  114. }
  115. ul.menu li {float:left;}
  116. ul.menu li a {
  117. 	display:block;
  118. 	text-indent:-9999px;
  119. 	overflow:hidden;
  120. 	height:58px;
  121. }
  122. ul.menu li a.home {
  123. 	width:113px;
  124. 	margin-right:6px;
  125. 	background:url(../images/home.gif) no-repeat;
  126. }
  127. ul.menu li a.portfolio {
  128. 	width:132px;
  129. 	margin-right:10px;
  130. 	background:url(../images/portfolio.gif) no-repeat;
  131. }
  132. ul.menu li a.services {
  133. 	width:119px;
  134. 	margin-right:6px;
  135. 	background:url(../images/services.gif) no-repeat;
  136. }
  137. ul.menu li a.blog {
  138. 	width:99px;
  139. 	background:url(../images/blog.gif) no-repeat;
  140. }
  141.  
  142. ul.menu li a:hover,
  143. ul.menu li.active a {background-position:0 -58px;}
  144.  
  145. /*primary content*/
  146. .primary-content {
  147. 	height:1%;
  148. 	padding:19px 0 30px;
  149. 	overflow:hidden;
  150. 	position:relative;
  151. 	z-index:5;
  152. }
  153. .main-col {
  154. 	float:left;
  155. 	width:600px;
  156. 	margin:0 -85px 0 0;
  157. 	position:relative;
  158. }
  159. .promo {
  160. 	width:589px;
  161. 	height:390px;
  162. 	overflow:hidden;
  163. 	position:relative;
  164. 	margin:47px 0 -35px 0;
  165. }
  166. .promo-cnt {
  167. 	width:363px;
  168. 	margin:30px 0 0 64px;
  169. 	height:262px;
  170. 	overflow:hidden;
  171. }
  172. .promo-cnt ul {
  173. 	width:9999px;
  174. 	overflow:hidden;
  175. 	padding:0;
  176. 	margin:0;
  177. 	list-style:none;
  178. }
  179. .promo-cnt ul li {float:left;}
  180. .promo-cnt ul li img {display:block;}
  181.  
  182. .tv {
  183. 	position:absolute;
  184. 	top:0;
  185. 	left:-16px;
  186. 	background:url(../images/tv-bg.png) no-repeat;
  187. 	width:589px;
  188. 	height:390px;
  189. }
  190.  
  191. .testimonials {
  192. 	height:1%;
  193. 	overflow:hidden;
  194. 	padding:0 0 0 30px;
  195. }
  196. .testimonials h2 {
  197. 	color:#931213;
  198. 	font:30px Arial, Helvetica, sans-serif;
  199. 	margin:0 0 5px 36px;
  200. }
  201. .testimonials p {
  202. 	margin:0 140px 0 0;
  203. 	color:#1e1e1d;
  204. 	background:url(../images/citation-ico1.gif) no-repeat;
  205. 	padding:3px 0 0 37px;
  206. 	font:18px/22px Arial, Helvetica, sans-serif;
  207. }
  208. .testimonials p span {
  209. 	background:url(../images/citation-ico2.gif) no-repeat 100% 100%;
  210. 	padding:0 35px 0 0;
  211. }
  212.  
  213. .author {
  214. 	font:11px/14px Arial, Helvetica, sans-serif;
  215. 	text-align:right;
  216. 	color:#e3e3e3;
  217. 	width:175px;
  218. 	padding:15px 47px 0 0;
  219. 	height:55px;
  220. 	background:url(../images/author-bg.png) no-repeat;
  221. 	margin:8px 0 0 225px;
  222. }
  223. .author strong {
  224. 	display:block;
  225. 	font-weight:normal;
  226. }
  227.  
  228. .sidebar {
  229. 	float:right;
  230. 	width:485px;
  231. }
  232. .txtbox {
  233. 	background:url(../images/txtbox-bg.gif) no-repeat;
  234. 	overflow:hidden;
  235. 	height:405px;
  236. 	width:100%;
  237. 	position:relative;
  238. }
  239. .txtbox h3 {
  240. 	font:bold italic 30px Arial, Helvetica, sans-serif;
  241. 	color:#fff;
  242. 	margin:0;
  243. }
  244. .we-do {
  245. 	width:388px;
  246. 	overflow:hidden;
  247. 	position:relative;
  248. 	margin:0 0 -43px;
  249. 	padding:30px 30px 0 67px;
  250. }
  251. .we-do h3 {margin:0 0 23px 3px;}
  252. .we-do-cnt {
  253. 	height:1%;
  254. 	overflow:hidden;
  255. }
  256.  
  257. ul.list1 {
  258. 	float:left;
  259. 	width:140px;
  260. 	padding:0 3px 0 30px;
  261. 	margin:0;
  262. 	list-style:none;
  263. 	background:url(../images/list1-bg.gif) no-repeat;
  264. }
  265. ul.list1 li {
  266. 	height:1%;
  267. 	padding:0 0 20px;
  268. 	font:italic 18px/21px Arial, Helvetica, sans-serif;
  269. }
  270. ul.list1 li a,
  271. ul.list2 li a {color:#fff;}
  272. ul.list1 li a:hover,
  273. ul.list2 li a:hover {text-decoration:none;}
  274.  
  275. ul.list2 {
  276. 	float:left;
  277. 	width:200px;
  278. 	padding:0;
  279. 	margin:0;
  280. 	list-style:none;
  281. }
  282. ul.list2 li {
  283. 	height:1%;
  284. 	padding:0 0 9px 25px;
  285. 	font:bold italic 16px Arial, Helvetica, sans-serif;
  286. 	background:url(../images/arrow.gif) no-repeat 0 5px;
  287. }
  288. .from {
  289. 	width:383px;
  290. 	background:url(../images/txtbox-separator.png) no-repeat;
  291. 	overflow:hidden;
  292. 	padding:77px 30px 0 72px;
  293. }
  294. .from h3 {margin:0;}
  295.  
  296. .from p {
  297. 	color:#fff;
  298. 	font:bold 13px Arial, Helvetica, sans-serif;
  299. 	margin:3px 30px 9px 0;
  300. }
  301. .from p a {color:#fff;}
  302. .from p a:hover {text-decoration:none;}
  303.  
  304. .contact-info {
  305. 	height:1%;
  306. 	overflow:hidden;
  307. 	margin:57px 0 0 92px;
  308. 	background:url(../images/contact-info-bg.png) no-repeat;
  309. }
  310. .contact-info h4 {
  311. 	color:#961012;
  312. 	margin:0 0 6px 54px;
  313. 	font:italic 30px Georgia, "Times New Roman", Times, serif;
  314. }
  315. .contact-info p {
  316. 	color:#3c3d38;
  317. 	font:30px Georgia, "Times New Roman", Times, serif;
  318. 	margin:0 0 18px;
  319. }
  320. .contact-info address {
  321. 	font:12px Arial, Helvetica, sans-serif;
  322. 	color:#3c3d38;
  323. }
  324.  
  325. /*footer*/
  326. .footer {
  327. 	width:100%;
  328. 	background:url(../images/footer-bg.gif) repeat-x;
  329. 	overflow:hidden;
  330. }
  331. .footer-area {
  332. 	margin:194px 0 0;
  333. 	width:100%;
  334. 	overflow:hidden;
  335. 	background:url(../images/body-bg.jpg);
  336. }
  337.  
  338. .footer-inn {
  339. 	width:822px;
  340. 	padding:0 110px 30px 68px;
  341. 	overflow:hidden;
  342. 	margin:0 auto;
  343. }
  344. .footer-cnt {
  345. 	height:1%;
  346. 	overflow:hidden;
  347. 	padding:0 0 75px;
  348. 	background:url(../images/footer-cnt-bg.png) no-repeat;
  349. }
  350. .title {
  351. 	text-align:center;
  352. 	color:#fff;
  353. 	font:18px Arial, Helvetica, sans-serif;
  354. 	margin:0 0 25px;
  355. }
  356. .login {
  357. 	float:left;
  358. 	width:151px;
  359. 	margin:0 182px 0 0;
  360. }
  361. .login-form {
  362. 	height:1%;
  363. 	overflow:hidden;
  364. }
  365. .input {
  366. 	display:block;
  367. 	width:151px;
  368. 	height:22px;
  369. 	margin:0 0 8px;
  370. 	background:url(../images/input-bg.jpg) no-repeat;
  371. }
  372. .input input.text {
  373. 	border:0;
  374. 	color:#d6d6d6;
  375. 	padding:3px 7px 5px;
  376. 	background:none;
  377. 	width:137px;
  378. 	font:11px Arial, Helvetica, sans-serif;
  379. }
  380. .login-form-cnt {
  381. 	height:1%;
  382. 	padding:4px 0 15px; 
  383. 	overflow:hidden;
  384. }
  385. .login-form-cnt label {
  386. 	float:left;
  387. 	margin:4px 0 0;
  388. 	color:#d6d6d6;
  389. }
  390. .login-form-cnt input.check {
  391. 	width:14px;
  392. 	height:14px;
  393. 	vertical-align:middle;
  394. 	margin:0 2px 0 0;
  395. 	padding:0;
  396. }
  397. .login-form-cnt input.button {float:right;}
  398. .login-form p {margin:0 0 8px;}
  399. .login-form p a {color:#fff;}
  400. .login-form p a:hover {text-decoration:none;}
  401.  
  402. .work {
  403. 	float:left;
  404. 	width:230px;
  405. }
  406. ul.work-list {
  407. 	height:1%;
  408. 	overflow:hidden;
  409. 	padding:0;
  410. 	margin:0;
  411. 	list-style:none;
  412. }
  413. ul.work-list li {
  414. 	margin:0 13px 15px 0;
  415. 	float:left;
  416. }
  417. ul.work-list li img {display:block;}
  418. .contact {
  419. 	float:right;
  420. 	width:151px;
  421. }
  422. .contact-form {
  423. 	height:1%;
  424. 	overflow:hidden;
  425. }
  426. .textarea {
  427. 	background:url(../images/textarea-bg.jpg) no-repeat;
  428. 	width:151px;
  429. 	height:76px;
  430. 	display:block;
  431. 	margin:0 0 8px;
  432. }
  433. .textarea textarea {
  434. 	border:0;
  435. 	padding:2px 7px;
  436. 	width:137px;
  437. 	height:72px;
  438. 	background:none;
  439. 	font:11px Arial, Helvetica, sans-serif;
  440. 	color:#d6d6d6;
  441. }
  442. .contact-form input.button {float:right;}
  443. .copyright {
  444. 	margin:0;
  445. 	color:#b3b4b0;
  446. }
  447. .copyright strong {
  448. 	padding:0 12px;
  449. 	font-weight:normal;
  450. }
  451.  
  452.  
  453. /* portfolio page
  454. ------------------ */
  455.  
  456. .big-img {
  457. 	width:478px;
  458. 	height:428px;
  459. 	margin:23px 0 0 13px;
  460. 	padding:25px 0 0 38px;
  461. 	background:url(../images/big-img.png) no-repeat;
  462. 	position:relative;
  463. }
  464. .sticky {
  465. 	width:87px;
  466. 	height:82px;
  467. 	position:absolute;
  468. 	top:-8px;
  469. 	right:20px;
  470. 	background:url(../images/sticky.png) no-repeat;
  471. }
  472. ul.img-list {
  473. 	height:1%;
  474. 	overflow:hidden;
  475. 	padding:0;
  476. 	margin:0 0 0 41px;
  477. 	list-style:none;
  478. }
  479. ul.img-list li {
  480. 	float:left;
  481. 	padding:0 14px 18px 0;
  482. 	background:url(../images/frame.gif) no-repeat;
  483. }
  484. ul.img-list li img {
  485. 	width:65px;
  486. 	padding:6px;
  487. }
  488. .gallery-nav {
  489. 	width:461px;
  490. 	overflow:hidden;
  491. 	margin:0 0 0 30px;
  492. }
  493.  
  494. .service {
  495. 	height:1%;
  496. 	overflow:hidden;
  497. }
  498. .service h3 {margin-bottom:10px;}
  499. .service ul.list2 {
  500. 	width:100%;
  501. 	overflow:hidden;
  502. }
  503.  
  504. /* blog page
  505. ------------ */
  506.  
  507. .blog-box {
  508. 	height:1%;
  509. 	overflow:hidden;
  510. 	position:relative;
  511. 	z-index:5;
  512. 	margin:9px 0 30px 13px;
  513. }
  514. .blog-top,
  515. .blog-btm {
  516. 	width:100%;
  517. 	height:419px;
  518. 	overflow:hidden;
  519. 	background:url(../images/blog-top.png) no-repeat;
  520. }
  521. .blog-btm {
  522. 	height:345px;
  523. 	background:url(../images/blog-btm.png) no-repeat;
  524. }
  525. .blog-cnt {
  526. 	height:1%;
  527. 	background:url(../images/blog-bg.gif) repeat-y;
  528. }
  529. .blog-cnt:after {
  530. 	content:" ";
  531. 	display:block;
  532. 	width:100%;
  533. 	overflow:hidden;
  534. 	height:0;
  535. 	clear:both;
  536. }
  537. .blog-cnt-inn {
  538. 	float:left;
  539. 	width:953px;
  540. 	padding:0 0 30px 47px;
  541. 	position:relative;
  542. 	margin:-400px 0 -330px;
  543. }
  544. .blog-txt {
  545. 	float:left;
  546. 	width:586px;
  547. 	padding:21px 0 0;
  548. }
  549. .blog-txt h2 {
  550. 	font:bold italic 30px Arial, Helvetica, sans-serif;
  551. 	margin:0 0 13px;
  552. 	color:#35312f;
  553. }
  554. .blog-txt h2 a {
  555. 	text-decoration:none;
  556. 	color:#35312f;
  557. }
  558. .blog-txt h2 a:hover {text-decoration:underline;}
  559. .blog-txt p {
  560. 	margin:0 0 15px;
  561. 	font:14px/17px Arial, Helvetica, sans-serif;
  562. 	color:#695e54;
  563. }
  564. .posted {
  565. 	height:1%;
  566. 	padding:15px 0;
  567. 	overflow:hidden;
  568. 	background:url(../images/line.gif) no-repeat;
  569. }
  570. .comments {
  571. 	float:right;
  572. 	width:147px;
  573. 	height:46px;
  574. 	font:18px/42px Georgia, "Times New Roman", Times, serif;
  575. 	text-align:center;
  576. 	color:#fff;
  577. 	text-decoration:none;
  578. 	background:url(../images/comments-bg.gif) no-repeat;
  579. }
  580. .posted p {
  581. 	font:14px Georgia, "Times New Roman", Times, serif;
  582. 	margin:0 0 8px;
  583. }
  584. .posted p a {
  585. 	color:#c27127;
  586. 	text-decoration:none;
  587. }
  588. .posted p a:hover {text-decoration:underline;}
  589. .posted p.tags {
  590. 	color:#827c78;
  591. 	font:11px Arial, Helvetica, sans-serif;
  592. }
  593. .posted p.tags a {color:#827c78;}
  594. .blog-txt img {
  595. 	display:block;
  596. 	padding:5px;
  597. 	margin:0 0 5px;
  598. 	background:#fff;
  599. 	border:1px solid #dad7c1;
  600. }
  601.  
  602. .blogside {
  603. 	float:right;
  604. 	width:338px;
  605. 	padding:22px 0 0;
  606. }
  607. .blogside h3 {
  608. 	margin:0 0 7px 26px;
  609. 	color:#fff;
  610. 	font:bold italic 30px Arial, Helvetica, sans-serif;
  611. }
  612. .blogside ul.list2 {
  613. 	color:#fff;
  614. 	float:none;
  615. 	width:auto;
  616. 	height:1%;
  617. 	overflow:hidden;
  618. 	margin:0 0 10px 26px;
  619. 	font:18px Arial, Helvetica, sans-serif;
  620. }
  621. .blogside ul.list2 li {
  622. 	font:italic 18px Arial, Helvetica, sans-serif;
  623. 	padding-bottom:5px;
  624. }
  625. .box {
  626. 	height:1%;
  627. 	overflow:hidden;
  628. 	padding:27px 0 0;
  629. 	background:url(../images/separator.png) no-repeat;
  630. }
  631.  
  632. .blogside ul.img-list {
  633. 	padding:5px 0 0;
  634. 	margin:0 0 0 26px;
  635. }
  636. .blogside ul.img-list li {
  637. 	margin:0 8px 7px 0;
  638. 	padding:6px;
  639. 	height:65px;
  640. 	width:65px;
  641. 	background:url(../images/frame2.gif) no-repeat;
  642. }
  643. .blogside ul.img-list li img {
  644. 	width:65px;
  645. 	padding:0;
  646. }
  647. ul.social {
  648. 	height:1%;
  649. 	overflow:hidden;
  650. 	padding:15px 0 0;
  651. 	margin:0 0 0 26px;
  652. 	list-style:none;
  653. }
  654. ul.social li {
  655. 	float:left;
  656. 	padding:0 14px 0 0;
  657. }
  658. ul.social li img {display:block;}
  659.  
  660. /* blog2 page
  661. ------------- */
  662.  
  663. .comments-title,
  664. .comments-title div {
  665. 	height:1%;
  666. 	overflow:hidden;
  667. 	padding:0 0 15px 4px;
  668. }
  669. .comments-title div {padding:0;}
  670. .comments-title h3,
  671. .post-form h3 {
  672. 	float:left;
  673. 	margin:3px 0 5px;
  674. 	padding:0 0 4px;
  675. 	background:url(../images/line2.gif) repeat-x 0 100%;
  676. 	font:18px Arial, Helvetica, sans-serif;
  677. 	color:#35312f;
  678. }
  679. .comments-title p {
  680. 	color:#827c78;
  681. 	margin:0;
  682. 	font:11px Arial, Helvetica, sans-serif;
  683. }
  684. .comment-box {
  685. 	background:#f4f4e9;
  686. 	border:1px solid #e0d9b9;
  687. 	padding:8px 10px 0;
  688. 	width:590px;
  689. 	position:relative;
  690. 	margin:0 0 4px -8px;
  691. 	color:#695e54;
  692. 	overflow:hidden;
  693. }
  694. .author-comm {
  695. 	height:1%;
  696. 	overflow:hidden;
  697. 	padding:0 0 10px;
  698. 	font:11px Arial, Helvetica, sans-serif;
  699. }
  700. .number {
  701. 	float:left;
  702. 	width:23px;
  703. }
  704. .author-comm a {
  705. 	color:#c27127;
  706. 	text-decoration:none;
  707. }
  708. .author-comm a:hover {text-decoration:underline;}
  709. .comment-box p {
  710. 	margin:0 0 8px 24px;
  711. 	line-height:15px;
  712. }
  713. .none {
  714. 	border:0;
  715. 	background:none;
  716. }
  717. .post-form {
  718. 	height:1%;
  719. 	padding:20px 0 0;
  720. 	overflow:hidden;
  721. }
  722. .post-form h3 {
  723. 	float:none;
  724. 	margin:0 0 18px 2px;
  725. 	background:none;
  726. }
  727. .post-form-cnt {
  728. 	height:1%;
  729. 	overflow:hidden;
  730. 	padding:0 0 8px 3px;
  731. }
  732. .post-form input.text,
  733. .post-form textarea {
  734. 	float:left;
  735. 	margin:0 8px 0 0;
  736. 	border:1px solid #b9b3a2;
  737. 	padding:3px 6px;
  738. 	color:#695e54;
  739. 	width:167px;
  740. 	font:11px Arial, Helvetica, sans-serif;
  741. }
  742. .post-form p {
  743. 	margin:0;
  744. 	font:11px/22px Arial, Helvetica, sans-serif;
  745. 	color:#827c78;
  746. }
  747. .post-form textarea {
  748. 	width:568px;
  749. 	float:left;
  750. 	height:139px;
  751. }
  752.