#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2013
    Posts
    3
    Rep Power
    0

    CSS style sheet causing image format problem


    Hi,

    I bought a template from Themeforest.net and have adapted a lot of the code, unfortunately I'm learning multiple languages at the same time and HTML / CSS is not my strong point!

    I decided to post here rather than the PHP side because I felt it more appropriate, please feel free to move if necessary.

    I have a web page, within which there are three PHP include functions, include header.php, nav.php and footer.php, I am also trying to embed Open Flash Charts, the syntax for which is;

    Code:
    open_flash_chart_object( 500, 250, 'http://'. $_SERVER['SERVER_NAME'] .'/chart-data.php', false );
    the first two variables should allow me to change the width & height of the object.

    The problem I have is that when I include the style sheets it forces my flash chart object to be a specific width. I don't want it to force that.

    I have done some trial and error debugging and found that the problem lies specifically in the style.css which because it's a template wasn't built by me so with my limited knowledge I have no idea where to look.

    Could someone please help me!

    For reference the problem can be seen here

    I have included the two full pieces of code below for help; first the chart.php web page followed by the style.css sheet.

    Code:
    <html>
    <head>
    <?php include 'header.php' 
    
    ?>
    
    
    
    <title>Dashboard Attempt 2 </title>
    </head>
    <body>
    
    <header class="headerbg">
    <section class="headertop">
    <?php include 'nav.php' ?>
    </section>
    </header>
    <?php
    
    echo 'Hello World!';
    
    ?>
    <div class="dashboardgraph"><?php
    include_once 'php-ofc-library/open_flash_chart_object.php';
    open_flash_chart_object( 500, 250, 'http://'. $_SERVER['SERVER_NAME'] .'/chart-data.php', false );
    
    ?>
    </div>
    <br><footer class="footerwrapper">
    <?php include 'footer.php' ?>
    </footer>
    
    </body>
    </html>
    CSS to follow in new post as character limit exceeded!
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2013
    Posts
    3
    Rep Power
    0
    apologies for the length but as a newbie I have no idea where to begin, I had hoped that buying a template would hasten the process (which I guess it has a bit!)

    Code:
    @charset "utf-8";
    /* CSS Document */
    
    @import url("foundation.css");/***foundation framework stylesheet***/
    
    /* HTML5 styles */
    header, nav, article, section, aside, footer {display: block;} 
    /* HTML5 styles-end */
    
    img{max-width: 100%; width:auto}
    img{ -ms-interpolation-mode: bicubic; }
    img, embed, object, video {
    	max-width: 100%
    }
    
    
    /********* reset *********/
    
    /**** added new column 1/5 - framework fix ****/
    
    .c-2a { width: 20%; float:left; position: relative; min-height: 1px; padding: 0 10px;}
    
    /**** added new column 1/5 framework fix end ****/
    
    
    
    
    ul, ol { 
    line-height: 1.6; 
    margin: 0 0 21px 0;  
    padding:0;
    }
    
    ul li, ol li{ 
    margin: 0 0 10px 0; 
    padding:0; 
    }
    
    .bulletlist{
    list-style-type:none;
    padding-left:15px;
    background: url(../images/linkbulletblack.png) left center no-repeat;
    }
    
    h1, h2, h3, h4, h5, h6 {
    color:#333333;
    font-family:"pt serif";
    font-weight:normal;
    margin:21px 0 21px 0;
    }
    
    p{
    color:#555555;
    font-size:13px;
    font-family:"pt sans";
    line-height:1.6;
    margin:0 0 21px 0;
    }
    
    
    
    blockquote{
    margin:0 0 21px 0;
    padding:21px 20px;
    }
    
    blockquote p{
    margin:0;
    }
    
    .blockqoute1{
    margin:0 20px 21px 10px;
    padding:0 20px 0 10px;
    border:none;
    
    }
    
    .blockqoute1 p{
    margin:0;
    padding:20px;
    font-size:17px;
    font-style:italic;
    }
    
    
    p.dropcap:first-letter {
    font-size: 44px;
    float: left;
    margin-right:5px;
    color:#333333;
    }
    
    
    .centered {
    float:none;
    margin:0 auto;		
    }
    
    /********* reset end *********/
    
    
    
    /*for just vector fonts*/
    
    
    
    
    
    
    @font-face {
        font-family: 'JustVector';
        src: url('fonts/justvectorv2-webfont.eot');
        src: url('fonts/justvectorv2-webfont.eot?#iefix') format('eot'),
             url('fonts/justvectorv2-webfont.woff') format('woff'),
             url('fonts/justvectorv2-webfont.ttf') format('truetype'),
             url('fonts/justvectorv2-webfont.svg#webfontkw9J4lGf') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    
    
    
    .vectorfont{
    font-family: 'JustVector';
    }
    
    
    .vectorfontsocialicons{
    color:#bfbfbf;
    font-size:30px;
    margin:0 5px 0 0;
    display:inline;
    background:#fff;
    border:#bfbfbf solid 5px;
    padding:6px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    }
    
    
    .vectorfontsocialicons:link, .vectorfontsocialicons:visited{
    }
    .vectorfontsocialicons:hover{
    }
    
    
    /*for just vector fonts end*/
    
    
    
    /* grids */
    .showgridrow{
    background: url(../images/grid.png) repeat;
    }
    
    /* grids-end */
    
    
    /* for highlight div/section */
    .bgd{
    background:red;
    }
    /* for highlight div/section end*/
    
    
    
    body{
    line-height:1.6;
    color:#555555;
    font-size:100%;
    font-family:"pt sans", Arial, Tahoma, Sans-Serif;
    background: #FCFCFC;
    background-attachment:fixed;
    }
    
    
    
    /**main button**/
    
    .buttonmain1{
    font-size:21px;
    text-decoration:none;
    margin:39px auto;
    width:150px;
    text-align:center;
    float:right;
    cursor:pointer;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    border:7px solid #fff;
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    -moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    -webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    
    }
    
    .buttonmain1:link, .buttonmain1:visited{
    }
    
    .buttonmain1:hover{
    color:#fff;
    -webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
    -moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
    box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
    }
    
    .buttontextmain1:link, .buttontextmain1:visited{
    text-align:center;
    text-decoration:none;
    color:#fff;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    }
    
    .buttontextmain1:hover{
    color:#fff;
    }
    
    
    
    /**main button end**/
    
    
    .headertop{
    height:84px;
    margin:0 auto; 
    width:100%;
    
    }
    
    
    .headerbg1{
    height:89px;
    margin:0 auto; 
    }
    
    .phone {
    margin:10px 0 0 0;
    }
    
    
    .phone p{
    float:right;
    font-size:13px;
    margin:0 0 21px 0;
    }
    
    .phone span{
    font-size:13px;
    color:#333333;
    font-style:normal;
    }
    
    
    .searchfield{
    height:27px;
    padding:3px ;
    margin:10px 0 0 0;
    font-size:13px;
    font-weight:normal;
    color:#555555; 
    text-align:left;
    
    color:#555555; 
    float:right;
    border:#e6e6e6 solid 1px;
    background:#fff;
    border-radius:200px;
    -webkit-border-radius:200px;
    -moz-border-radius:200px;
    }
    
    #search{
    
    border:none;
    height:22px;
    background:transparent;
    box-shadow:none;
    margin:0;
    padding:0 0 5px 3px;
    float:left;
    border-radius:200px;
    -webkit-border-radius:200px;
    -moz-border-radius:200px;
    }
    
    
    
    .searchfield a{
    height:30px;
    
    margin:-7px 0 0 0;
    float:right;
    font-family:"GeneralFoundicons";
    }
    .searchfield a:link, .searchfield a:visited{
    
    }
    
    .searchfield a:hover{
    
    }
    
    
    
    
    .logo{
    margin:14px 0 0 0;
    
    }
    
    
    
    /***dropdown menu***/
    .menuline{
    margin: 0;
    padding:0;
    }
    ul.menu {
    list-style:none; 
    padding:0;
    Z-index:100;
    position:relative;
    margin: 0;
    }
    
    ul.menu a {
    display:block;
    }
    
    ul.menu a:link, ul.menu a:visited {
    display:block; 
    color:#ffffff;
    text-decoration:none;
    }
    
    
    ul.menu a:hover{
    display:block; 
    text-decoration:none;
    }
    
    ul.menu li {
    position:relative; 
    float:left; 
    padding:0;
    margin:0 ;
    }
    ul.menu ul {
    position:absolute; 
    display:none; 
    opacity:0; 
    list-style:none;
    text-decoration:none;
     width:220px;
    padding:0 ;
    height:auto;
    font-size:17px;
    margin-left:-5px;
    }
    
    ul.menu ul li {
    position:relative;  
    width:210px;
    }
    ul.menu ul li a {
    display:block; 
    padding:10px 20px ;
    margin: 0;
    color:#333333;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    }
    
    
    ul.menu ul li a:hover {
    }
    
    
    ul.menu ul ul {
    
    }
    
    .dropdownline {
    
    }
    
    ul.menu .menulink { 
     text-transform:uppercase;
    font-size:17px;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
     padding:30px 20px 0 20px;
    color:#333333;
    height:79px;
    
    }
    
    ul.menu .menulink:link, ul.menu .menulink:visited {
    
    }
    ul.menu .menulink:hover {
    
    }
    
    
    .menulinemobile {
    display:none;
    
    }
    
    
    /***dropdown-menu-end***/
    
    
    
    .mainheadlinebg1{
    height:126px;
    width:100%;
    max-width:100%;
    margin:0 auto 32px auto;
    background:#E6E6E6;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    border-bottom:#fff 4px solid;
    }
    
    .mainheadlinebg{
    width:940px;
    margin:0 auto;
    
    }
    
    
    .mainheadline{
    margin:34px 0 0 0 ;
    font-family:"pt sans";
    text-transform:uppercase;
    font-size:27px;
    }
    
    .mainheadline1{
    margin: 0;
    font-family:"pt serif";
    line-height:1.6;
    }
    
    .mainheadlinelink{
    }
    
    .mainheadlinelink:link, .mainheadlinelink:visited{
    }
    
    .mainheadlinelink:hover{
    background:none;
    }
    
    
    .mainheadlinebg1down{
    height:84px;
    width:100%;
    max-width:100%;
    margin:0 auto 63px auto;
    background:#E6E6E6;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    border-bottom:#fff 4px solid;
    border-top:#fff 4px solid;
    }
    
    .mainheadlinebgdown{
    width:940px;
    margin:0 auto;
    }
    .mainheadlinedown{
    margin:26px 0 0 0 ;
    font-family:"pt sans";
    text-transform:uppercase;
    font-size:27px;
    }
    
    /***for main headlines on all pages except homepage***/
    .mainheadlineall{
    width:100%;
    height:105px;
    margin:0 0 21px 0;
    }
    
    .mainheadlineall h5{
    COLOR:#fff;
    }
    .mainheadlineall .row .c-12 h1{
    COLOR:#fff;
    font-family:"pt sans";
    text-transform:uppercase;
    margin:37px 0 0 0;
    font-size:27px;
    padding-top:5px;
    }
    .mainheadlineall span{
    font-size:17px; 
    padding-left:10px;
    text-transform:lowercase;
    }
    
    
    
    
    /***for main headlines on all pages except homepage end***/
    
    
    /* main columns block*/
    .maincolumnsblock ul {
    float:left;
    list-style:none;
    padding:0 ;
    }
    .maincolumnsblock ul li {
    position:relative;
    float:left;
    padding:0 ;
    margin-bottom:21px;
    }
    
    .maincolumnsblock ul li h3 {
    text-align:center;
    width:210px;
    position:relative;
    margin:21px auto 0 auto;
    color:#333333;
    padding:0 ;
    }
    
    .maincolumnsblock ul li h3 span{
    padding:0 3px;
    }
    
    
    .maincolumnsblock ul li p {
    text-align:center;
    margin:21px 10px;
    }
    
    .circlepicture{
    background: url(../images/1small.png) no-repeat center top;
    width:180px;
    height:180px;
    }
    
    .maincolumnsblock ul li .circle {
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    margin:0 auto 0 auto;
    display:block;
    width:180px;
    height:180px;
    z-index:10;
    border:#fff 4px solid;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    }
    
    .maincolumnsblock ul li:hover .circle { 
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    filter: progid:DXImageTransform.Microsoft.Matrix(
    sizingMethod='auto expand',
    M11=1, M12=-0, M21=0, M22=1);
    }
    
    /*for second homepage*/
    .maincolumnsblock ul li .circle1 {
    background: url(../images/2small.png) center center no-repeat;
    -webkit-background-size: 100%  100% ;
    -moz-background-size: 100%  100% ;
    background-size: 100%  100% ;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    margin:21px auto 0 auto;
    display:block;
    width:180px;
    height:180px;
    z-index:10;
    }
    .maincolumnsblock ul li .circle2 {
    background: url(../images/2small.png) center center no-repeat;
    -webkit-background-size: 100%  100% ;
    -moz-background-size: 100%  100% ;
    background-size: 100%  100% ;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    margin:21px auto 0 auto;
    display:block;
    width:180px;
    height:180px;
    z-index:10;
    }
    .maincolumnsblock ul li .circle3 {
    background: url(../images/3small.png) center center no-repeat;
    -webkit-background-size: 100%  100% ;
    -moz-background-size: 100%  100% ;
    background-size: 100%  100% ;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    margin:21px auto 0 auto;
    display:block;
    width:180px;
    height:180px;
    z-index:10;
    }
    .maincolumnsblock ul li .circle4 {
    background: url(../images/4small.png) center center no-repeat;
    -webkit-background-size: 100%  100% ;
    -moz-background-size: 100%  100% ;
    background-size: 100%  100% ;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    margin:21px auto 0 auto;
    display:block;
    width:180px;
    height:180px;
    z-index:10;
    }
    /*for second homepage end*/
    
    .button1{
    display:block;
    margin: 0 auto 21px auto;
    float:none;
    color: #fff; 
    padding:4px 0 3px 0;  
    text-decoration:none;
    border-radius:30px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    text-align:center;
    text-transform:uppercase;
    width:100px;
    }
    
    .button1:link, .button1:visited{
    color: #fff; 
    }
    .button1wrapper a.button1{
    }
    .button1:hover{
    color:#FFF;
    -webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
    -moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6 ;
    box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
    
    }
    
    
    .maincolumnsblock1 ul {
    float:left;
    list-style:none;
    padding:0 ;
    
    }
    .maincolumnsblock1 ul li {
    position:relative;
    float:left;
    padding:0 ;
    
    margin-bottom:21px;
    }
    
    .maincolumnsblock1 ul li h3 {
    text-align:left;
    width:210px;
    position:relative;
    margin:21px 0 0 0;
    color:#333333;
    padding:0 ;
    font-size:21px;
    }
    
    .maincolumnsblock1 ul li h3 span{
    padding:0 3px;
    }
    
    
    .maincolumnsblock1 ul li p {
    text-align:left;
    margin:21px 10px 21px 0;
    }
    
    .maincolumnsblock1 ul li .circle {
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    margin:0 auto 0 auto;
    display:block;
    width:180px;
    height:180px;
    z-index:10;
    border:#fff 4px solid;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    }
    
    .maincolumnsblock1 ul li:hover .circle { 
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    filter: progid:DXImageTransform.Microsoft.Matrix(
    sizingMethod='auto expand',
    M11=1, M12=-0, M21=0, M22=1);
    }
    
    /*for first homepage*/
    .maincolumnsblock1 ul li .circle1 {
    background: url(../images/2small.png) center center no-repeat;
    -webkit-background-size: 100%  100% ;
    -moz-background-size: 100%  100% ;
    background-size: 100%  100% ;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    margin:21px auto 0 auto;
    display:block;
    width:180px;
    height:180px;
    z-index:10;
    }
    .maincolumnsblock1 ul li .circle2 {
    background: url(../images/2small.png) center center no-repeat;
    -webkit-background-size: 100%  100% ;
    -moz-background-size: 100%  100% ;
    background-size: 100%  100% ;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    margin:21px auto 0 auto;
    display:block;
    width:180px;
    height:180px;
    z-index:10;
    }
    .maincolumnsblock1 ul li .circle3 {
    background: url(../images/3small.png) center center no-repeat;
    -webkit-background-size: 100%  100% ;
    -moz-background-size: 100%  100% ;
    background-size: 100%  100% ;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    margin:21px auto 0 auto;
    display:block;
    width:180px;
    height:180px;
    z-index:10;
    }
    .maincolumnsblock1 ul li .circle4 {
    background: url(../images/4small.png) center center no-repeat;
    -webkit-background-size: 100%  100% ;
    -moz-background-size: 100%  100% ;
    background-size: 100%  100% ;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    margin:21px auto 0 auto;
    display:block;
    width:180px;
    height:180px;
    z-index:10;
    }
    /*for first homepage end*/
    
    
    
    /* main columns block end*/
    
    
    
    /** accordion3 for homepage**/
    .accordion3{
    margin:0  0 0 0;
    height:auto;
    }
    
    
    
    .accordion3 p{
    color:#555555;
    text-align:left;
    padding-bottom:21px;
    }
    
    .accordion3 a{
    font-size:17px;
    }
    
    .accordion2 a:hover{
    }
    
    
    
    .accordion3 dd ul li {
    
    }
    
    .accordion3 dt{
    
    
    }
    
    
    
    /** accordion3 end**/
    
    
    
    
    .video{
    margin:0 0 42px 0;
    }
    .video iframe{
    width:100%;
    height:272px;
    
    }
    
    
    
    .picturehomepage{
    width:380px;
    margin:0 0 63px 40px;;
    }
    
    
    .portfoliohome{
    list-style:none;
    }
    
    .portfoliohome ul {
    margin-bottom:0;
    }
    .portfoliohome ul li{
    margin-top:0;
    }
    .portfoliohome ul li img{
    
    }
    
    /* tabs */
    
    ul.tabs {
    	margin: -21px 0 1px 0;
    	padding: 0;
    	float: left;
    	list-style: none;
    	height: 32px;
    
    	width: 100%;
    }
    ul.tabs li {
    	float: left;
    	margin: 0;
    	padding: 0;
    	height: 31px;
    	line-height: 31px;
    	margin:0 2px 0 0;
    	border-left: none;
    	
    	background: ;
    	overflow: hidden;
    	position: relative;
    }
    ul.tabs li a {
    	text-decoration: none;
    	color: #333333;
    	display: block;
    	
    	padding: 0 10px;
    background: #E6E6E6;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    }
    
    ul.tabs li a:hover {
    color: #fff;
    }
    	
    
    .tab_container {
    	background: #E6E6E6;
    	margin:0 0 63px 0;
    	clear: both;
    	float: left; 
    	width: 100%;	
    	
    }
    .tab_content {
    		
    }
    
    .tab_content h4 {
    font-weight: normal;
    margin:15px 0 0 10px;
    line-height:1.6;
    }
    .tab_content h6 {
    font-weight: normal;
    margin:0 0 0 9px;
    }
    
    .tab_content p {
    margin:0 0 21px 0;
    }
    
    .icontab{
    float: left;
    margin:0 20px 0 0;
    transition: all .2s;
    -moz-transition: all .2s; 
    -webkit-transition:all .2s; 
    -o-transition: all .2s;
    
    }
    .icontab:link, .icontab:visited{
    float: left;
    }
    .icontab:hover{
    float: left;
    }
    
    
    
    /* tabs end */
    
    
    
    
    /* testimonials */
    
    .testimonials{
    margin:0 0 0 50px;
    padding:0;
    float:right;
    width:100%;
    }
    
    .quotes{
    width:60px;
    height:40px;
    color:#E6E6E6;
    }
    
    
    
    /***dashed line***/
    
    .dashedline {
    margin:0 0 21px 0;
    padding:0;
    background: url(../images/dashedline.png) repeat;
    }
    
    .dashedline span{
    background: #FCFCFC;
    padding-right:5px;
    }
    .dashedline1 {
    margin:42px 0 21px 0;
    width:100%;
    height:2px;
    padding:0;
    background: url(../images/dashedline1.png) repeat-x;
    }
    .dashedline2 {
    margin:0 0 21px 0;
    padding:0;
    background: url(../images/dashedline2.png) repeat-x;
    }
    .dashedline2 span{
    background: #FCFCFC;
    padding-right:5px;
    }
    
    /***dashed line end***/
    
    
    #testimonials blockquote{
    border:none;
    margin:0 0 0 0;
    padding:0;
    color:#555555;
    }
    #testimonials blockquote cite{
    border:none;
    margin:0 0 21px 0;
    padding:0 0 21px 0;
    font-weight:normal;
    font-size:17px;
    color:#333333;
    font-style:normal;
    line-height:1.6;
    }
    
    /* testimonials end*/
    
    
    
    .carouselmobile{
    display:none;
    }
    
    .carouselclientsmobile{
    display:none;
    }
    
    
    
    .paralaximage {
    display:none;
    }
    
    .mapmobile{ 
    display:none;
    }
    
    
    
    /** accordion for menu on mobile devices**/
    
    
    .accordion1{
    margin: 0 0 0 10px;
    text-align:center;
    height:auto;
    position:relative;
    z-index:100;
    }
    
    
    .accordion1 a{
    margin:0;
    display:block;
    color:#fff;
    
    }
    
     
    .accordion1 a:hover{
    margin:0;
    
    }
    .accordion1  h3{
    padding:5px;
    margin:0 0 0 0;	
    display:block;
    position:relative;
    
    color:#fff;
    cursor:pointer;
    }
    .accordion1  h3:hover{
    
    color:#fff;
    }
    
    .accordion1 div{
    display: none;
    height:auto;
    }
    
    .accordion1  section ul{
    list-style:none;
    margin:0;
    }
    .accordion1  section ul li{
    margin:0;
    padding:10px;
    }
     .accordion1  section ul li:hover{
    
    } 
    .accordion1 h3.active a:after {  
     content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;	
    }
    
    /** accordion end**/
    
    
    
    /******footer******/
    
    
    
    .footerwrapper{
    height:auto;
    margin:0 auto;
    }
    
    .footerabout {
    color:#fff;
    margin:0 20px 21px 0;
    }
    
    
    .footerheadline {
    color:#fff;
    margin:42px 0 ;
    }
    
    
    .footerlinkswrapper{
    float:left;
    list-style:none;
    margin:0 20px 21px 0;
    }
    
    .footerlinks{
    margin: 0 0 5px 0;  
     
    display:block;
    float:left;
    text-decoration:none;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-decoration:none;
    
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    }
    .footerlinks:link, .footerlinks:visited{
    
    }
    
    .footerlinks:hover{                                
    }
    
    
    .subscribefieldwrapper{
    float:left;
    margin:0 0 0 0;
    height: auto;
    width:auto;
    }
    
    
    .subscribefield{
    float:left;
    margin:0 ;
    height: 30px;
    width:auto;
    padding:0 0 0 10px;
    color:#555555;
    border-radius: 20px; 
    -moz-border-radius:20px; 
    -webkit-border-radius:20px; 
    }
    
    .buttonmain2{
    font-size:13px;
    text-decoration:none;
    width:100px;
    text-align:center;
    padding:5px 0;
    cursor:pointer;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    border:7px solid #fff;
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    color:#fff;
    }
    .buttonmain2:link, .buttonmain2:visited{
    text-align:center;
    text-decoration:none;
    }
    
    .buttonmain2:hover{
    
    
    }
    
    
    .bottomlinks{
    margin:0 0 0 0;
    }
    
    ul.bottomlinks{
    text-decoration:none;
    margin:0 0 0 0;
    padding:0;
    list-style:none;
    }
    
    .links{
    margin: 0 0 0 15px ;      
    display:block;
    float:right;
    text-decoration:none;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    }
    
    .links:link, .links:visited{
    display:block;
    float:right;   
    text-decoration:none;
    }
    
    .links:hover{                                
    }
    
    
    .flickr {                            
    list-style:none;
    float:left;
    margin:0;
    border:none;
    }
    
    .flickr li{                            
    list-style:none;
    float:left;
    margin:0 5px 0 0;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    }
    
    .flickr li:hover{                            
    opacity:.7;
    
    }
    
    
    .icons{ 
    float:left;
    }
    
    
    .icons a{ 
    width:42px;
    height:42px;
    }
    
    
    .splitterfacebook{
    float: left;
    margin:0 10px 0 0;
    transition: all .2s;
    -moz-transition: all .2s; 
    -webkit-transition:all .2s; 
    -o-transition: all .2s;
    background: url(../images/splitterfacebook.png) left top no-repeat;
    }
    .splitterfacebook:link, .splitterfacebook:visited{
    float: left;
    }
    .splitterfacebook:hover{
    float: left;;
    background: url(../images/splitterfacebook.png) right top no-repeat;
    }
    
    
    .splittergoogleplus{
    float: left;
    margin:0 10px 0 0;
    transition: all .2s;
    -moz-transition: all .2s; 
    -webkit-transition:all .2s; 
    -o-transition: all .2s;
    background: url(../images/splittergoogleplus.png) left top no-repeat;
    }
    .splittergoogleplus:link, .splittergoogleplus:visited{
    float: left;
    }
    .splittergoogleplus:hover{
    float: left;
    background: url(../images/splittergoogleplus.png) right top no-repeat;
    }
    
    
    .splittertwitter  {
    float: left;
    margin:0 10px 0 0;
    transition: all .2s;
    -moz-transition: all .2s; 
    -webkit-transition:all .2s; 
    -o-transition: all .2s;
    background: url(../images/splittertwitter.png) left top no-repeat;
    }
    .splittertwitter:link, .splittertwitter:visited{
    float: left;
    }
    .splittertwitter:hover{
    float: left;
    background: url(../images/splittertwitter.png) right top no-repeat;
    }
    
    .splittervimeo{
    float: left;
    margin:0 10px 0 0;
    transition: all .2s;
    -moz-transition: all .2s; 
    -webkit-transition:all .2s; 
    -o-transition: all .2s;
    background: url(../images/splittervimeo.png) left top no-repeat;
    }
    .splittervimeo:link, .splittervimeo:visited{
    float: left;
    }
    .splittervimeo:hover{
    float: left;
    background: url(../images/splittervimeo.png) right top no-repeat;
    }
    
    .splitterlinkedin{
    float: left;
    margin:0 0 0 0;
    transition: all .2s;
    -moz-transition: all .2s; 
    -webkit-transition:all .2s; 
    -o-transition: all .2s;
    background: url(../images/splitterlinkedin.png) left top no-repeat;
    }
    .splitterlinkedin:link, .splitterlinkedin:visited{
    float: left;
    }
    .splitterlinkedin:hover{
    float: left;
    background: url(../images/splitterlinkedin.png) right top no-repeat;
    }
    
    
    
    .copyright{                                
    color:#cccccc;
    margin:14px auto 21px auto;
    float:left;
    width:80%;
    }
    
    .copyright a:link, .copyright a:visited{  
    }
    
    .copyright a:hover{  
    }
    
    
    /******twitter******/
    .twitterwrapper {
    display: block;
    overflow: hidden;
    height: 25px;
    width:auto; 
    float:left;
    margin:21px 0 ;
    }
    
    .twitterblueicon{
    float:left;
    width:auto;
    height:30px;
    font-size:25px;
    margin:-5px 0 5px 0;
    }
    	
    .tweet{
    height: 21px; 
    overflow: hidden;    
    }
    
    #ticker ul.tweet_list {
    overflow-y:hidden;
    padding-left:7px;
    }
    #ticker .tweet_list li {
    height: 52px;
    color:#fff; 
    list-style:none;
    }
    #ticker .tweet_list li a{
    height: 52px;
    text-decoration:none;
    transition: all .2s;
    -moz-transition: all .2s; 
    -webkit-transition:all .2s; 
    -o-transition: all .2s;
    }
    
    #ticker .tweet_list li a:hover{
    }
    
    .tweet_list .tweet_avatar {
    display:none;
    }
    /******twitter end******/
    
    
    
    .scrollbutton{
    float:right;
    margin: 21px 0 21px 0;
    transition: all .2s;
    -moz-transition: all .2s; 
    -webkit-transition:all .2s; 
    -o-transition: all .2s;
    border:none;
    height:30px;
    transition: all .2s;
    -moz-transition: all .2s; 
    -webkit-transition:all .2s; 
    -o-transition: all .2s;
    }
    .scrollbutton:link, .scrollbutton:visited{
    }
    
    .scrollbutton:hover{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    filter: progid:DXImageTransform.Microsoft.Matrix(
    sizingMethod='auto expand',
    M11=1, M12=-0, M21=0, M22=1);	
    }
    
    
    /******footer end******/
    
    
    
    
    /******portfolio pages******/
    
    .pagination{
    margin-bottom:21px;
    margin-top:0;
    
    
    }
    .pagination a{
    padding:0 5px 0 5px;
    font-weight:bold;
    border-radius:100%;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    color:#fff;
    margin:0 10px 0 0;
    }
    .navigation{
    
    }
    .navigation a{
    padding:0 5px;
    background:#fff;
    margin:0 0 0 5px;
    float:right;
    transition: all .2s;
    -moz-transition: all .2s; 
    -webkit-transition:all .2s; 
    -o-transition: all .2s;
    
    }
    
    .navigation a:link, .navigation a:visited{
    padding:0 5px;
    color:#fff;
    }
    
    .navigation a:hover{
    padding:0 5px;
    color:#fff;
    }
    
    .portfoliolinks{
    display:inline-block;
    float:left;
    margin:84px 0 21px 0;
    }
    
    
    .portfoliolinks ul li{
    margin: 0 ;    
    display:inline-block;
    list-style:none;
    float:right;
    text-decoration:none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-decoration:none;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    }
    
    .portfoliolinks ul li:link, .portfoliolinks ul li:visited{
    }
    .portfoliolinks ul li:hover{                                
    }
    
    
    
    /**** for filter portfolio ****/
    
    .splitter {
    margin: 21px 0 0 0;
    
    }
    
    .splitter:after {
      content: "";
      display: block;
      height: 0;
      overflow: hidden;
      clear: both;
    
    }
    
    .splitter ul {
    margin-left:0;
    }
    
    .splitter ul li  {
    background:#ededed;
    margin-right:5px;
    }
    
    .splitter li,
    .splitter ul,
    .splitter ul li a  {
      display: inline-block;
     font-size:13px;
    text-align:center;
    }
    
    .splitter ul,
    .splitter ul li,
    .splitter ul li a {
      background-repeat: no-repeat;
    }
    
    .splitter ul {
    }
    
    .splitter ul li {
    
    }
    
    
    .splitter li ul li a {
    
    padding:3px 10px;
    text-decoration: none;
    color:#555555;
    }
    
    .splitter ul li a:link {
    
    }
    
    .splitter ul li a:visited{
    
    }
    
    .splitter ul li a:hover{
    color:#fff;
    
    }
    .splitter ul li a:focus {
    
    }
    .splitter ul li a:active {
    
    }
    
    .image-grid {
    list-style:none;
    }
    
    .image-grid:after {
      content: "";
      display: block;
      height: 0;
      overflow: hidden;
      clear: both;
    }
    
    
    
    .image-grid li {
     float: left;
      text-align: center;
      overflow: hidden;
    margin:10px 0;
    padding-top:2px;
    padding-bottom:2px;
    }
    
    .image-grid li img,
    .image-grid li strong {
     display:block;
    
    }
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2013
    Posts
    3
    Rep Power
    0
    Final section

    Code:
    .image-grid  li img{
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border:#fff 4px solid;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    }
    
    .image-grid  li img:hover{
    opacity:.2;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    filter: progid:DXImageTransform.Microsoft.Matrix(
    sizingMethod='auto expand',
    M11=1, M12=-0, M21=0, M22=1);
    }
    
    
    /******portfolio end******/
    
    
    
    
    /**** about us, team and one product pages****/
    
    
    
    .aboutusheadline2{ 
    margin:21px 0 21px 0;
    padding:0;
    
    }
    
    .aboutustext{ 
    }
    
    
    .aboutuscolumns ul {
    float:left;
    list-style:none;
    }
    .aboutuscolumns ul li {
    position:relative;
    float:left;
    margin-bottom:21px;
    }
    
    .aboutuscolumns ul li h3 {
    
    width:210px;
    position:relative;
    margin:0 auto 0 auto;
    color:#333333;
    padding:0 ;
    }
    
    .aboutuscolumns ul li h4 span{
    padding:0 3px;
    }
    
    
    .aboutuscolumns ul li p {
    margin:21px 20px 21px 0;
    }
    
    
    .aboutusicons a{ 
    margin-right:5px;
    }
    
    
    .aboutuscolumns .picture{
    background: url(../images/team.png) center center no-repeat;
    width:190px;height:190px;
    background-size:100% 100%;
    margin:21px 0 0 0;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    border:#fff 4px solid;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    }
    
    
    
    
    .aboutusrows .picture{
    margin:21px 0 42px 0;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    border:#fff 4px solid;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    
    }
    
    .aboutusrows .picturewrapper{
    width:100%;
    }
    .aboutusrows h5{
    margin:0 0 21px 0;
    padding-top:21px;
    }
    
    
    
    
    .oneproductfeatures{ 
    margin-bottom:21px;
    }
    .oneproductfeatures ul li{ 
    list-style:none;
    padding: 0 0 0 15px;
    background: url(../images/linkbulletblack.png) left center no-repeat;
    font-weight:bold;
    }
    
    .headlinetab1about{
    margin:21px 0 21px 20px; 
    }
    .headlinetab1about span{ 
    font-size:13px;
    padding-left:10px;
    }
    
    .productheadline{
    width:100%;
    }
    
    .productheadline h2{
    font-size:21px;
    padding:5px 15px;
    text-transform:uppercase;
    font-family:"pt sans";
    color:#fff;
    float:left;
    margin:21px 0 21px 10px;
    }
    .productheadline h3{
    float:left;
    margin:21px 0 21px 0;
    }
    
    
    
    .productlist{
    margin-bottom:21px;
    }
    
    .productlist li{
    list-style:none;
    }
    
    
    .headlinetab1product{
    padding:0 0 0 10px;
    }
    
    .containertabs{
    margin:21px 0 0 0;
    }
    
    .about h3{ 
    margin-right: 10px;
    margin-left:10px;
    margin-top:0;
    }/*for aboutpage2*/
    
    
    .about p{ 
    margin-right: 10px;
    margin-left:10px;/*for aboutpage2*/
    }
    
    
    /** accordion4 for homepage**/
    .accordion4{
    margin: 21px 0 42px 0;
    height:auto;
    padding: 0 5px 0 5px;
    }
    
    
    
    .accordion4 p{
    color:#555555;
    text-align:left;
    margin:0 20px;
    }
    
    .accordion4 a{
    margin:0 10px 0 20px;
    display:block;
    color:#333333;
    }
    
    
    .accordion4 a:hover{
    }
    
    .accordion4  dt{
    padding:0 20px 11px 0;
    margin:0 0 2px 0;	
    position:relative;
    text-align:left;
    color:#333333;
    
    cursor:pointer;
    font-size:17px;
    font-family:"pt serif";
    }
    .accordion4  dt span{
    }
    .accordion4 dt {
    background:#e6e6e6 url(../images/right.png) no-repeat right center;
    }
    
    
    .accordion4 dt:hover{
    background:#e6e6e6 url(../images/down.png) no-repeat right center;
    }
    .accordion4 dt:focus{
    background:#e6e6e6 url(../images/down.png) no-repeat right center;
    }
    
    /** accordion4 end**/
    
    
    
    /**** about us, team and one product pages end****/
    
    
    
    /**** prices page****/
    
    .prices{
    margin:21px 0;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    height:445px;
    
    }
    
    
    .prices h3{
    text-align:center;
    padding:17px 0 0 0 ;
    
    }
    
    
    .prices h4{
    text-align:center;
    color:#fff;
    padding:26px 0 0 0;
    font-size:44px;
    }
    
    .prices h4 sup{
    font-size:21px;
    }
    .prices img{
    width:100%;
    }
    
    .pricelist{
    list-style:none;
    margin:42px auto 21px auto;
    }
    .pricelist li{
    text-align:center;
    }
    
    
    
    .prices1{
    margin:42px 0;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    
    height:424px;
    background:#fff ;
    }
    
    .prices1 h4{
    text-align:center;
    padding:10px 0 0 0;
    }
    
    
    .pricesrowcolor{
    margin:-10px 0 10px 0;
    float:left;
    width:100%;
    height:105px;
    }
    
    .pricesrowcolor h4{
    text-align:center;
    padding:10px 0 0 0;
    font-size:44px;
    }
    
    .pricesrowcolor h4 sup{
    font-size:21px;
    }
    
    .pricesrow{
    margin:-10px 0 10px 0;
    float:left;
    width:100%;
    height:105px;
    background: #E6E6E6;
    }
    .pricesrow h4{
    text-align:center;
    padding:10px 0 0 0;
    font-size:44px;
    }
    
    .pricesrow h4 sup{
    font-size:21px;
    }
    
    /**** prices end ****/
    
    
    /**** contact page****/
    
    
    .map{ 
    border:none;
    margin:21px 0;
    width:940px;
    }
    /*for contact form*/
    
    #main{
    width:100%;
    height:274px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    }
    
    
    .commentfield{
    font-family:"pt sans";
    margin:0 0 21px 0;
    border:none;
    padding:5px;
    color:#555555;
    font-size:13px;
    float:left;
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    }
    .contact1{
    color:#555555;
    width:50%;
    padding:2% 1% 0 2%;
    float:left;
    }
    
    .contact2{
    color:#555555;
    width:50%;
    float:right;
    padding:2% 2% 0 1%;
    }
    .textarea{
    width:96%;
    margin:0 2% 21px 2%;
    height: 147px;
    padding:5px;
    float:left;
    font-size:13px;
    font-family:"pt sans";
    }
    
    
    .buttoncontact{
    font-size:21px;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    color:#fff;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    border:7px solid #fff;
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    float:left;
    margin:0 0 0 10px;
    width:150px;
    }
    
    .buttoncontact:link, .buttoncontact:visited{
    }
    
    .buttoncontact:hover{
    color:#fff;
    }
    
    
    /*for contact form end*/
    
    
    /**** contact page end****/
    
    
    
    /****** blog ******/
    
    .blogvideo{
    width:100%;
    height:300px;
    margin:0 0 21px 0;
    }
    
    .blogimage1{
    margin-bottom:21px;
    border:5px solid #fff;
    box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    -webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    -moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    }
    
    
    .blogheadline{
    font-size:21px;
    margin:21px 0 ;
    }
    
    .blogheadline span{
    background: #FCFCFC;
    padding:0 5px 0 0;
    }
    
    .date{
    margin:0 0 21px 0;
    }
    .date h6{
    padding:3px 9px;
    display:inline;
    color:#fff;
    margin:0 0 21px 0;
    }
    
    .metadata{
    }
    
    .metadata a{
    text-decoration:none;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    }
    .metadata a:link, .metadata a:visited{
    
    }
    
    .metadata a:hover{                                
    }
    
    .blogpost p{                                
    margin-bottom:0;
    
    }
    
    .blogbutton{
    font-size:17px;
    text-decoration:none;
    width:120px;
    margin:0 0 21px 0;
    float:right;
    text-align:center;
    cursor:pointer;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    border:7px solid #fff;
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    -webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    -moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    }
    
    .blogbutton:link, .blogbutton:visited{
    }
    
    .blogbutton:hover{
    color:#fff;
    -webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
    -moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
    box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
    
    }
    
    .blogbuttontext:link, .blogbuttontext:visited{
    text-align:center;
    text-decoration:none;
    color:#fff;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    font-size:17px;
    }
    
    .blogbuttontext:hover{
    color:#fff;
    }
    
    .blogcomments{
    
    }
    .personicon{
    font-size:75px;
     color:#e6e6e6;
    }
    .blogcomments img{
    
    }
    
    
    .blogcomments a  {
    float:right;
    padding-bottom:21px;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    }
    .blogcomments a :link, .blogcomments a :visited{
    
    }
    
    .blogcomments a:hover{                                
    }
    
    
    
    .sidebarheadline{
    margin:21px 0 0 0;
    
    }
    
    
    .sidebarlinkswrapper{
    float:left;
    list-style:none;
    margin:0 20px 21px 20px;
    }
    
    .sidebarlinks{
    margin: 0 0 5px 0;  
    display:block;
    float:left;
    text-decoration:none;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-decoration:none;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    }
    .sidebarlinks:link, .sidebarlinks:visited{
    
    }
    
    .sidebarlinks:hover{                                
    }
    
    .containertabsblog{                                
    margin:21px 0 0 0;
    }
    
    ul.tabsblog {
    	margin: 0 0 1px 0;
    	padding: 0;
    	float: left;
    	list-style: none;
    	height: 32px;
    
    	width: 100%;
    }
    ul.tabsblog li {
    	float: left;
    	margin: 0;
    	padding: 0;
    	height: 31px;
    	line-height: 31px;
    	margin:0 2px 0 0;
    	border-left: none;
    	
    	background: ;
    	overflow: hidden;
    	position: relative;
    }
    ul.tabsblog li a {
    	text-decoration: none;
    	color: #333333;
    	display: block;
    	
    	padding: 0 10px;
    background: #E6E6E6;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    }
    ul.tabsblog li a:hover {
    color: #fff;
    }	
    
    
    .tab_contentblog ul {
    float:left;
    margin:21px 0 0 20px;
    		
    }
    
    .tab_contentblog p{
    list-style:none;
    color:#555555;	
    font-size:normal;
    font-style:normal;
    font-size:13px;
    padding:20px 20px 0 20px;	
    }
    
    
    /** accordion2 for sidebar**/
    
    .accordion2{
    margin:0  0 21px 0;
    height:auto;
    }
    
    
    
    .accordion2 p{
    color:#555555;
    text-align:left;
    
    }
    
    .accordion2 a{
    font-size:17px;
    }
    
    .accordion2 a:hover{
    }
    
    
    
    .accordion2 dd ul li {
    list-style:none;
    padding-left:15px;
    background: url(../images/linkbulletblack.png) left center no-repeat;
    display:block;
    color:#555555;
    list-style:none;
    font-size:13px;
    }
    
    
    .accordion2 dd ul li a{
    list-style:none;
    display:block;
    list-style:none;
    font-size:13px;
    }
    
    
    
    /** accordion2 end**/
    
    
    
    
    
    
    
    /*tags blog sidebar */
    
    #tags ul{
    margin:42px 5px;
    text-align:center;
    		
    }
    #tags li{
    margin:0;
    padding:0;
    list-style:none;
    display:inline;
    }
    #tags li a{
    text-decoration:none;
    padding: 5px;	
    }
    #tags li a:hover{	
    }		
    	
    .tag1{font-size:100%;}
    .tag2{font-size:120%;}
    .tag3{font-size:140%;}
    .tag4{font-size:160%;}
    .tag5{font-size:180%;}
    	
    
    .btn{
    display:inline-block;
    padding:3px 5px;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    text-align:center;
    margin:0 0 21px 15px;
    color:#fff;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    text-transform:uppercase;
    }
    .btn:link, .btn:visited{
    color:#fff;
    }
    .btn:hover{
    color:#fff;
    -webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
    -moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6 ;
    box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
    }
    
    
    /*tags blog sidebar end*/
    
    
    .blogthumb {
    margin:0;
    padding:0;
    }
    
    .blogthumbpicture{
    width:60px;
    height:60px;
    float:left;
    margin:0 0 0 0;
    background: url(../images/1s.jpg) top center no-repeat;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    margin-bottom:21px;
    }
    
    
    .blogthumbpicture:link, .blogthumbpicture:visited{
    
    }
    
    .blogthumbpicture:hover{
    opacity:.7;
    }
    
    .blogthumbpicturesidebar{
    width:60px;
    height:60px;
    float:left;
    margin:0 0 0 0;
    background: url(../images/1s.jpg) top center no-repeat;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    margin-bottom:21px;
    }
    
    
    
    
    
    .blogthumb p{
    font-size:13px;
    font-style:normal;
    margin:0;
    padding:0;
    }
    
    
    
    .image-grid1 {
    list-style:none;
    }
    
    .image-grid1:after {
      content: "";
      display: block;
      height: 0;
      overflow: hidden;
      clear: both;
    }
    
    
    
    .image-grid1 li {
     float: left;
      
      overflow: hidden;
    margin:10px 0;
    padding-top:2px;
    padding-bottom:2px;
    }
    
    .image-grid1 li img,
    .image-grid1 li strong {
     display:block;
    
    }
    
    .image-grid1  li img{
    box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    -moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border:#fff 4px solid;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    }
    
    .image-grid1  li img:hover{
    opacity:.2;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    filter: progid:DXImageTransform.Microsoft.Matrix(
    sizingMethod='auto expand',
    M11=1, M12=-0, M21=0, M22=1);
    }
    
    
    
    
    
    
    
    
    /****** blog end ******/
    
    
    
    
    /********* shortcodes *********/
    
    /****** buttons ******/
    
    /*first button*/
    .b1{
    font-size:21px;
    text-decoration:none;
    width:150px;
    text-align:center;
    cursor:pointer;
    color:#fff;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    border:7px solid #fff;
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    -webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    -moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
    
    }
    
    .b1:link, .b1:visited{
    }
    
    .b1:hover{
    color:#fff;
    -webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
    -moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
    box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
    }
    
    .b1text:link, .b1text:visited{
    text-align:center;
    text-decoration:none;
    color:#fff;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s; 
    }
    
    .b1text:hover{
    color:#fff;
    }
    
    .b1size1{
    width:200px;
    height:auto;
    
    font-size:21px;
    }
    
    .b1size2{
    width:155px;
    height:auto;
    font-size:17px;
    }
    
    .b1size3{
    width:118px;
    height:auto;
    font-size:13px;
    }
    /*first button end*/
    
    
    
    /*second button*/
    
    .b2{
    display:block;
    float:none;
    background: #E6E6E6; 
    color:#555555; 
    padding:4px 0 3px 0; 
    text-decoration:none;
    border-radius:30px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    transition: all .3s;
    -moz-transition: all .3s; 
    -webkit-transition:all .3s; 
    -o-transition: all .3s;
    text-align:center;
    text-transform:uppercase;
    }
    
    .b2:link, .b2:visited{
    }
    .b2wrapper a.b2{
    
    }
    .b2:hover{
    color:#FFF;
    -webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
    -moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6 ;
    box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
    }
    
    
    .b2size1{
    width:170px;
    height:auto;
    font-size:21px;
    }
    
    .b2size2{
    width:150px;
    height:auto;
    font-size:17px;
    }
    
    .b2size3{
    width:110px;
    height:auto;
    font-size:13px;
    }
    
    
    /*second button end*/
    
    
    
    /****** buttons end ******/
    
    
    /****notifications****/
    
    
    .notification1{
    height:43px;
    width:100%;
    background:#b6d9a9;
    }
    
    .notification1 i{
    font-size:27px;
    color:#fff;
    display:inline-block;
    }
    
    .notification1 p{
    padding:7px 0 10px 0;
    color:#fff;
    font-size:17px;
    display:inline-block;
    }
    
    .notification1 a{
    padding:9px 21px 0 50px;
    color:#fff;
    font-size:13px;
    text-align:right;
    float:right;
    }
    
    
    .notification2{
    height:43px;
    border:#e6e6e6 solid 1px;
    width:100%;
    background:#a9cfd9;
    }
    
    
    .notification2 i{
    font-size:27px;
    color:#fff;
    display:inline-block;
    }
    
    .notification2 p{
    padding:7px 0 10px 0;
    color:#fff;
    font-size:17px;
    display:inline-block;
    }
    
    .notification2 a{
    padding:12px 21px 0 50px;
    color:#fff;
    font-size:13px;
    text-align:right;
    float:right;
    }
    
    
    .notification3{
    height:43px;
    border:#e6e6e6 solid 1px;
    width:100%;
    background:#daa2a2;
    }
    
    
    .notification3 i{
    font-size:27px;
    color:#fff;
    display:inline-block;
    }
    
    .notification3 p{
    padding:7px 0 10px 0;
    color:#fff;
    font-size:17px;
    display:inline-block;
    }
    
    .notification3 a{
    padding:12px 21px 0 50px;
    color:#fff;
    font-size:13px;
    text-align:right;
    float:right;
    }
    
    
    .notification4{
    height:43px;
    border:#e6e6e6 solid 1px;
    width:100%;
    background:#dce094;
    }
    
    
    .notification4 i{
    font-size:27px;
    color:#fff;
    display:inline-block;
    }
    
    .notification4 p{
    padding:7px 0 10px 0;
    color:#fff;
    font-size:17px;
    display:inline-block;
    }
    
    .notification4 a{
    padding:12px 21px 0 50px;
    color:#fff;
    font-size:13px;
    text-align:right;
    float:right;
    }
    
    .notification5{
    height:43px;
    width:100%;
    background:#b6d9a9 ;
    }
    .notification5 p{
    padding:8px 0 0 20px;
    color:#fff;
    font-size:17px;
    display:inline-block;
    }
    .notification5 a{
    padding:12px 21px 0 50px;
    color:#fff;
    font-size:13px;
    text-align:right;
    float:right;
    }
    
    
    .notification6{
    height:43px;
    border:#e6e6e6 solid 1px;
    width:100%;
    background:#a9cfd9;
    }
    
    .notification6 p{
    padding:7px 0 0 20px;
    color:#fff;
    font-size:17px;
    display:inline-block;
    }
    
    .notification6 a{
    padding:12px 21px 0 50px;
    color:#fff;
    font-size:13px;
    text-align:right;
    float:right;
    }
    
    
    .notification7{
    height:43px;
    border:#e6e6e6 solid 1px;
    width:100%;
    background:#daa2a2;
    }
    
    .notification7 p{
    padding:7px 0 0 20px;
    color:#fff;
    font-size:17px;
    display:inline-block;
    }
    
    .notification7 a{
    padding:12px 21px 0 50px;
    color:#fff;
    font-size:13px;
    text-align:right;
    float:right;
    }
    
    
    .notification8{
    height:43px;
    border:#e6e6e6 solid 1px;
    width:100%;
    background:#dce094;
    }
    
    .notification8 p{
    padding:7px 0 0 20px;
    color:#fff;
    font-size:17px;
    display:inline-block;
    }
    
    
    .notification8 a{
    padding:12px 21px 0 50px;
    color:#fff;
    font-size:13px;
    text-align:right;
    float:right;
    }
    
    
    
    
    
    
    /****notifications end****/
    
    /*** Bottom footer ****/
    .navlist li
    	{
    		display: inline;
    		line-style-type: none;
    		padding-right: 40px;
    	}
    	
    .dashboardgraph
    	{
    		align: right;
    	}

IMN logo majestic logo threadwatch logo seochat tools logo