html{
background-image: url(../images/black/bg-strip.jpg);
}
body.home {
font-family: Helvetica, sans-serif;
background-repeat: no-repeat;
background-position: center top;
line-height:20px;
font-size:12px;
color:#666;
background-image: url(../images/black/bg.png);
}
body {
font-family: Helvetica, sans-serif;
line-height:20px;
font-size:12px;
color:#666;
}
/* default styles*/
a, a:link, a:active{
text-decoration:none;
color:#005c7a;
}
a:hover{
}
a:active, a:focus{ outline:none; }
hr {
border: 0 #333 dotted;
border-top-width: 1px;
clear: both;
height: 0;
}
/* imgage alignment
----------------------------------------------------------------------------------------------------*/
.alignright {
float: right;
margin: 0 0 20px 20px;
width:auto;
}
.alignleft {
float: left;
margin: 0 20px 10px 0;
width:auto;
}
a img {
border:none;
}
blockquote{
border:1px solid #ddd;
background-color:#eee;
padding:10px 10px 10px 20px;
margin:10px 0px 10px 0px;
border-left:3px solid #ddd;
font-size:12px;
color:#555;
}
.tn-br{
border:1px solid #222;
background-color:#111;
padding:3px;
}
.tn-br2{
border:1px solid #222;
background-color:#222;
padding:8px;
}
p{
margin-bottom:10px;
}
ol {
list-style: decimal;
margin-left:20px;
line-height:22px;
}
ul {
list-style: square;
padding-left:15px;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.view-more{
margin-top:10px;
background-image: url(../images/black/view-more.jpg);
background-repeat: no-repeat;
height: 18px;
width: 81px;
display:block;
}
.view-more:hover{
background-image: url(../images/black/view-more-ho.jpg);
}
a.view-more2{
background-color:#333;
padding:3px 5px;
text-decoration:none;
color:#555;
margin-top:20px;
padding-top:30px;
}
.vpace{
display:block;
height:20px;
}
.thumb-align{
float:left;
}
.col1 p, .col2 p{
margin:0px;
margin-left:80px;
margin-bottom:20px;
}
.col1 h3, .col2 h3{
margin:0px;
margin-left:80px;
}
#wrapper {
margin: 0 auto;
width:1000px;
position:relative;
}
#header-wrapper {
width: 1000px;
float: left;
}
.header-inner{
height:100px;
}
/*titles*/
h1 {
font-size: 24px;
letter-spacing: -1px;
font-weight:bold;
}
h2 {
font-size: 26px;
letter-spacing:-.021em;
font-weight:normal;
padding-bottom:10px;
}
h3 {
font-size: 18px;
letter-spacing: -1px;
}
h4 {
font-size: 14px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10px;
}
h3, h4, h5, h6{
margin:10px 0;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
letter-spacing:.011em;
}
/* Top navigation*/
.top-navigation{
position:relative;
z-index:3;
}
/* logo*/
h1.logo{
padding:10px 10px 0 10px;
width:60%;
float:left;
margin:0px;
padding-bottom:20px;
}
/* Search box style*/
#search-box{
position: absolute;
top:40px;
right:20px;
z-index:1111;
}
/* use this style when you need full length menu*/
#search-box input{
width:235px;
padding:3px 5px;
height:18px;
color:#ccc;
float:left;
border:none;
background-image: url(../images/black/search-input-bg.png);
background-repeat: no-repeat;
background-position: left center;
background-color:#000;
}
#search-box #submit{
border:none;
background-image: url(../images/black/go.png);
background-repeat: no-repeat;
background-position: center center;
width:41px;
height:24px;
cursor: pointer;
}
#search-box #submit:hover{
border:none;
background-image: url(../images/black/go-ho.png);
background-repeat: no-repeat;
background-position: center center;
width:41px;
height:24px;
cursor: pointer;
}
/*---------------------slider--------------------*/
.slider-frame{
width:980px;
height: 412px;
background-color:#FF3366;
float:left;
}
.sliderImages {
border:10px solid #333;
margin-top:30px;
margin-bottom:30px;
}
.sliderImages ul{
margin:0px;
padding:0px;
}
.sliderImages ul li {
margin:0;
list-style:none;
padding:0px;
width:980px;
height:412px;
display:block;
}
.arrow-but{
position:relative;
z-index:10;
}
.prev {
position: absolute;
left:-16px;
top:-270px;
z-index:10;
}
.next {
position:absolute;
left:975px;
top:-270px;
z-index:10;
}
/*Main section*************************************************************/
#main{
float:left;
width:1000px;
}
#main-wide{
float:left;
padding-top:20px;
}
/*left column style*************************************************************/
#leftcolumn-wrapper{
width: 675px;
float: left;
}
.leftcolumn-inner{
padding:0px 30px 10px 10px;
}
.wide-page-title-padding{
padding:0px 30px 0px 10px;
}
.leftcolumn-inner-home{
padding:0px 30px 10px 0px;
}
.leftcolumn-inner-home h1{
color:#999;
font-weight:normal;
border-bottom:1px solid #333;
padding-bottom:10px;
}
.leftcolumn-inner-home h3, .leftcolumn-inner-home h4{
color:#ccc;
}
.leftcolumn-inner h3, .leftcolumn-inner h4{
margin-bottom:10px;
}
#leftcolumn-wrapper img{
}
h1.pagetitle{
height: auto;
line-height:25px;
padding:10px 0px;
font-size:2.50em;
font-weight:normal;
color:#999;
}
/*columns/content boxes*/
.col1{
width:300px;
float:left;
}
.col-inner{
padding-right:25px;
}
.col2{
border-left:1px solid #222;
padding-left:30px;
width:305px;
float:left;
}
/*Blog style*/
#post, #post2, #post3{
margin-bottom:20px;
}
#post h3, #post2 h3, #post3 h3{
}
.post-info{
padding:0px 2px;
border-bottom:1px dotted #333;
}
.post-info a{
text-decoration:none;
}
.entry img.view-more{
padding:0px;
border:none;
}
.entry img{
border:1px solid #444;
padding:5px;
background-color:#333;
}
/*serves style in the home page*/
ul.services li{
line-height:24px;
padding-left:10px;
background-image: url(images/target.png);
background-repeat: no-repeat;
background-position: left center;
list-style:none;
padding-left:20px;
}
.col1-services{
display:block;
float:left;
width:auto;
}
.col2-services{
margin-left:285px;
}
.col2-services h3{
}
.portfolio2{
float:left;
}
/*gallery style*/
ul.gallery {
margin:0px;
padding:0px;
}
ul.gallery li{
list-style:none;
display:inline;
margin:4px;
float:left;
}
ul.gallery li img{
border:1px solid #333;
background-color:#222;
padding:10px;
float:left;
}
/*right column style*************************************************************/
#rightcolumn-wrapper {
float: left;
width: 324px;
color:#444;
border-left:1px solid #222;
}
.rightcolumn-inner {
padding:0px 0px 0 30px;
}
.rightcolumn-inner h3{
color:#ccc;
margin-bottom:5px;
}
.rightcolumn-inner ul {
list-style:none;
margin:0px;
padding:0px;
margin-bottom:30px;
}
.rightcolumn-inner li.news{
list-style:none;
padding:0px;
}
.rightcolumn-inner ul.news{
list-style:none;
padding:0px;
}
.rightcolumn-inner ul.news a{
color:#005c7a;
}
.rightcolumn-inner ul.news a:hover{
color:#666;
}
/*Social Book Marks*/
.socil-book-marks {
}
.socil-book-marks img{
margin:5px 5px 5px 0px;
}
/*Contact form style*************************************************************/
#container
{
margin: auto;
overflow: hidden;
position: relative;
}
.contact-us input{
padding:2px 5px;
border:1px solid #ccc;
background-image: url(images/grad-strip.jpg);
background-repeat: repeat-x;
height:20px;
width: 15em;
}
.contact-us {
text-align:left;
padding:10px 0;
width:auto;
}
.contact-us textarea {
width: 30em;
padding:2px 5px;
border:1px solid #ccc;
background-image: url(images/grad-strip.jpg);
background-repeat: repeat-x;
background-color:#eee;
}
#commentform #submit2 {
margin: 0;
float: left;
margin-bottom:10px;
border:none;
width:81px;
height:24px;
padding: 5px 10px;
font-weight:bold;
background-image: url(../images/black/submit.png);
background-repeat: no-repeat;
background-color:#000;
}
.red {
color:red;
font-weight:700;
}
.contact-us .form-col1 {
color:#666;
width:100px;
height:30px;
float:left;
display:block;
text-align:left;
padding-right:10px;
font-weight:700;
}
.message {background-color:#333;
border:1px solid #444; color:#ccc;display:none;width:460px;padding:10px;}
.contact {text-align:right;}
.contact ul {list-style-type:none;width:390px;}
.contact li {list-style-type:none;}
.contact input {width:260px;}
.contact textarea {width:260px;}
/* @ comments style
----------------------------------------------------------------------------------------------------*/
h3#comments, #respond {
color:#ccc;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
border:1px solid #333;
background-color:#222;
color:#ccc;
}
#commentform textarea {
width: 99%;
padding: 2px;
border:1px solid #333;
background-color:#222;
color:#ccc;
overflow:auto;
}
#commentform #submit2:hover {
cursor: pointer;
}
.alt {
margin: 0;
padding: 10px;
}
ol.commentlist {
margin:0px;
padding:0px;
}
.commentlist a:link, .commentlist a:visited {
}
.commentlist li {
margin: 5px 0 10px 0;
padding: 15px 5px 10px 10px;
list-style: none;
border:1px solid #333;
background-color:#222;
color:#777;
}
.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
.children {
padding: 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
.navigation {
background-image: url(images/pf-bg.jpg);
background-repeat: repeat-x;
background-position: -50px;
font-size:2em;
}
.avatar {
padding:5px;
background-color:#222;
border:1px solid #333;
float:right;
width:auto;
}
/*footer style*************************************************************/
#footer-wrapper1 {
width:100%;
color:#0195c5;
padding:10px 0px;
float:left;
border-top:1px solid #0086b1;
background-color:#0195c5;
}
#footer-wrapper {
width:1000px;
color:#666;
background-image: url(../images/black/footer.png);
background-repeat: no-repeat;
background-position: center center;
margin:0 auto;
height:50px;
margin-bottom:20px;
clear:both;
}
.footer-wrapper-inner{
clear: both;
padding:10px 0px;
margin:0 auto;
padding:16px 20px 15px 20px;
}
p.copyrights{
width:50%;
float:left;
}
ul.footer-rightdiv {
float:right;
width:auto;
}
ul.footer-rightdiv li{
display:inline;
}
ul.footer-rightdiv li a{
text-decoration:none;
color:#666;
padding:0px 8px;
}ul.footer-rightdiv li a:hover{
color:#ccc;
}
.jqueryslidemenu{
background-image: url(../images/black/topmenu-bg.png);
background-repeat: no-repeat;
z-index:111;
font-size:14px;
}
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
padding:10px 15px;
border-right: 1px solid #333;
text-decoration: none;
}
/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
font-weight: normal;
font-size:.95em;
color:#999;
}
.jqueryslidemenu ul li ul li {
background-image:none;
line-height:13px;
border: 1px solid #333;
border-top:none;
}
.jqueryslidemenu ul a:hover, .jqueryslidemenu ul li.current_page_item ul a:hover, .jqueryslidemenu ul li.current-cat ul a:hover{
color:#fff;
}
/*active/ current menu link*/
.jqueryslidemenu ul li.current_page_item a, .jqueryslidemenu ul li.current-cat a{
color:#fff;
}
.jqueryslidemenu ul li.current_page_item ul a, .jqueryslidemenu ul li.current-cat ul a{
color:#ccc;
}
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
background-color:#222;
z-index:13;
}
.jqueryslidemenu ul li ul li{
display: block;
width:175px;
}
/* ######### CSS classes applied to down and right arrow images ######### */
.downarrowclass{
position: absolute;
top: 16px;
right: 7px;
}
.rightarrowclass{
position: absolute;
top: 9px;
right: 5px;
}
/*portfolio slding style*/
div.slideBox {
width: 315px;
height: 180px;
position: relative;
overflow:hidden;
float: left;
background-color:#222;
border:1px solid #333;
margin:4px;
}
div.slideBox h3{
margin:0px;
padding:0px;
color:#fff;
}
div.slideBox p{
color:#ccc;
}
div.slideBox img {
position: absolute;
z-index: 2;
}
div.slideBox div.content {
position: absolute;
z-index: 1;
}
.content{
padding:10px 15px;
}
.content a{
padding:5px 8px;
background-color:#333;
border:1px solid #444;
position:relative;
top:10px;
text-decoration:none;
color:#999;
}
.content a:hover{
color:#ccc;
background-color:#111;
text-decoration:none;
}