/* ----- General Styling ----- */

body
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #333;
}
p
{
   line-height: 20px;
margin: 10px;
text-align: justify;
}

.container, #latest_works, #bottom_content, #download
{
    margin: 0 auto;
    width: 1000px;
}
.container h1
{
    float:left;
    margin-top: 10px;
}
.container h1 a
{
background: url(../images/logo1.jpg) no-repeat;
display: block;
height: 50px;
text-indent: -9999px;
margin-top: 15px;
width: 214px;
border: 2px solid #2aacc8;

}
.bold_text
{
    font-weight: bold;
}

.blue_text
{
    color: #864ca4;
    font-size: 15px;
}

/* ----- General Styling ----- */

/* ----- Header Styling ----- */

#header
{
    height: 100px;
background: url(../images/bg12.png) repeat;
width: 100%;
float: left;

   border-bottom: 5px solid #fff;
}

#main_content
{
    width:100%;
    float:left;
   /* background: rgb(240, 240, 240);*/
    background: url(../images/bg11.png);
     border-top: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9;
    }


a
{
    color: #444;
    text-decoration: none;
    -moz-transition: 0.4s all linear;
    -webkit-transition: 0.4s all linear;
    -o-transition: 0.4s all linear;
    transition: 0.4s all linear;
    outline-color: #aaa;
}

/* ----- Header Styling ----- */

/* ----- Main Navigation Styling ----- */

#main_menu
{
    float: right;
    margin-top: 40px;
}

.first_list
{
    float: left;
    margin: 0 14px;
}

.main_menu_first
{
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 8px;
    
}

.main_menu_first:hover
{
    border-top: 5px solid #fff;
}

.with_dropdown
{
    position: relative;
}

.with_dropdown li a
{
    display: block;
}

.with_dropdown ul
{
    background: #fff;
    border-bottom: 5px solid #611689;
    padding: 12px 0;
    position: absolute;
    top: 24px;
    visibility: hidden;
    width: 197px;
    z-index:9999;
}

.first_list:hover.first_list ul
{
    visibility: visible;
}

.with_dropdown .main_menu_first
{
    background: url(../images/arrow_down.png) no-repeat 92%;
    padding-right: 23px;
}

.with_dropdown:hover .main_menu_first
{
    background: url(../images/arrow_down.png) no-repeat 92%;
    border-top: 5px solid #fff;
    color: #fff;
}

.second_list
{
    margin: 0 5px;
    padding: 10px;
}

.second_list_border
{
    border-bottom: 1px solid #e7e7e7;
}

.main_menu_second
{
    color: #864ca4;
    font-size: 13px;
    text-transform: capitalize;
}

.main_menu_second:hover
{
    color:rgb(29, 0, 243);
}

.main_current
{
    border-top: 5px solid #fff;
}

/* ----- Main Navigation Styling ----- */

/* ----- Slideshow Styling ----- */

#slideshow_area
{
    
    background: #fff;
    padding: 10px 0 10px 0;
    float:left;
    width:100%;
}

#mid_content
{
border-bottom: 1px solid #d9d9d9;
background: url(../images/bg12.png) repeat;
min-height: 250px;
width: 100%;
float: left;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;

}

#slideshow_pagination
{
    margin: 10px auto;
    width: 160px;
}

#slideshow_pagination li
{
    float: left;
    margin: 0 9px;
}

#slideshow_pagination a
{
    background: url(../images/grey_button.png) no-repeat;
    display: block;
    height: 14px;
    width: 14px;
}

#slideshow_pagination a.current
{
    background: url(../images/white_button.png) no-repeat;
}

/* ----- Slideshow Styling ----- */

/* ----- Home Mid Content Styling ----- */

.mid_content_info
{
 float: left;
font-size: 13px;
margin: 10px 0px;
width: 230px;
min-height: 235px;
padding-left: 10px;
}
.mid_content_info .img1
{
   width: 226px;
   
   border:2px solid #fff;
 box-shadow: 1px 1px 8px rgb(87, 87, 87);
    }

.mid_content_info h2
{

height: 15px;
margin: 0px 0 17px 0;
padding: 2px 0 0 0px;
font-family: Cambria, serif;
font-size: 20px;
font-style: italic;
color:#fff;
}

.mid_content_info p
{
color: #fff;
line-height: 17px;

min-height: 70px;

}

.mid_content_info a
{
    color:#fff;
    float: right;
}

.mid_content_info a img
{
    margin: 0 8px 1px 0;
}

.mid_content_info a:hover
{
    text-decoration: underline;
}

.mid_content_space
{
   padding: 0px 10px;
border-right: 1px solid rgb(153, 126, 160);
}

#clean
{
    background: url(../images/pen_icon.png) no-repeat left;
}

#responsive
{
    background: url(../images/screen_icon.png) no-repeat left;
}

#fully
{
    background: url(../images/layer_icon.png) no-repeat left;
}

#ready
{
    background: url(../images/paperplane_icon.png) no-repeat left;
}

#latest_works
{
    clear: left;
}

#latest_works h3
{
    background: url(../images/cursor_icon.png) no-repeat left;
    float: left;
    font-size: 20px;
    font-family: Cambria, serif;
    font-style:italic;
    font-weight: bold;
    height: 16px;
    margin: 19px 0 15px 0;
    padding: 8px 0 0 38px;
}

#carousel_nav
{
    float: right;
    margin-top: 20px;
}

#carousel_nav a
{
    margin-left: 6px;
}

#carousel_wrapper
{
    
    border-bottom: 1px solid #611689;
    clear: left;
    height: 240px;
}

#carousel_wrapper li
{
    float: left;
    margin: 10px 15px;
    border: 2px solid rgb(238, 86, 0);
}

#carousel_wrapper li a
{
    
    top: -20px;
}

#carousel_wrapper li a span
{
    top: 160px;
    position: relative;
    padding-top: 5px;
    text-align: center;
    background-color: rgb(238, 86, 0);
    width: 212px;
    height: 25px;
    display: block;
    left: -2px;
    font-size: 16px;
    color: White;
}
/* ----- Carousel and Portfolio Styling ----- */

#carousel_wrapper li
{
    height: 190px;
    position: relative;
    width: 210px;
}

#portfolio_list li
{
    height: 160px;
    position: relative;
    width: 210px;
    border: 2px solid #757777;
}

#carousel_wrapper li a img, #portfolio_list li a img
{
    position: absolute;
    height: 160px;
    width: 210px;
    top: 0px;
}
#carousel_wrapper li a img:hover
{
    opacity:.8;
    }



#carousel_wrapper li:hover a img, #portfolio_list li:hover a img
{
    visibility: visible;
}


/* ----- Carousel and Portfolio Styling ----- */


#testimonials
{
    clear: left;
    float: left;
    width: 730px;
    
}

#testimonials h3
{
    background: url(../images/speechcloud_icon.png) no-repeat left;
    font-family: Cambria, serif;
font-size: 20px;
font-style: italic;
    font-weight: bold;
    height: 18px;
    margin: 19px 0 15px 0;
    padding: 5px 0 0 38px;
}

#testimonials p
{
    color: #363636;
    font-size: 13px;
    line-height: 24px;
    text-align: justify;
    font-style: italic;
    margin:0px;
}

.testimonial_name
{
    font-style: italic;
    font-weight: bold;
    float: right;
    line-height:20px;
    color:rgb(238, 86, 0);
}

#clients
{
    float: left;
   
    width:730px;
   
}
#clients ul li img
{
    width:170px;
    padding:3px;
    }

#clients h3
{
    background: url(../images/people_icon.png) no-repeat left;
   
    font-weight: bold;
    height: 16px;
    margin: 10px 0 25px 0;
    padding: 4px 0 0 38px;
    font-family: Cambria, serif;
font-size: 20px;
font-style: italic;
}

#clients ul
{
    background: #e8ebf1;
    float:left;
}
#clients ul li
{
    background: #e8ebf1;
    float:left;
    
}

#clients img
{
    float: left;
    margin: 2px;
}
#machine
{
    float:right;
    width:250px;
    margin-bottom:20px;
    }
 #machine h3
{
    background: url(../images/screen_icon1.png) no-repeat left;
    background-size:20px 20px;
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    margin: 19px 0 15px 0;
    padding: 4px 0 0 45px;
   font-family: Cambria, serif;

font-style: italic;
}

#download
{
    background: #e8fcfe;
    border: 1px solid #81e4ed;
    clear: both;
    height: 78px;
    padding: 30px 30px;
    width: 940px;
}

#download p
{
    color: #363636;
    float: left;
    font-size: 16px;
    line-height: 26px;
    width: 608px;
}

#download a
{
    background: url(../images/download_button.png) no-repeat;
    display: block;
    color: #0d0707;
    font-size: 18px;
    font-weight: bold;
    float: right;
    height: 42px;
    margin: 8px 8px 0 0;
    padding: 22px 0 0 72px;
    width: 172px;
}

#download a:hover
{
    color: #fff;
}

/* ----- Home Mid Content Styling ----- */

/* ----- Portfolio Content Styling ----- */

#portfolio_area
{
    background: url(../images/banner_shadow.png) repeat-x;
    border-top: 1px solid #d9d9d9;
   
}

#portfolio
{
    background: url(../images/paintbrush_icon.png) no-repeat;
    font-size: 15px;
    font-weight: bold;
    height: 19px;
    margin-bottom: 12px;
    padding: 6px 0 0 40px;
}

#portfolio_menu
{
    border-bottom: 1px solid #dfe1e5;
    border-top: 1px solid #dfe1e5;
    margin-bottom: 25px;
    padding-bottom: 20px;
}
.title
{
    width: 210px;
    text-align: center;
    font-size: 14px;
    float: left;
    padding: 3px 0px;
    font-weight: bold;
    color:#fff;
}

#portfolio_menu ul
{
    padding: 20px 0;
}

#portfolio_menu li, #portfolio_list li
{
    float: left;
}

#portfolio_menu li
{
    margin-right: 2px;
}

#portfolio_menu a
{
    color: #000;
    font-size: 14px;
    padding: 7px 17px;
}

#portfolio_menu a:hover
{
    background: #81e4ed;
}

.portfolio_menu_current
{
    background: #81e4ed;
}

#portfolio_list
{
    height: 760px;
}

#portfolio_list li
{
    margin: 15px 15px;
}

#portfolio_pagination
{
    border-top: 1px solid #dfe1e5;
    clear: left;
    margin-top: 30px;
    padding: 25px 0;
}

#portfolio_pagination ul
{
    margin: auto;
    width: 233px;
}

#portfolio_pagination li
{
    float: left;
    margin: 0 2px;
}

#portfolio_pagination a
{
    color: #000;
    display: block;
    font-size: 14px;
    padding: 6px 9px;
}

#portfolio_pagination a:hover
{
    background: #81e4ed;
}

a#pagination_next, a#pagination_end
{
    background: #e8ebf1;
}

a#pagination_next:hover, a#pagination_end:hover
{
    background: #bfc1c6;
}

#pagination_end
{
    margin-left: 22px;
}

.pagination_current
{
    background: #81e4ed;
}

/* ----- Portfolio Content Styling ----- */

/* ----- Contact Content Styling ----- */
.main
{
float: left;
padding:5px 0px;
width: 1000px;

margin: 20px 0px;


    }
    
 .detail 
 {
     float:left;
width: 1000px;
margin: 10px 0px;
padding-bottom: 5px;
background: rgb(238, 238, 238);
border-bottom: 3px solid #864ca4;
}
 .detail img 
 {
  width: 160px;
float: right;
margin: 5px;
margin-top: -30px;
border: 2px solid #864ca4;
     }   
 .detail h3
 {
padding: 5px 0px;
font-size: 18px;
font-weight: bold;
color: #864ca4;
background: url(../images/bg11.png);
border-bottom: 3px solid;
margin-bottom: 5px;
     }

.detail ul li
{
    
    
    list-style: none;
text-align: justify;
border-top-color: inherit;
padding: 5px 0px;
border-right-color: inherit;
border-bottom-color: #666;
border-left-color: inherit;
list-style-image: url('../images/a.png');
margin-left:30px;
    }
#contact_area
{
    background: url(../images/banner_shadow.png) repeat-x;
   
    
}
#contact
{
    background: url(../images/profile.png) no-repeat;
    font-weight: bold;
    height: 15px;
    float: left;
width: 960px;
    margin: 6px 0 17px 0;
    padding: 0px 0 20px 40px;
    font-family: Cambria, serif;
    font-size: 20px;
    font-style: italic;
    border-bottom: 1px solid #611689;
}
.contact
{
    background: url(../images/envelope_icon.png) no-repeat;
    font-weight: bold;
    height: 15px;
    float: left;
width: 960px;
    margin: 6px 0 17px 0;
    padding: 2px 0 20px 40px;
    font-family: Cambria, serif;
    font-size: 20px;
    font-style: italic;
    border-bottom: 1px solid #611689;
}
#Client
{
    background: url(../images/people_icon.png) no-repeat;
    font-weight: bold;
    height: 15px;
        float: left;
width: 960px;
    margin: 6px 0 17px 0;
    padding: 2px 0 20px 40px;
    font-family: Cambria, serif;
    font-size: 20px;
    font-style: italic;
     border-bottom: 1px solid #611689;
  
}

#contact_info
{
    border-top: 1px solid #dfe1e5;
 
    float: left;
}

#contact_info_left
{
    float: left;
    margin: 27px 50px 10px 0;
    width: 574px;
}

#contact_info p
{
    font-size: 14px;
    line-height: 16px;
}

#contact_info_left p a:hover
{
    text-decoration: underline;
}

#contact_info_right
{
    float: right;
    margin-top: 30px;
}

#location_map
{
 width:998px;
 float:left;
 
}

#location_map h3
{
 
font-weight: bold;
height: 15px;
margin: 6px 0 17px 0;

font-family: Cambria, serif;
font-size: 20px;
font-style: italic;
}

#location_map img
{
    border: 5px solid #fff;
}
#address
{
    width:365px;
    float:right;
    padding-left: 10px;
border-left: 1px solid #ccc;
    }
#address h3
{
  font-weight: bold;
height: 15px;
margin: 6px 0 17px 0;

font-family: Cambria, serif;
font-size: 20px;
font-style: italic;
}

#address ul li
{
    color: #363636;
    font-weight: 100;
    
    min-height: 30px;
    font-size: 13px;
    line-height:20px;
    float:left;
}
#address ul li b
{
    color: #363636;
    width: 120px;
    height: 20px;
    float: left;
}
#address ul li span
{
    color: #363636;
    width: 240px;
    min-height: 20px;
    float: left;
}
/*css for profile page*/
.pro
{
    float: left;
    padding: 20px 0px;
    border-bottom: 1px solid #611689;
   
    width: 100%;
    margin-bottom: 20px;
}
.pro div
{
    float: left;
}
.pro div img
{
    float: left;
    margin: 10px;
    box-shadow: 1px 1px 5px rgb(68, 67, 67);
}
.pro div p
{
    line-height: 20px;
    margin: 10px;
    text-align: justify;
}
.pro div ul
{
    padding: 10px 0px;
    
}
.pro div h4
{
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}
.pro div ul li
{
    list-style: none;
    text-align: justify;
    border-top-color: inherit;
    padding: 5px 0px;
    border-right-color: inherit;
    border-bottom-color: #666;
    border-left-color: inherit;
    list-style-image: url('../images/a.png');
    margin-left: 20px;
}
/*css for media link*/
.media
{
    width: 350px;
float: right;
  }
  .media span
{
padding: 3px;
width: 220px;
font-size: 12px;
line-height: 20px;
float: left;
color: #fff;
  }
   .media span img
{
    padding:0px 3px; 
   
    float:left;
  }
.media ul
{
    width:120px;
    float:right;
  }
  
  .media ul li a
{
    width:40px;
    float:left;
  }
  .media ul li a img
  {
  width: 28px;
float: left;
padding: 6px;

  }
  .media ul li a img:hover
  {
      width:34px;
      float:left;
      padding:3px;
  }
  
/*css for client page*/
.clt
{
    float: left;
}
.cltdiv
{
    width: 230px;
    float: left;
    padding:10px 15px;
    
    background: #fff;
    border: 1px solid #444;
    border-top: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin: 15px 35px;
    box-shadow: 0px 5px 7px 1px;
    
}

.cltdiv span
{
    width: 230px;
    text-align: center;
    font-weight: bold;
    color: #FF3300;
    float: left;
    font-size: 14px;
}
.cltdiv img
{
    width: 230px;
    float: left;
}

/* ----- Contact Content Styling ----- */

/* ----- Form Styling ----- */

#contact_form
{
    width: 480px;
}

#contact_form li
{
    font-size: 14px;
    padding: 2px 0px;
}

#contact_form label
{
    display: block;
    margin: 12px 0;
}

#contact_form input
{
    height: 35px;
}

#contact_form input:focus, #contact_form textarea:focus
{
    border: 1px solid #2aacc8;
}

#contact_form input, #contact_form textarea
{
    border: 1px solid #b4bac5;
}

#contact_form input[type="submit"]
{
    background: url(../images/submit_button.png) no-repeat;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    height: 64px;
    margin-top: 20px;
    padding: 0 0 6px 30px;
    width: 160px;
}

#contact_form input[type="submit"]:hover
{
    color: #fff;
}

/* ----- Form Styling ----- */

/* ----- Footer Styling ----- */

#footer
{
     background: url(../images/bg12.png) repeat;
    
    border-top: 5px solid #fff;
    clear: both;
    height: 40px;
    
    float:left;
    width:100%;
    padding:15px 0px;
}

#footer p, #footer a
{
    color: #fff;
    font-size: 12px;
}

#footer h4
{
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 21px 0;
}

.footer_info
{
    float: left;
    margin: 32px 0 10px 0;
}

#footer_about, #footer_explore, #footer_browse
{
    margin: 0px auto;
    height: 30px;
    width: 600px;
}

#footer_about
{
    width: 338px;
}

#footer_about p, #footer_contact p, #copyright
{
    line-height: 17px;
    text-align: justify;
}

#footer_explore ul
{
    margin-top: 5px;
    font-size: 12px;
  
}

#footer_explore li, #footer_browse li
{
    margin: 10px 0;
    display: inline;
    margin-left: 10px;
}

#footer_explore li a, #footer_browse li a
{
    text-transform: capitalize;
}

#footer_explore li a:hover, #footer_browse li a:hover
{
    color:rgb(238, 86, 0);
}

#footer_connect
{
    float: right;
    width: 213px;
}

#footer_connect h4
{
    margin-left: 24px;
}

#footer_connect a
{
    display: block;
    float: left;
    height: 51px;
    margin: 0 0 10px 18px;
    text-indent: -9999px;
    width: 53px;
}

#facebook
{
    background: url(../images/facebook_icon.png) no-repeat;
}

#dribbble
{
    background: url(../images/dribbble_icon.png) no-repeat;
}

#pinterest
{
    background: url(../images/pinterest_icon.png) no-repeat;
}

#linkedin
{
    background: url(../images/linkedin_icon.png) no-repeat;
}

#skype
{
    background: url(../images/skype_icon.png) no-repeat;
}

#sharethis
{
    background: url(../images/sharethis_icon.png) no-repeat;
}

p#copyright
{
    clear: both;
    float: left;
    font-size: 13px;
}

#footer_logo
{
background: url(../images/titletransparrentwhite.png) no-repeat;
display: block;
background-size: 110px;
float: right;
height: 37px;
text-indent: -9999px;
width: 110px;
margin-top: 5px;
}

/* ----- Footer Styling ----- */