/*==================================== General styles ====================================*/

#wrap {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	background:#f4f4f2 url(../img/body_bg.png) top center repeat;
	top:0;
	margin-top:0;
}
.inner_wrap {
	margin:0 auto;
	margin-top:-135px;
	width:1020px;
	background:transparent url(../img/topcontent_bg.png) top center no-repeat;
}
#header {
	height:136px;
	width:100%;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
	z-index:1000;
	margin-top:0;
}

.top2 {
	float:left;
	height:99px;
	width:100%;
	background:  url(../img/header_bg.png) top left repeat-x;
}

#logo h1 {
	margin:0;
	padding:0;
}
#logo {
	width:240px;
	height:38px;
	float:left;
	margin-top:30px;
}
#logo {
	background: transparent url(../img/logo.png) no-repeat scroll center left;
}
#logo a {
	display:block;
	height:100%;
	width:100%;
}

.divider {
	clear: both;
	height: 2px;
	margin-top:30px;
	margin-bottom:30px;
	background:url(../img/horizontal-line.png) repeat-x center;
}

a.textlink {
	background:url(../img/slash.png) left center no-repeat;	
	padding-left:35px;
}


/*==================================== top area====================================*/

.top{
	background:url(../img/top-bg.png) repeat-x top left;
	float:left;
	width:100%;
	height:37px;
}
ul.top-nav{
	float:left;
	margin:9px 0px 0px 0px;
	padding:0 !important;	
}
ul.top-nav li{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px 10px 0px 0px;	
	background: url(../img/top-navi.png) no-repeat top right;
}
ul.top-nav li a{
	display:block;
}

/* social networks */

ul.social_network {
	display:inline;
	height:25px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 !important;
}
.follow-us{
	float:right;
	margin:7px 0px 0px 0px;
}
.follow-me{
	float:left;
}
.social_network li{
	float:left;
	padding:0 !important;
}
.follow-us li{
	margin:0px 0px 0px 10px;
}
.follow-me li{
	margin:0px 10px 0px 0px;
}
li.image_one a {
	display:block; 
	width:25px; 
	height:25px; 
	position:relative;
}	
li.image_one a .fb-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:25px; 
	height:25px; 
	background:url(../img/social/fb_hov.png) no-repeat top left;	
}
li.image_one a .twitter-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:25px; 
	height:25px;  
	background:url(../img/social/twitter_hov.png) no-repeat top left;	
}
li.image_one a .linkedin-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:89px; 
	height:25px; 
	background:url(../img/social/linkedin_hov.png) no-repeat top left;	
}
li.image_one a .rss-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:25px; 
	height:25px; 
	background:url(../img/social/rss_hov.png) no-repeat top left;	
}




/*==================================== top menu navigation ====================================*/

#nav {
	margin:30px 10px 0px 0px;
	padding-left:5px;
	float:right;
	position:relative;
	width: auto;
	height:38px;
}
.jqueryslidemenu {
	float:right;
	width: auto;
}
.jqueryslidemenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index:9999999;
	float:right;
}

/*Top level list items*/
.jqueryslidemenu ul li {
	position: relative;
	display: inline;
	float: left;
	margin-top:0 !important;
	background:url(../img/navi-li.png) no-repeat top right;
	padding: 0px 15px 0px 15px;
}
/*Top level menu link items style*/
.jqueryslidemenu ul li a {
	display: block;
	text-decoration: none;
	height:38px;
}
.jqueryslidemenu ul li a.parent{
	background: transparent url(../img/icons/navi-menu.png) no-repeat left 15px; /*background of tabs (default state)*/
	padding:0px 0px 0px 15px;
}
	.jqueryslidemenu ul  .menu_title{
	float:left;
	width:auto;
}
.jqueryslidemenu ul  .menu_desc{
	float:left;
	width:auto;
}
* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
.jqueryslidemenu ul li a:hover {
	background: transparent; /*tab link background during hover state*/
}
/*1st sub level menu*/
.jqueryslidemenu ul li ul {
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	padding-top:13px;
	background:url(../img/sub-menu-ul.png) no-repeat top left;
	border-bottom:1px solid #cfcfcf;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {
	display: list-item;
	float: none;
	font-size:12px;
	background:#fafafb url(../img/sub-menu-li.png) repeat-x bottom left;
	border-bottom: 1px solid #fff;
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	width: 160px; /*width of sub menus*/
	padding: 0px 1px 1px 1px;

}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {
	background:url(../img/sub-menu-a.png) repeat-x bottom left;
	margin: 0;
	border: 1px solid #fff;
	border-top: none;
	padding: 5px 14px 4px 14px;
	height:auto;
}
.jqueryslidemenu ul li ul li a:hover {
	background:url(../img/sub-menu-a-hover.png) repeat-x bottom left;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul {
	top: 0;
	border-bottom:1px solid #cfcfcf;
	padding:0;
	margin-left:-2px;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul li{
	border:1px solid #cfcfcf;
	border-bottom:none;
}
.jqueryslidemenu ul li ul li ul li a{
	border: 1px solid #fff;
}
.downarrowclass {
	position: absolute;
	top: 12px;
	right: 7px;
}
.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*==================================== Featured area ====================================*/

#featured-area {
	background:url(../img/featuredbg/bg-1.jpg) top center no-repeat;
	max-width:100%;
	margin-top:130px;
	padding-top:30px;
	height:615px;
}

#headline-page{
	background:url(../img/featuredbg/bg-1.jpg) top center no-repeat;
	max-width:100%;
	margin-top:30px;
	padding-top:30px;
	height:250px;
	overflow:hidden;	

}

#featured-area p strong, #footer p strong {
	color:#e4e4e4;
}

/*----------------------------------- slider ----------------------------------*/
.slider_area {
	width:980px;
	height:450px;
	margin:0 auto;
}

.slider_shadow {
	height:31px; 
	width:980px;
	background: url(../img/slider_shadow.png) no-repeat top center;
	margin:0 auto;
	margin-top:6px;
}


/* diapo slider elements */

/* caption box style */
.caption-box {
	padding:20px;
	background:url(../img/nivo/caption-bg.png) repeat top left;
	border:1px solid #000;
	color:#afafaf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
}

.circle1 {
	width:400px;
	height:400px;
	background:url(../img/diapo-slide/img-3a.png) no-repeat;
}

.circle2 {
	width:400px;
	height:400px;
	background:url(../img/diapo-slide/img-3b.png) no-repeat;
}

.circle3 {
	width:400px;
	height:400px;
	background:url(../img/diapo-slide/img-3c.png) no-repeat;
}

.circle1 p, .circle2 p, .circle3 p{
	text-align:center;
	color:#fcfcfc;
	font-family:Georgia, sans-serif;
	font-size:40px;
	padding:180px 0 0 0;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*==================================== Content  ====================================*/

/*----------------------- main content id, headline  ----------------------------*/

#top {
}

#top h4 {
	margin-bottom:15px;
}

#middle {

}
#bottom {

}
#content {

}

#tagline {
	height:135px;
	margin:0 auto;
	z-index:4;
	padding:0;
}

#tagline h3 {

}

#tagline .cta-text h3{
	background:url(../img/tag-bg.png) no-repeat 0% 12px;
	text-align:left;
	padding:0 0 0 40px;
	
}



#tagline p {
	line-height:1.5em;
    color:#909090;
    font-size:12px;
}


#tagline p.subline {
	text-shadow:1px 1px 0px #f7ffff;
}

/*=================================== cta box ====================================*/

.cta-text { 
	float:left;
	margin: 44px 0 0 0;
	width:900px;
}
.cta-text2 { 
	float:left;
	margin: 44px 0 0 0;
	width:650px;
}

.cta-box { 
	float:right;
	margin: 30px 0 30px 20px;
	width:200px;
	height: 58px;
	padding-top:17px;
	padding-left:;
}
.cta-box  a{ 
	float:left;
	color:#ededed;
	text-transform:uppercase;
	font-size:12px;
	line-height:15px;
	text-shadow:0px 1px 1px #000;
	display:block;
	margin-top:5px;
}
.minibox4 img {
	margin-top:5px;
}


/*---------------------------------- blockquote and pull quotes -------------------------------*/
blockquote {
	margin-top:15px;
	padding-left:46px;
	background:url(../img/icons/quote.png) no-repeat 0% 4px;

}

/* display quote text in dark area */
p.darkquote {
	margin-top:15px;
	padding-left:46px;
	background:url(../img/icons/darkquote.png) no-repeat 0% 4px;

}


.pullquote_right,.pullquote_left{
	float:right;
	font-size:1.2em;
	letter-spacing:0px;
	margin-bottom:0;
	margin-top:7px;
	margin-left:20px;
	padding-left:15px;
	width:40%;
	font-weight:bold;
    font-style:italic; 
    line-height:1.4em;
    border-left:2px solid #5b5b5d;
}
.pullquote_left{
    border-right:2px solid #5b5b5d;
    border-left:none;
	float:left;
	margin-left:0px;
	margin-right:10px;
	padding-left:0;
	padding-right:15px ;
}

/*----------------------- thumbnail, images, frames ----------------------------*/


img.left {
	margin-right:15px;
}
img.right {
	margin-left:15px;
}
.tframe12{
	margin-top:10px;
	padding:6px 6px 34px 6px;
	background:url(../img/frame/frame12.png) no-repeat top left;
}



.tframe8 {
	margin-top:10px;
	padding:6px 6px 24px 6px;
	background:url(../img/frame/frame8.png) no-repeat top left;
}
.tframe6{
	margin-top:10px;
	padding:6px 6px 24px 6px;
	background:url(../img/frame/frame6.png) no-repeat top left;
}


.tframe4 {
	margin-top:10px;
	padding:6px 6px 24px 6px;
	background:url(../img/frame/frame4.png) no-repeat top left;
}
.tframe3 {
	margin-top:10px;
	padding:6px 6px 18px 6px;
	background:url(../img/frame/frame3.png) no-repeat top left;
}

.tframe-small {
	padding:2px;
	background:url(../img/frame/frame40x40.png) no-repeat top left;
	border: 1px solid #a4a4a4;
}

.tframe10 {
	margin-top:10px;
	padding:9px;
	background:#fff;
	border: 1px solid #f7f7f6;
}

.tframe980 {
	padding:0;
	background:url(../img/frame/frame980.png) no-repeat center center;
}

.no-padding {
	padding-bottom:0px !important;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*==================================== Footer ====================================*/

.footer-line {
	background: url(../img/footer-line.png) repeat-x center;
	height:2px;
}

#footer {
	background:url(../img/footer-bg.png) repeat top center;

}

#footer h5 {
	color:#fcfcfc;
	text-shadow:1px 1px 0 #1f1f1f;
}

.glow {
	width: 100%; 
	height: 100%; 
	margin:0;
	background: url(../img/glow.png) no-repeat top center;
}

#footer {
	text-shadow: 1px 1px 0px #aaa;
}
#top_footer{
    float:left;
	width:100%;
	height:29px;
	border-top: 4px solid #fcf9f9;
}


#footer ul.sidebar-list li {
	margin-bottom:0;
	margin-top:20px;
}
#footer img.left {
	margin-right:15px;
	margin-bottom:20px;
}

#footer ul {
	list-style:none;
}
#footer ul li {
	margin-bottom:5px;
	display:block;
}
#sub_footer {
	background:url(../img/sub-footer-bg.png) repeat top center;
	padding-top:30px;
	padding-bottom:30px;
}

#sub_footer  p {
	font-size:12px;
	}

#sub_footer  p.copyright {
	margin-top:10px;	
}

#sub_footer ul {
	list-style:none;
}
#sub_footer ul li {
	margin:0;
}
#sub_footer p {
	margin:0;
	text-shadow:none;
}

.partners {
	float:right;
}


/* partner list */
ul.partner {
	display:inline;
	float:right;
	height:38px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0px 0px 0px;
	padding:0 !important;
}
ul.partner li{
	float:left;
	margin:0px 0px 0px 20px;
	padding:0 !important;
}

span.title  {
	text-align:right;
	font-size:11px;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.5em;

}	

ul.partner li.image_one a {
	display:block; 
	width:67px; 
	height:38px; 
	position:relative;
	margin-left:15px;
}	

ul.partner li.alpha a {
	margin-left:0;
}	

ul.partner li.image_one a .partner1 {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:67px; 
	height:38px; 
	background:url(../img/partner/p1.png) no-repeat top left;	
}
ul.partner li.image_one a .partner2 {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:67px; 
	height:38px; 
	background:url(../img/partner/p2.png) no-repeat top left;	
}
ul.partner li.image_one a .partner3 {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:67px; 
	height:38px; 
	background:url(../img/partner/p3.png) no-repeat top left;	
}

ul.partner li.image_one a .partner4 {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:67px; 
	height:38px; 
	background:url(../img/partner/p4.png) no-repeat top left;	
}

ul.partner li.image_one a .partner5 {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:67px; 
	height:38px; 
	background:url(../img/partner/p5.png) no-repeat top left;	
}

ul.partner li.image_one a .partner6 {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:67px; 
	height:38px; 
	background:url(../img/partner/p6.png) no-repeat top left;	
}

ul.partner li.image_one a .partner7 {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:67px; 
	height:38px; 
	background:url(../img/partner/p7.png) no-repeat top left;	
}



/* Link to pages on footer */
ul.link_pages {
	float:left;
	margin:0;
	padding:0;
}

ul.link_pages li{
	width:200px;
	margin-top:0 !important;
	margin-bottom:0 !important;
	padding:2px 10px 2px 0px;
}
ul.link_pages li a{
	color:#fec151;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
}



ul.link_nav{
	float:left;
	margin:0;
	padding:0;
}

ul.link_nav li{
	width:200px;
	margin-top:0 !important;
	margin-bottom:0 !important;
	background: url(../img/list/list-arrow.png) no-repeat 0% 9px;
	padding:2px 10px 2px 10px;
}
ul.link_nav li a{
	color:#fec151;
	display:block;
}
ul.link_nav li.top-li{
	border-top:none;
}
ul.link_nav li.bottom-li{
	border-bottom:none;
	background:none;
}

ul.footer_contact{
	float:left;
	margin-top:15px;
	list-style:none;
}
ul.footer_contact li{
	margin:0px !important; 	
	padding:0px !important;
}
ul.flickr{
	float:left;
	margin-top:10px !important; 
}
ul.flickr li{
	margin-top:0px !important;  
	margin-right:5px !important;  
	margin-bottom:5px !important;  
	float:left;
	background:#363636;
	padding:4px;
	border: 1px solid #434343;
}
ul.flickr li a:hover{
   	
}


/*----------- social ----------------------*/

.social {
    float:right;
}

.social a{
	display: block;
	width: 32px;
	height: 32px;
	opacity: 0.7;
	margin-left: 10px;
	float:left;
}


.social span {
    display:none;
}



#facebook-icon{
	background: transparent url(../img/social/fb.png);
	background-color: none;
}

#facebook-icon:hover{
	background: transparent url(../img/social/fb_hov.png);
	background-color: none;
}

#twitter-icon{
	background: transparent url(../img/social/twitter.png);
	background-color: none;
}

#twitter-icon:hover{
	background: transparent url(../img/social/twitter_hov.png);
	background-color: none;
}

#linkedin-icon{
	background: transparent url(../img/social/linkedin.png);
	background-color: none;
}

#linkedin-icon:hover{
	background: transparent url(../img/social/linkedin_hov.png);
	background-color: none;
}

#flickr-icon{
	background: transparent url(../img/social/flickr.png);
	background-color: none;
}

#flickr-icon:hover{
	background: transparent url(../img/social/flickr_hov.png);
	background-color: none;
}

/*-------------------------------------------- list styles ------------------------------------*/
ul li{
	list-style:none;
}

ul li, ol li {
	margin-top:10px;
}
ul, ol {
	display:block;
	margin:10px 0 0 0;
	list-style-position:inside;
}


ul.arrow_full, ul.arrow_dot, ul.bullet, ul.greencheck {
	display:block;
	list-style:none;
	margin:10px 0 0 0;
}

/* arrow full */
ul.arrow_full li {
	background-attachment: scroll;
	background-image: url('../img/list/arrow-full.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:26px;
	margin-top:5px;
}

/* arrow dot */
ul.arrow_dot li {
	background-attachment: scroll;
	background-image: url('../img/list/arrow-dot.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:26px;
	margin-top:5px;
}

ul.arrow_dot2 li {
	background-attachment: scroll;
	background-image: url('../img/list/arrow-dot.png');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:26px;
	margin-top:10px;
	margin-left:15px
}

/* bullet */
ul.bullet li {
	background-attachment: scroll;
	background-image: url('../img/list/bullet.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:26px;
	margin-top:5px;
}

/* greencheck */
ul.greencheck li {
	background-attachment: scroll;
	background-image: url(../img/list/greencheck.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:26px;
	margin-top:5px;
}




/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*==================================== Blog and post ====================================*/

.article-post{
	margin:0;
	padding:0;
}
.article-post h3, .article-post h4, .article-post h5, .article-post h6{
	padding-top:0;
}
.title-post{
	float:left;
	width:100%;
	background:url(../img/slash-line.png) repeat-x bottom left;
	padding-bottom:10px;
}
.title-post h3, .title-post h4, .title-post h5, .title-post h6{
	float:left;
}

/*---------- blog meta -----------*/

.blog-meta{
	float:left;
	width:100%;
	margin:10px 0px 0 0px;
	padding:0;
}
.meta-comment a{
	background:url(../img/icons/comment.png) no-repeat left 2px;
	padding-left:20px;
}
.author a{
	background:url(../img/icons/author.png) no-repeat top left;
	padding-left:20px;
}
.meta-tag{
	background:url(../img/icons/tag.png) no-repeat left 5px;
	padding-left:20px;
}
.entry-meta{
	margin-bottom:10px;
	font-size:11px;
}


/*----------------------- single post ----------------------------*/

ul.list{
	margin-top:10 !important;
	padding:0 !important;
}

ul.list li{
	margin:0 !important;
	padding:0 !important;
	list-style:none;
}
ul.arrow li{
	background: url(../img/icons/list-arrow.png) no-repeat left 7px;
	list-style:none;
	margin:0 !important;
	padding-left:15px !important;	
}

.postinfo {
	font-size:11px; color:#7d7d7d; border:1px solid #f7f7f6;
	background:#fff; padding:10px; margin:20px 0 0 0;
}
	
.postinfo p {line-height:1.5; margin:0;padding:2px 0;}
	
.postinfo a, .contents .postinfo a { color:#5d5d5d; text-decoration:none;}


/* ------------- comment ------------------- */
.comment-wrapper{
	float:left;
	width:100%;
	padding:10px;
	background:#fff url(../img/comment-bg.png) repeat-x top left;
	border: 1px solid #e2e2e2;	
	width:598px;	
	margin-bottom:20px;
}
.admin-reply{
	background:#fff url(../img/reply-bg.png) repeat-x top left;
}
.comment-reply{
	width:578px;
	margin-left:20px;
}
.scound-reply{
	width:558px;
	margin-left:40px;
}
.comment-post{
	margin:0px;
	padding:0;
}
.comment-info{
	margin:0px 0px 10px 0px;
}
.comment-info span{
	margin-left:5px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*==================================== sidebar ====================================*/

.sidebar-left{
	background: url(../img/vertical-line.png) repeat-y top right;
}
.sidebar-right{
	background: url(../img/vertical-line.png) repeat-y top left;
}
.sidebar-left .aside{
	padding:0px 22px 0px 0px;
}
.sidebar-right .aside{
	padding:0px 0px 0px 22px;
}
.aside{
	width:278px;
	margin:0px !important;	
}
.sidebar-widget{
	margin-bottom:30px;
}
.sidebar-widget h3, .sidebar-widget h4, .sidebar-widget h5{
	background:url(../img/slash-line.png) repeat-x bottom left;
	padding-bottom:20px;
}


ul.sidebar-list li, ul.sidebar-recent_post li{
	background:url(../img/horizontal-line.png) repeat-x bottom left;
	padding:5px 0px 7px 0px;
	margin:0px !important;
}

ul.sidebar-list li span{
	margin-left:10px;
}

ul.sidebar-list a, ul.sidebar-recent_post a{
	display:block;
}
ul.sidebar-comment {
	list-style:none;
	margin:0;
	margin-top:20px;
}
ul.sidebar-comment li {
	display:block;
	background:url(../img/horizontal-line.png) repeat-x bottom left;	
	padding:0px 0px 10px 0px;	
}

ul.sidebar-comment li img.tframe-small {

}

.comments {
	margin-bottom:5px;
}


ul.sidebar-tag li{
	float:left;
	display:ineline-block;
	margin-right:5px;
}
/* -------------------------------- pagination ---------------------------------- */
.pagination{
	float:left;
}
.pagination span {
  margin-right:5px;
  float:left;  
}
.pagination a span {
  margin-right:0px;
}






/*==================================== Buttons ====================================*/


/*---------- button style 1 : btn1 -----------*/

.btn1 {
	background-position:0 0;
}

a.btn1 { background:url(../img/buttons/btn1-r.png) no-repeat top right; display: block; float: left; height: 30px; margin-right: 10px; padding-right: 20px; text-decoration: none; font-size:1.0em;  text-transform:none; }

a.btn1 span { background:url(../img/buttons/btn1-l.png) no-repeat; display: block; line-height: 30px; padding: 0px 0 0px 20px; color: #515151; }

a.btn1:hover span { background-position: 0 -30px; color: #484848; }

a.btn1:hover { background-position: right -30px; }

/* big of btn1 */

.bigbtn1 {
	background-position:0 0;
}

a.bigbtn1 { background:url(../img/buttons/bigbtn1-r.png) no-repeat top right; display: block; float: left; height: 45px; margin-right: 10px; padding-right: 20px; text-decoration: none; font-size:1.6em;  text-transform:none; }

a.bigbtn1 span { background:url(../img/buttons/bigbtn1-l.png) no-repeat; display: block; line-height: 45px; padding: 0px 0 0px 20px; color: #515151; }

a.bigbtn1:hover span { background-position: 0 -45px; color: #484848; }

a.bigbtn1:hover { background-position: right -45px; }

/* small of btn1 */

.smallbtn1 {
	background-position:0 0;
}

a.smallbtn1 { background:url(../img/buttons/smallbtn1-r.png) no-repeat top right; display: block; float: left; height: 25px; padding-right: 15px; text-decoration: none; font-size:12px;  text-transform:none; }

a.smallbtn1 span { 
	background:url(../img/buttons/smallbtn1-l.png) no-repeat; 
	display: block; 
	line-height: 25px; 
	padding: 0px 0 0px 15px; 
	color: #5b5b5d; 
	text-shadow:1px 1px 0px #f7ffff;
}

a.smallbtn1:hover span { background-position: 0 -25px; color: #4d4d4d; }

a.smallbtn1:hover { background-position: right -25px; }






/*------------ button 2 : btn2 -------------------------------*/

.btn2 {
	background-position:0 0;
}

a.btn2 { background:url(../img/buttons/btn2-r.png) no-repeat top right; display: block; float: left; height: 30px; margin-right: 10px; padding-right: 20px; text-decoration: none; font-size:1.0em;  text-transform:none; }

a.btn2 span { background:url(../img/buttons/btn2-l.png) no-repeat; display: block; line-height: 30px; padding: 0px 0 0px 20px; color: #5b5b5d; }

a.btn2:hover span { background-position: 0 -30px; color: #4d4d4d; }

a.btn2:hover { background-position: right -30px; }

/* big of btn2 */

.bigbtn2 {
	background-position:0 0;
}

a.bigbtn2 { background:url(../img/buttons/bigbtn2-r.png) no-repeat top right; display: block; float: left; height: 45px; padding-right: 20px; text-decoration: none; font-size:1.6em;  text-transform:none; }

a.bigbtn2 span { 
	background:url(../img/buttons/bigbtn2-l.png) no-repeat; 
	display: block; 
	line-height: 45px; 
	padding: 0px 0 0px 20px; 
	color: #5b5b5d; 
	text-shadow:1px 1px 0px #f7ffff;
}

a.bigbtn2:hover span { background-position: 0 -45px; color: #4d4d4d; }

a.bigbtn2:hover { background-position: right -45px; }


/* small of btn2 */

.smallbtn2 {
	background-position:0 0;
}

a.smallbtn2 { background:url(../img/buttons/smallbtn2-r.png) no-repeat top right; display: block; float: left; height: 25px; padding-right: 15px; text-decoration: none; font-size:12px;  text-transform:none; }

a.smallbtn2 span { 
	background:url(../img/buttons/smallbtn2-l.png) no-repeat; 
	display: block; 
	line-height: 25px; 
	padding: 0px 0 0px 15px; 
	color: #5b5b5d; 
	text-shadow:1px 1px 0px #f7ffff;
}

a.smallbtn2:hover span { background-position: 0 -25px; color: #4d4d4d; }

a.smallbtn2:hover { background-position: right -25px; }



/*----------------------------- CSS3 buttons-------------------------------*/

.cssbtn {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
	
	border: 1px solid;
	padding: 8px 12px;
	
	color: #fff;
	font-family:'ColaborateLightRegular',Arial,sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-shadow: -1px -1px rgba(0,0,0,0.1), 0 0 15px rgba(255,255,255,0.75);
	white-space: nowrap;
	
	background: #777;
	border-color: #777;
	
	text-decoration: none;
	font-style: normal;
	text-transform: none;	
}

.cssbtn:hover,
.cssbtn:focus {
	bottom: 1px;
	color: #fff;
	-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
	
	background: #999;
	border-color: #999; /* Default color */
}

.cssbtn:active {
	top: 1px;

	-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2);
}


/* smaller size */

.smaller {
	padding: 5px 8px;
	
	color: #fff;
	font-family:'ColaborateLightRegular',Arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-shadow: -1px -1px rgba(0,0,0,0.1), 0 0 15px rgba(255,255,255,0.75);
	white-space: nowrap;
}



/* css3 button shape variations */

.default {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.square {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.bubble {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}


/* css3 button colors */

.blue {
	background: #166ba9;
	border-color: #166ba9;
}
.blue:hover,
.blue:focus {
	background: #3390CF;
	border-color: #3390CF;
}

.red {
	background: #D81204;
	border-color: #D81204;
}
.red:hover,
.red:focus {
	background: #FF2F1F;
	border-color: #FF2F1F;
}

.green {
	background: #95A006;
	border-color: #95A006;
}
.green:hover,
.green:focus {
	background: #B2BF17;
	border-color: #B2BF17; 
}

.yellow {
	background: #FFAF09;
	border-color: #FFAF09;
}
.yellow:hover,
.yellow:focus {
	background: #FFCF09;
	border-color: #FFCF09;
}

.purple {
	background: #9F1D78;
	border-color: #9F1D78;
}
.purple:hover,
.purple:focus {
	background: #CF33A0;
	border-color: #CF33A0;
}

.orange {
	background: #FF5F09;
	border-color: #FF5F09;
}
.orange:hover,
.orange:focus {
	background: #FF7F09;
	border-color: #FF7F09;
}

.gray {
	background: #777;
	border-color: #777;
}
.gray:hover,
.gray:focus {
	background: #999;
	border-color: #999;
}


/*==================================== GotoTop ====================================*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:32px;
	height:32px;
	border:none;
	text-indent:-999px;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -35px;
	width:35px;
	height:35px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*==================================== Elements ====================================*/

/*------------------- highlight --------------------*/
.highlight_default, .highlight_purple, .highlight_blue, .highlight_green, .highlight_red, .highlight_pink{
	text-shadow:none;
}
.highlight_default {
	padding:2px 6px;
	color:#fff;
	background:#2c2a2a;
}
.highlight_purple {
	padding:2px 6px;
	background-color:#a367c6;
	color:#fff;
}
.highlight_blue {
	padding:2px 6px;
	background-color:#67acc6;
	color:#fff;
}

.highlight_green {
	padding:2px 6px;
	background-color:#67c68f;
	color:#fff;
}
.highlight_red {
	padding:2px 6px;
	background-color:#c66767;
	color:#fff;
}
.highlight_pink {
	padding:2px 6px;
	background-color:#e886cb;
	color:#fff;
}
/*------------------- dropcap --------------------*/
.dropcap {
	display:block;
	float:left;
	font-size:26px;
	line-height:28px;
	margin:3px 15px 15px 0;
}
.dropcap-square {
	display:block;
	float:left;
	font-size:22px;
	line-height:40px;
	width:40px;
	height:40px;
	text-align: center;
	margin:3px 15px 15px 0;
}

.dropcap-circle {
	float:left;
    display: block;
	margin:3px 15px 15px 0;
	font-size:22px;
	line-height:40px;
    text-shadow: none;
    width:40px;
    text-align:center;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
}

/*------------------- table --------------------*/
table {
	margin:0;
	width:100%;
	border: 1px solid #ccc;
}
table th {
	border:1px solid #ccc;
	background:#f4f4f4;
	padding:10px 15px;
}
.price {
	font-size: 11px;
}
sup {
	font-size: 12px;
}
table td {
	border:1px solid #ccc;
	background:#fefefe;
	padding:10px 15px;
	text-align:center;
}
table tfoot {
	text-align:center;
}
table td .btn {
	margin:0;
}


/*--------------------------- pricing tables -------------------------*/
table.clean_pricing, table.pricing{
	background:#e2e2e2;
	border:1px solid #fdfdfd;	
	width:100%;
	height:auto;
}

table.clean_pricing table tr th, table.pricing table tr th{
	border:1px solid #4d4d4d;
	background: url(../img/pricing/princing-label.png) repeat top left;
	padding:2px 2px;	
}
table.clean_pricing table tr, table.pricing table tr{
	background:#fdfdfd;	
}
table.clean_pricing table tr td, table.pricing table tr td{
	background: #eeeeee url(../img/pricing/pricing-td.png) no-repeat top center;

}
table.clean_pricing td.price, table.pricing td.price{
	background: #2e2e2e url(../img/pricing/price.png) no-repeat top center;
	font-size:18px;
	font-family:'ColaborateLightRegular',Arial,sans-serif;
	font-style:normal;
	font-weight:normal;
	text-shadow: 0px 1px 1px #000;
	color:#fcfcfc;	
	padding:30px 30px;	
	border:1px solid #4d4d4d;
}
table.clean_pricing td.orderbtn, table.pricing td.orderbtn{
	padding-top:20px;	
	padding-bottom:20px;
}
table.clean_pricing td.orderbtn a, table.pricing td.orderbtn a{
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;	
	border:1px solid #cccccc;
	border-bottom:1px solid #a9a9a9;
	color:#848383;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');	
}
table.clean_pricing td.basic, table.pricing td.basic{
	background:#0095cd url(../img/pricing/price-basic.png) no-repeat top center;
	font-size:18px;
	font-family:'ColaborateLightRegular',Arial,sans-serif;
	font-style:normal;
	font-weight:normal;
	text-shadow: 0px 1px 1px #000;
	color:#fcfcfc;	
	padding:30px 30px;	
	border:1px solid #0095cd;
}
table.clean_pricing td.bronze, table.pricing td.bronze{
	background:#da5867 url(../img/pricing/price-bronze.png) no-repeat top center;
	font-size:18px;
	font-family:'ColaborateLightRegular',Arial,sans-serif;
	font-style:normal;
	font-weight:normal;
	text-shadow: 0px 1px 1px #000;
	color:#fcfcfc;	
	padding:30px 30px;	
	border:1px solid #da5867;
}
table.clean_pricing td.silver, table.pricing td.silver{
	background:#e9e9e9 url(../img/pricing/price-silver.png) no-repeat top center;
	font-size:18px;
	font-family:'ColaborateLightRegular',Arial,sans-serif;
	font-style:normal;
	font-weight:normal;
	text-shadow: 0px 1px 1px #000;
	color:#fcfcfc;	
	padding:30px 30px;	
	border:1px solid #e9e9e9;
}
table.clean_pricing td.gold, table.pricing td.gold{
	background:#f78d1d url(../img/pricing/price-gold.png) no-repeat top center;
	font-size:18px;
	font-family:'ColaborateLightRegular',Arial,sans-serif;
	font-style:normal;
	font-weight:normal;
	text-shadow: 0px 1px 1px #000;
	color:#fcfcfc;	
	padding:30px 30px;	
	border:1px solid #f78d1d;
}
table.clean_pricing td.platinum, table.pricing td.platinum{
	background:#64991e url(../img/pricing/price-platinum.png) no-repeat top center;
	font-size:18px;
	font-family:'ColaborateLightRegular',Arial,sans-serif;
	font-style:normal;
	font-weight:normal;
	text-shadow: 0px 1px 1px #000;
	color:#fcfcfc;	
	padding:30px 30px;	
	border:1px solid #64991e;
}


/*------------------- preformated text, code --------------------*/
code, pre {
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
  	background:#fefefe;
  	padding:7px 10px;
	font-size:11px;
  	display:block;
  	color:#858585;
  	margin-bottom:10px;
	border-left:10px solid #aaaaaa;
	overflow:hidden;
}


/*------------------- testimonial --------------------*/

.testimonial {
		
}

p.testimonial_text {
	font: italic 1.2em/1.6em Georgia, sans-serif;
	background: url(../img/icons/close-quote.png) no-repeat right bottom;
	padding-left:46px;
  font-weight:normal;
  text-indent: -46px;
}

p.testimonial_text:first-letter {
  background: url(../img/icons/quote.png) no-repeat left top;
  padding-left: 46px;
  font: italic 1.4em Georgia, sans-serif;

}

.testimonial_meta {
	float:right;
}

.testimonial_meta a{
	font-weight:bold;
}

/*------------------- tabs --------------------*/
ul.tabs {
	margin: 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;
	border: 1px solid #cccccc;
	border-bottom:none;
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
}
ul.tabs li a {
	text-decoration: none;
	color: #5b5b5d;
	display: block;
	padding: 0 15px;
	border: 1px solid #cccccc;
	border-top: none;
	border-right:none;
	outline: none;
}
ul.tabs a:active {
	outline:none;

}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important;

}
.panes {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
}
.panes div {
	padding: 15px;
	border:1px solid #cccccc;

}
.panes h4 {
	font-weight:normal;
	margin:0 0 10px 0;
	font-size:16px;
	color:#333;
}
.panes p {
	margin:10px 0 0 0;
}
.panes img {
	margin-bottom:10px;
}


/*------------------- accordion --------------------*/
#accordion {
	width: 100%;
	border:1px solid #ccc;
	display:inline-block;
}
/* accordion header */
#accordion h6 {
	margin:0;
	padding:5px 15px;
	border-left:none;
	border-right:none;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	cursor:pointer;
	font-size:11px;
}

/* currently active header */
#accordion h6.current {
	cursor:default;
	border-top:none;
}
/* accordion pane */
#accordion .pane {

	border-left:none;
	border-right:none;
	display:none;
	height:auto;
	padding:15px;
}
/* a title inside pane */
#accordion .pane h6 {
	font-weight:normal;
	margin:0 0 10px 0;
	color:#333;
}
#accordion .pane p {
	margin:10 0 0 0;
}
.pane img {
	margin-bottom:10px;
}

/* toggles */

.toggle {
	display: block;
	margin-bottom: 15px;
}

/* toggle header */
.toggle h6.title {
	font-size:11px;
	margin-bottom: 3px;
	padding: 5px 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	overflow: hidden;
	position: relative;
	cursor:pointer;

}

.toggle span.title:hover {

}

/* currently active header */
.toggle span.active {
	cursor:pointer;
}

.toggle h6.title span.title_content {
display: block;
overflow: hidden;
position: relative;
background: url(../img/icons/toggle_plus.png) no-repeat center right;
}

/* toggle pane */
.toggle .pane {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin: 5px 0;
	display:none;
	padding:15px;
	font-size: 12px;
	line-height: 1.5em;
	border:1px solid #ccc;
	background: #fefefe;
}

/* toggle_style1 */

.tstyle1 h6.title {
	background-image: linear-gradient(bottom, rgb(225,225,225) 51%, rgb(253,253,253) 100%);
	background-image: -o-linear-gradient(bottom, rgb(225,225,225) 51%, rgb(253,253,253) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(225,225,225) 51%, rgb(253,253,253) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(225,225,225) 51%, rgb(253,253,253) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(225,225,225) 51%, rgb(253,253,253) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.51, rgb(225,225,225)),
		color-stop(1, rgb(253,253,253))
	);
	color: #777;
	text-shadow: 1px 1px 0 #fff;
}

.tstyle1 h6.title:hover, .toggle_style1 span.active:hover {
	color: #333;
	background: #f1f1f1;
}

.tstyle1 h6.active span.title_content {
	background: url(../img/icons/toggle_minus.png) no-repeat center right;
}

.tstyle1 span.active {
color: #333;
	background: #f1f1f1;
}

/*------------------- info boxes --------------------*/


/*alert message*/
p.boxes {font-size:12px;margin:2px 0 15px;padding:20px 15px 20px 75px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
p.success_box {background:url("../img/icons/infobox/success.png") no-repeat 15px center #fdf086;border:1px solid #beac15;color:#897b01;}
p.failed_box   {background:url("../img/icons/infobox/failed.png") no-repeat 15px center #e6fbbc;border:1px solid #b1d66a;color:#4e710a;}
p.warning_box   {background:url("../img/icons/infobox/warning.png") no-repeat 15px center #fbdd96;border:1px solid #e5af51;color:#725308;}
p.error_box   {background:url("../img/icons/infobox/error.png") no-repeat 15px center #fdd2d1;border:1px solid #f6988f;color:#883333;}
p.notice_box  {background:url("../img/icons/infobox/notice.png") no-repeat 15px center #d5faf3;border:1px solid #89cabf;color:#08725f;}
p.download_box    {background:url("../img/icons/infobox/download.png") no-repeat 15px center #f4fce3;border:1px solid #86a34f;color:#577322;}
p.locked_box    {background:url("../img/icons/infobox/locked.png") no-repeat 15px center #fceec6;border:1px solid #998b64;color:#633401;}
p.upload_box    {background:url("../img/icons/infobox/upload.png") no-repeat 15px center #658429;border:1px solid #304110;color:#dff9ae;text-shadow:1px 1px 0 #425027;}



/*----------------------------------- flickr gallery -------------------------------------------*/

ul#flickr {
	margin:0;
	padding:0;
	display:inline-block;
	width:220px;
	margin-top:10px !important;
}
ul#flickr li {
	margin-top:0 !important;
}
.subscript{
	padding:0;
	margin:0;
}
.subscript p{
		margin-bottom:10px;
		margin-top:15px !important;
}
.subscript span{
    margin-bottom:10px;
	margin-left:5px;
	font-family: 'Lobster', cursive;
	font-size:18px;
}
.subscript  form{
	margin-top:10px;
}
.subscript  input{
    float:left;
	width:208px;
	height:23px;
	border: 1px solid #f7f7f7;
	padding-left:10px;
}
.contact-us{
	padding:0;
	margin:0;	
}
.contact-us iframe{
	background: #ededed;
	padding:5px;
	margin-top:10px !important;
}
.contact  p{
	padding:0;
	margin:0;
}
.contact  ul{
	padding:0;
	margin:0;
}
.contact  ul li{
	padding:0;
	margin:0;
	height:auto;
}
/*	F) Misc
-------------------------------------------
	1. General
-------------------------------------------
*/
ul.team_contact {
	list-style:none;
	margin:0;
}
ul.team_contact .phone {
	background-attachment: scroll;
	background-image: url(../img/icons/home.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:24px;
}
ul.team_contact .email {
	background-attachment: scroll;
	background-image: url(../img/icons/email.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:24px;
}

ul.team_contact li {
	margin-top:10px;
}


.error404 {	
	padding:10px;

}
.error404 h1 {
	text-align:center;
	margin:0;
	color:#dddddd;

}
.error404 h1 span{
	font-size:148px;
	line-height:151px;
}
/*------------------------------------ twitter feed ------------------------------*/

.twitter_feed {
	margin-top:-20px;
}

.tweet {
	overflow:hidden;
}
ul.tweet_list {
	margin:0px;
	padding:0px;
	list-style:none;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url('../img/icons/twitter.png');
	background-repeat: no-repeat;
	background-position: left center;
}
li.tweet_first, li.tweet_odd, li.tweet_even {
	margin-left:36px;
	font-style:italic;
}
.loading {
	margin:0;
	padding:0;
	background-image: url('../img/icons/loading.gif');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 105px center;
}
.twitter_box {
	padding:15px 0 15px 0;
	background:#f0f0f0;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	border-top:1px solid #fff;
}
span.tweet_time a {
	border-bottom:1px solid transparent;
}
span.tweet_text a {
	border-bottom:1px solid transparent;
}

/*==================================== Forms ====================================*/
form{
	margin:0;
	padding:0;
}

input, textarea, select{
	padding:10px;
	color:#ccc;
}


/*----------------------- search form ----------------------------*/
#searchForm {
    float:left;
	margin:7px 0 0 0;
}

#searchForm fieldset {
    width:240px;
    position:relative;
    display:block;	
}

div.input {
    width:120px;
    padding:0 5px 0 5px;
    border-radius:2px;
    border:1px solid #d1d1d1;
    border-top:1px solid #c4c4c5;
    box-shadow:inset 0 1px 2px #f3f3f3;
    float:right;
	background:#fff url(../img/form-bg.png) repeat-x bottom left;
    color:#979696;
	text-shadow:1px 1px 0px #f7ffff;	
	font-size:11px;
}

    div.input.focus {
        border:1px solid #cbcbcb;
        box-shadow:0 0 2px #f9f9f9, inset 0 1px 1px rgba(0,0,0,0.08);
    }

form#searchForm input#s {
    width:100%;
    border:0;
	padding:5px;
    border-radius:4px;
    background:transparent;
    height:13px;
    color:#979696;
	text-shadow:1px 1px 0px #f7ffff;	
	font-size:11px;
}

form#searchForm input#s:focus {
        outline:none
    }

form#searchForm input#searchSubmit {
    width:19px;
    height:19px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(../img/icons/search-icon.png) no-repeat;
    border:0;
    position:absolute;
    top:5px; right:2px;
    z-index:5;
    display:none;
    cursor:pointer;
}

/*--------------------- comment form ----------------------------- */

ul.comment-form{
	margin:15px 0px 0px 0px;
	padding:0 !important;
	list-style:none;
}
ul.comment-form li {
	margin-top: 0 !important;
	margin-bottom: 20px !important;
}
.comment_input, .contact_input{
	width:598px;
	height:22px;
	background:#fff url(../img/form-bg.png) repeat-x top left;
	border: 1px solid #d6d6d4;	
}

.comment_input, .contact_input, .comment_textarea, .contact_textarea{
	color:#5b5b5d;
}

.comment_textarea, .contact_textarea{
	width:598px;
	height:138px;	
	background:#fff url(../img/form-bg.png) repeat-x top left;
	border: 1px solid #d6d6d4;		
}
/*----------------------- contact ----------------------------*/
span.address a{
	background: url(../img/icons/address.png) no-repeat left 4px;
	padding-left:30px;
}
span.phone a{
	background: url(../img/icons/phone.png) no-repeat left 4px;
	padding-left:30px;
}
span.fax a{
	background: url(../img/icons/fax.png) no-repeat left 4px;
	padding-left:30px;
}
span.email a{
	background: url(../img/icons/email.png) no-repeat left 4px;
	padding-left:30px;
}
/*----------------------- contact form ----------------------------*/

ul.cform {
	margin:0 !important;
	padding:0 !important;
	list-style:none;

}
ul.cform li {
	margin-top: 0 !important;
	margin-bottom: 20px !important;
}
ul.cform li .btn {
	margin-top:0 !important;
}
ul.cform li label {
	display:block;
	margin-bottom:5px;
	line-height: 42px;
	width: 65px;
	margin: 0px;
	text-indent: 10px;
}
.cform textarea{
	width:598px;
}
input#name, input#email {
	width:598px;
}

input.button {
	width:auto;
}
input.button {
	cursor:pointer;
	padding: 10px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline-block;
	overflow-x: hidden;
	overflow-y: hidden;
	color:#fff;
}
input.button {
	text-decoration:none;
}
.validation {
	display:none;
}
#sendmessage {
	background:url('../img/icons/success_icon.png') no-repeat 20px center #DFF2BF;
	border:1px solid #4F8A10;
	color:#4F8A10;
	display:none;
	padding:15px 12px 15px 65px;
	margin:10px 0;
}
input[type=text]:focus, textarea:focus, input[type=password]:focus {
	outline: 0 none;
}

.reginput {
	width: 242px;
}
.inputstyle {
	font-size: 12px;
}
.fancyinputarea {
	padding: 9px;
	outline: 0;
	font-size: 12px;
}
input[type=submit] {
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 12px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
}







/*----------------------- carousel ----------------------------*/
.timer {
	height:1px;
	width: 0px;
}

ul#portfolio_home {
}

ul#portfolio_home li {
	margin-top:10px;
	margin-left:0;
	margin-right:20px;
	
}

#clients {
	margin-top:30px;
}
#clients ul {
	list-style:none;
	margin:0;
}
#clients li {
	display:inline;
	margin-top:0;
}
.caroufredsel_wrapper {
	width:940px;
}
.no-margin {
	margin:0;
}


/*----------------------- ticker ----------------------------------*/

ul#fade {
	padding-left:55px;
	list-style:none;
}

ul#fade li {

	line-height:1.5em;
    color:#909090;
    font-family:Georgia, serif;
    font-size:18px;
    margin-top:19px;
    font-style:italic;
}


/*----------------------- boxgrid sliding box ----------------------------*/
.boxgrid{ 
	padding:9px;
	float:left; 
	overflow: hidden; 
	position: relative; 
	background:#fff;
	border-width: 1px;
	border-style: solid;
	border-color: #f7f7f6;
		
}
.boxgrid:hover {
	background:#fff;
}			
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	margin:9px;
}
.folio_detail{
	width: 100%; 
	height: 138px;
	float:left;
	background:#f3f3f3;					
}	
.folio_detail .button{
	margin-left:10px; 
}				
.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:12px "Lucida Grande", Arial, sans-serif; 
}		
.boxgrid  h3 a, .boxgrid  h4 a{
	float:left;
	width:100%;
	margin:10px 10px 0px 10px;
}
.folio_detail ul{
	float:left;
	margin-left:10px;
}
.folio_detail ul li{
	list-style:none;
	padding:0 !important;	
	margin:0 !important;	
}
.boxcaption{ 
	float: left; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 260;
	left: 0;
}
.caption .boxcaption {
	top: 220;
	left: 0;
}

/*==================================== Misc, alignment, spacer ====================================*/

.clear {
	clear:both;
}


.left {
	float:left;
}
.right {
	float:right;
}

.center {
	margin-left:0;
	margin-right:0;
	text-align:center;
}
.fluid {
	float:left;
	width:100%;
}

.description {
	overflow:hidden;
	padding-bottom:5px;
}
.text_align_center {
	text-align:center;
}
.align_left {
	text-align:left;
}
.align_right {
	text-align:right;
}



/*-------------------- misc - spacer & margin --------------------*/

strong {
	font-weight:bold;
}

.alpha {
	margin-left:0;
}

.omega {
	margin-right:0;
}


/*margin top */

.spacer-10 {
	margin-top:-10px;
}

.spacer0 {
	margin-top:0;
}

.spacer5 {
	margin-top:5px;
}

.spacer10 {
	margin-top:10px;
}

.spacer15 {
	margin-top:15px;
}

.spacer20 {
	margin-top:20px;
}

.spacer25 {
	margin-top:25px;
}

.spacer30 {
	margin-top:30px;
}

.spacer35 {
	margin-top:35px;
}

.spacer40 {
	margin-top:40px;
}

/*margin bottom*/

.botspacer-10 {
	margin-bottom:-10px;
}

.botspacer-20 {
	margin-bottom:-20px;
}

.botspacer0 {
	margin-bottom:0px;
}
.botspacer5 {
	margin-bottom:5px;
}

.botspacer10 {
	margin-bottom:10px;
}

.botspacer-10 {
	margin-bottom:-10px;
}

.botspacer15 {
	margin-bottom:15px;
}

.botspacer20 {
	margin-bottom:20px;
}
.botspacer30 {
	margin-bottom:30px;
}

/* padding */
.padding30 {
	padding-top:30px;
}
.botpadding20 {
	padding-bottom:20px;
}

/*margin left & right */
.marginleft20 {
	margin-left:20px;
}

.marginright20 {
	margin-right:20px;
}

.marginright5 {
	margin-left:5px;
}



/*margin vary*/
.mtopbottom20 {
	margin:20px 0 20px 0;
}

.mtopbottom30 {
	margin:30px 0 30px 0;
}

.marginlr5 {
	margin:0 5px 0 5px;
}

.marginlr10 {
	margin:0 10px 0 10px;
}

/*-------------------------- absolute & fixed class ---------------------------------------------*/

.right0 {
	right:0;
}

.experience {clear: both;
  text-align: right;
  font-weight:bold;
  color:#67acc6}
  
.company {float:left}

/* =STYLESWITCHER
-----------------------------------------------------------------------------------------------*/		
			
.panel{ background:#f6f6f6; border:1px solid #b4b3b3; display:none; height:auto; left:0; padding:25px 15px 20px 10px; 
	top:70px; position:fixed; _position:absolute;z-index:999999;  
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;	
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;	
	
	}
	
.panel h5 {
	text-align:center;
	font-size:12px;
	padding-bottom:10px;
	border-bottom:1px solid #b4b3b3; 
}
h5.bot{
	padding-top:15px;
}

a.openpanel{ 
	_background-image:none; 
	background:#f6f6f6 url(../img/theme-option.png) no-repeat center center; 
	padding:5px;
	border:1px solid #b4b3b3; 
	color:#fff;
	display:block; left:0; width:31px; height:31px; top:85px; text-indent:-9999px;
	position:fixed; _position:absolute; 
	z-index:999999;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;	
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
			
	a.openpanel:hover{ 

	}
	
	a.active.openpanel{ 
	border-left:none;
	_position:absolute; 
	left:120px;
 }
#stylechanger, #stylechangerbot { 
	float:left;
	list-style:none; 
	list-style-type:none; 
	list-style-position:outside; 
	margin-bottom:0;
	margin-right:5px;
}
	
#stylechanger li a, #stylechanger-right  li a, #stylechangerbot li a, #stylechangerbot-right li a { 
	display:block; 
	margin-bottom:5px; 
	width:30px; 
	height:25px; 
	text-indent:-9999px; 
}	

#stylechanger-right, #stylechangerbot-right {
	float:right;
	list-style:none; 
	list-style-type:none; 
	list-style-position:outside; 

}

	
#bg1 { background: url(../img/featuredbg/thumb/bg-1.jpg) }
#bg2 { background: url(../img/featuredbg/thumb/bg-2.jpg) }
#bg3 { background: url(../img/featuredbg/thumb/bg-3.jpg) }
#bg4 { background: url(../img/featuredbg/thumb/bg-4.jpg) }
#bg5 { background: url(../img/featuredbg/thumb/bg-5.jpg) }
#bg6 { background: url(../img/featuredbg/thumb/bg-6.jpg) }
#bg7 { background: url(../img/featuredbg/thumb/bg-7.jpg) }
#bg8 { background: url(../img/featuredbg/thumb/bg-8.jpg) }
#bg9 { background: url(../img/featuredbg/thumb/bg-9.jpg) }
#bg10 { background: url(../img/featuredbg/thumb/bg-10.jpg) }

#default { background: #2c2a2a }
#blue { background: #67acc6 }
#purple { background: #a367c6 }
#red { background: #c66767 }
#pink { background: #e886cb }
#green { background: #67c68f }