body { margin:0;
font:11px Arial, Helvetica, sans-serif;
color:#000;
background:url(../images/main-bg.jpg);
min-width:1000px;
}
img {border:none;}form { padding:0;
margin:0;
}
/*buttons*/
.more,
.visit,
.prev,
.next { float:right;
width:104px;
height:45px;
background:url(../images/more.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
}
.visit {background:url(../images/visit.gif) no-repeat;}.prev { float:left;
background:url(../images/prev.gif) no-repeat;
width:106px;
height:46px;
}
.next { background:url(../images/next.gif) no-repeat;
width:91px;
height:42px;
}
.more,
.visit { position:absolute;
right:26px;
bottom:10px;
}
.main { position:relative;
margin:0 0 -100px;
z-index:5;
}
.main,
.main-inn,
.main-inn2 { width:100%;
overflow:hidden;
background:url(../images/main-inn-bg.jpg) repeat-x;
}
.main-inn {background:url(../images/corner.png) no-repeat;}.main-inn2 {background:none;}
/*page*/
#page { margin:0 auto;
width:1000px;
position:relative;
}
* html #page {padding:0;}
#page:after { content:" ";
display:block;
width:100%;
overflow:hidden;
height:0;
clear:both;
}
.splash { width:1080px;
height:930px;
background:url(../images/splash.png) no-repeat;
position:absolute;
top:0;
left:-331px;
}
/*header*/
.header { height:1%;
overflow:hidden;
padding:55px 41px 0 54px;
position:relative;
z-index:5;
}
/*logo*/
.logo { margin:21px 0 0;
display:block;
overflow:hidden;
text-indent:-9999px;
width:361px;
height:73px;
float:left;
background:url(../images/main-logo.png) no-repeat;
}
.logo a { display:block;
position:relative;
height:100%;
}
ul.menu { float:right;
width:485px;
padding:0;
margin:0;
list-style:none;
position:relative;
}
ul.menu li {float:left;}ul.menu li a { display:block;
text-indent:-9999px;
overflow:hidden;
height:58px;
}
ul.menu li a.home { width:113px;
margin-right:6px;
background:url(../images/home.gif) no-repeat;
}
ul.menu li a.portfolio { width:132px;
margin-right:10px;
background:url(../images/portfolio.gif) no-repeat;
}
ul.menu li a.services { width:119px;
margin-right:6px;
background:url(../images/services.gif) no-repeat;
}
ul.menu li a.blog { width:99px;
background:url(../images/blog.gif) no-repeat;
}
ul.menu li a:hover,
ul.menu li.active a {background-position:0 -58px;}
/*primary content*/
.primary-content { height:1%;
padding:19px 0 30px;
overflow:hidden;
position:relative;
z-index:5;
}
.main-col { float:left;
width:600px;
margin:0 -85px 0 0;
position:relative;
}
.promo { width:589px;
height:390px;
overflow:hidden;
position:relative;
margin:47px 0 -35px 0;
}
.promo-cnt { width:363px;
margin:30px 0 0 64px;
height:262px;
overflow:hidden;
}
.promo-cnt ul { width:9999px;
overflow:hidden;
padding:0;
margin:0;
list-style:none;
}
.promo-cnt ul li {float:left;}.promo-cnt ul li img {display:block;}
.tv { position:absolute;
top:0;
left:-16px;
background:url(../images/tv-bg.png) no-repeat;
width:589px;
height:390px;
}
.testimonials { height:1%;
overflow:hidden;
padding:0 0 0 30px;
}
.testimonials h2 { color:#931213;
font:30px Arial, Helvetica, sans-serif;
margin:0 0 5px 36px;
}
.testimonials p { margin:0 140px 0 0;
color:#1e1e1d;
background:url(../images/citation-ico1.gif) no-repeat;
padding:3px 0 0 37px;
font:18px/22px Arial, Helvetica, sans-serif;
}
.testimonials p span { background:url(../images/citation-ico2.gif) no-repeat 100% 100%;
padding:0 35px 0 0;
}
.author { font:11px/14px Arial, Helvetica, sans-serif;
text-align:right;
color:#e3e3e3;
width:175px;
padding:15px 47px 0 0;
height:55px;
background:url(../images/author-bg.png) no-repeat;
margin:8px 0 0 225px;
}
.author strong { display:block;
font-weight:normal;
}
.sidebar { float:right;
width:485px;
}
.txtbox { background:url(../images/txtbox-bg.gif) no-repeat;
overflow:hidden;
height:405px;
width:100%;
position:relative;
}
.txtbox h3 { font:bold italic 30px Arial, Helvetica, sans-serif;
color:#fff;
margin:0;
}
.we-do { width:388px;
overflow:hidden;
position:relative;
margin:0 0 -43px;
padding:30px 30px 0 67px;
}
.we-do h3 {margin:0 0 23px 3px;}.we-do-cnt { height:1%;
overflow:hidden;
}
ul.list1 { float:left;
width:140px;
padding:0 3px 0 30px;
margin:0;
list-style:none;
background:url(../images/list1-bg.gif) no-repeat;
}
ul.list1 li { height:1%;
padding:0 0 20px;
font:italic 18px/21px Arial, Helvetica, sans-serif;
}
ul.list1 li a,
ul.list2 li a {color:#fff;}ul.list1 li a:hover,
ul.list2 li a:hover {text-decoration:none;}
ul.list2 { float:left;
width:200px;
padding:0;
margin:0;
list-style:none;
}
ul.list2 li { height:1%;
padding:0 0 9px 25px;
font:bold italic 16px Arial, Helvetica, sans-serif;
background:url(../images/arrow.gif) no-repeat 0 5px;
}
.from { width:383px;
background:url(../images/txtbox-separator.png) no-repeat;
overflow:hidden;
padding:77px 30px 0 72px;
}
.from h3 {margin:0;}
.from p { color:#fff;
font:bold 13px Arial, Helvetica, sans-serif;
margin:3px 30px 9px 0;
}
.from p a {color:#fff;}.from p a:hover {text-decoration:none;}
.contact-info { height:1%;
overflow:hidden;
margin:57px 0 0 92px;
background:url(../images/contact-info-bg.png) no-repeat;
}
.contact-info h4 { color:#961012;
margin:0 0 6px 54px;
font:italic 30px Georgia, "Times New Roman", Times, serif;
}
.contact-info p { color:#3c3d38;
font:30px Georgia, "Times New Roman", Times, serif;
margin:0 0 18px;
}
.contact-info address { font:12px Arial, Helvetica, sans-serif;
color:#3c3d38;
}
/*footer*/
.footer { width:100%;
background:url(../images/footer-bg.gif) repeat-x;
overflow:hidden;
}
.footer-area { margin:194px 0 0;
width:100%;
overflow:hidden;
background:url(../images/body-bg.jpg);
}
.footer-inn { width:822px;
padding:0 110px 30px 68px;
overflow:hidden;
margin:0 auto;
}
.footer-cnt { height:1%;
overflow:hidden;
padding:0 0 75px;
background:url(../images/footer-cnt-bg.png) no-repeat;
}
.title { text-align:center;
color:#fff;
font:18px Arial, Helvetica, sans-serif;
margin:0 0 25px;
}
.login { float:left;
width:151px;
margin:0 182px 0 0;
}
.login-form { height:1%;
overflow:hidden;
}
.input { display:block;
width:151px;
height:22px;
margin:0 0 8px;
background:url(../images/input-bg.jpg) no-repeat;
}
.input input.text { border:0;
color:#d6d6d6;
padding:3px 7px 5px;
background:none;
width:137px;
font:11px Arial, Helvetica, sans-serif;
}
.login-form-cnt { height:1%;
padding:4px 0 15px;
overflow:hidden;
}
.login-form-cnt label { float:left;
margin:4px 0 0;
color:#d6d6d6;
}
.login-form-cnt input.check { width:14px;
height:14px;
vertical-align:middle;
margin:0 2px 0 0;
padding:0;
}
.login-form-cnt input.button {float:right;}.login-form p {margin:0 0 8px;}.login-form p a {color:#fff;}.login-form p a:hover {text-decoration:none;}
.work { float:left;
width:230px;
}
ul.work-list { height:1%;
overflow:hidden;
padding:0;
margin:0;
list-style:none;
}
ul.work-list li { margin:0 13px 15px 0;
float:left;
}
ul.work-list li img {display:block;}.contact { float:right;
width:151px;
}
.contact-form { height:1%;
overflow:hidden;
}
.textarea { background:url(../images/textarea-bg.jpg) no-repeat;
width:151px;
height:76px;
display:block;
margin:0 0 8px;
}
.textarea textarea { border:0;
padding:2px 7px;
width:137px;
height:72px;
background:none;
font:11px Arial, Helvetica, sans-serif;
color:#d6d6d6;
}
.contact-form input.button {float:right;}.copyright { margin:0;
color:#b3b4b0;
}
.copyright strong { padding:0 12px;
font-weight:normal;
}
/* portfolio page
------------------ */
.big-img { width:478px;
height:428px;
margin:23px 0 0 13px;
padding:25px 0 0 38px;
background:url(../images/big-img.png) no-repeat;
position:relative;
}
.sticky { width:87px;
height:82px;
position:absolute;
top:-8px;
right:20px;
background:url(../images/sticky.png) no-repeat;
}
ul.img-list { height:1%;
overflow:hidden;
padding:0;
margin:0 0 0 41px;
list-style:none;
}
ul.img-list li { float:left;
padding:0 14px 18px 0;
background:url(../images/frame.gif) no-repeat;
}
ul.img-list li img { width:65px;
padding:6px;
}
.gallery-nav { width:461px;
overflow:hidden;
margin:0 0 0 30px;
}
.service { height:1%;
overflow:hidden;
}
.service h3 {margin-bottom:10px;}.service ul.list2 { width:100%;
overflow:hidden;
}
/* blog page
------------ */
.blog-box { height:1%;
overflow:hidden;
position:relative;
z-index:5;
margin:9px 0 30px 13px;
}
.blog-top,
.blog-btm { width:100%;
height:419px;
overflow:hidden;
background:url(../images/blog-top.png) no-repeat;
}
.blog-btm { height:345px;
background:url(../images/blog-btm.png) no-repeat;
}
.blog-cnt { height:1%;
background:url(../images/blog-bg.gif) repeat-y;
}
.blog-cnt:after { content:" ";
display:block;
width:100%;
overflow:hidden;
height:0;
clear:both;
}
.blog-cnt-inn { float:left;
width:953px;
padding:0 0 30px 47px;
position:relative;
margin:-400px 0 -330px;
}
.blog-txt { float:left;
width:586px;
padding:21px 0 0;
}
.blog-txt h2 { font:bold italic 30px Arial, Helvetica, sans-serif;
margin:0 0 13px;
color:#35312f;
}
.blog-txt h2 a { text-decoration:none;
color:#35312f;
}
.blog-txt h2 a:hover {text-decoration:underline;}.blog-txt p { margin:0 0 15px;
font:14px/17px Arial, Helvetica, sans-serif;
color:#695e54;
}
.posted { height:1%;
padding:15px 0;
overflow:hidden;
background:url(../images/line.gif) no-repeat;
}
.comments { float:right;
width:147px;
height:46px;
font:18px/42px Georgia, "Times New Roman", Times, serif;
text-align:center;
color:#fff;
text-decoration:none;
background:url(../images/comments-bg.gif) no-repeat;
}
.posted p { font:14px Georgia, "Times New Roman", Times, serif;
margin:0 0 8px;
}
.posted p a { color:#c27127;
text-decoration:none;
}
.posted p a:hover {text-decoration:underline;}.posted p.tags { color:#827c78;
font:11px Arial, Helvetica, sans-serif;
}
.posted p.tags a {color:#827c78;}.blog-txt img { display:block;
padding:5px;
margin:0 0 5px;
background:#fff;
border:1px solid #dad7c1;
}
.blogside { float:right;
width:338px;
padding:22px 0 0;
}
.blogside h3 { margin:0 0 7px 26px;
color:#fff;
font:bold italic 30px Arial, Helvetica, sans-serif;
}
.blogside ul.list2 { color:#fff;
float:none;
width:auto;
height:1%;
overflow:hidden;
margin:0 0 10px 26px;
font:18px Arial, Helvetica, sans-serif;
}
.blogside ul.list2 li { font:italic 18px Arial, Helvetica, sans-serif;
padding-bottom:5px;
}
.box { height:1%;
overflow:hidden;
padding:27px 0 0;
background:url(../images/separator.png) no-repeat;
}
.blogside ul.img-list { padding:5px 0 0;
margin:0 0 0 26px;
}
.blogside ul.img-list li { margin:0 8px 7px 0;
padding:6px;
height:65px;
width:65px;
background:url(../images/frame2.gif) no-repeat;
}
.blogside ul.img-list li img { width:65px;
padding:0;
}
ul.social { height:1%;
overflow:hidden;
padding:15px 0 0;
margin:0 0 0 26px;
list-style:none;
}
ul.social li { float:left;
padding:0 14px 0 0;
}
ul.social li img {display:block;}
/* blog2 page
------------- */
.comments-title,
.comments-title div { height:1%;
overflow:hidden;
padding:0 0 15px 4px;
}
.comments-title div {padding:0;}.comments-title h3,
.post-form h3 { float:left;
margin:3px 0 5px;
padding:0 0 4px;
background:url(../images/line2.gif) repeat-x 0 100%;
font:18px Arial, Helvetica, sans-serif;
color:#35312f;
}
.comments-title p { color:#827c78;
margin:0;
font:11px Arial, Helvetica, sans-serif;
}
.comment-box { background:#f4f4e9;
border:1px solid #e0d9b9;
padding:8px 10px 0;
width:590px;
position:relative;
margin:0 0 4px -8px;
color:#695e54;
overflow:hidden;
}
.author-comm { height:1%;
overflow:hidden;
padding:0 0 10px;
font:11px Arial, Helvetica, sans-serif;
}
.number { float:left;
width:23px;
}
.author-comm a { color:#c27127;
text-decoration:none;
}
.author-comm a:hover {text-decoration:underline;}.comment-box p { margin:0 0 8px 24px;
line-height:15px;
}
.none { border:0;
background:none;
}
.post-form { height:1%;
padding:20px 0 0;
overflow:hidden;
}
.post-form h3 { float:none;
margin:0 0 18px 2px;
background:none;
}
.post-form-cnt { height:1%;
overflow:hidden;
padding:0 0 8px 3px;
}
.post-form input.text,
.post-form textarea { float:left;
margin:0 8px 0 0;
border:1px solid #b9b3a2;
padding:3px 6px;
color:#695e54;
width:167px;
font:11px Arial, Helvetica, sans-serif;
}
.post-form p { margin:0;
font:11px/22px Arial, Helvetica, sans-serif;
color:#827c78;
}
.post-form textarea { width:568px;
float:left;
height:139px;
}