/*
	
	COMPLETE T.O.C
	
	=RESET
	=GENERAL
	=LAYOUT
	=PAGES
		=HOME
			=slideshow-index
			=slideshow-clients
			=service-overview-index
			=hasicon	
		=ABOUT
			=team
		=SERVICES
			=service-overview
		=PORTFOLIO
			=portfolio-filter
			=portfolio-overview
			=portfolio-pagination
			=slideshow-portfolio
		=BLOG
			=blog-post
			=blog-navigation
			=blog-post-comment
			=search
		=CONTACT

*/

/* =RESET
-----------------------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}


/* =GENERAL
-----------------------------------------------------------------------------------------------*/

body{

    background:#D8D7D2 url(images/bg-body3.png) repeat top left;
    font:13px 'Droid Sans', Arial, sans-serif;
    line-height: 150% !important;
    font-weight:300;
    color:#555;
}

body.iFrame{
	background: #fff!important;
}

/* =headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6{ color:#333; }

h1{ font-size:25px; line-height:120%; margin-bottom:15px; }
h2{ font-size:23px; line-height:120%; margin-bottom:15px; }
h3{ font-size:18px; line-height:120%; margin-bottom:10px;  }
h4{ font-size:16px; line-height:120%; margin-bottom:10px;  }
h5{ font-size:14px; line-height:120%; margin-bottom:8px; }
h6{ font-size:13px; line-height:120%; margin-bottom:8px; }

h1, h2, h3, h4, h5, h6{ font-family: 'Open Sans', sans-serif; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }

.ie7 h1, .ie7 h2, .ie7 h3, .ie7 h4, .ie7 h5, .ie7 h6{ font-weight:normal; }

/* =text-elements
-------------------------------------------------------------- */

a{ color:#0073BF; text-decoration:none; }
a:hover{   }
a img{ border:none; }

strong{ font-weight: bold; }
em{ font-style: italic; }

p, ul, ol, pre, code{ margin-bottom:10px; }

p.last, ul.last, h1.last, h2.last, h3.last, h4.last, h5.last, h6.last{ margin-bottom:0; }

ul{ list-style-type:disc; list-style-position: inside;  }
/*ul ul{ list-style-type:circle; }
ul ul ul { list-style-type:square; }
ul ul ul ul{ list-style-type:square; }*/

.thepage ul li ul, #logArchive ul li ul {list-style-type: circle; list-style-position: outside; margin: 10px 10px 10px 30px}
.thepage ul, #logArchive ul {list-style-position: outside; margin-left: 30px!important;}
.thepage ol, #logArchive ol {list-style-position: outside; margin-left: 30px!important;}
ul.checklist{ list-style-image:url(images/bg-checklist.png); }

ol{ list-style-type:decimal; list-style-position:inside; }

blockquote{ padding:1px 20px 5px 30px; line-height:24px; }
blockquote span{ color:#666666; }

.blockquote-left{ width:200px; float:left; }
.blockquote-right{ width:200px; float:right; }
.blockquote-nobg{ background:none; padding:0; }

pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }

/* due to IE <HR> margin bugs I had to made a class and apply it to a div to achieve the effect of a <HR> */
hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; }

.hr{ border-top:1px solid #efefef; margin:30px 0; }


/* =tables
-------------------------------------------------------------- */

table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; border:1px solid #efefef;  }
th{ padding:10px 15px; text-transform:uppercase; font-weight:bold; }
td{ padding:10px 15px; border-top:1px solid #efefef; }
tr.alt{ background-color:#f5f5f5; }

/* =forms-messages
-------------------------------------------------------------- */

label{ font-weight:bold; /*color:#000000;*/ }
label span.required{ color:#ff0000; }
span.required-question{ color:#ff0000; position: absolute; left: 17px;}

fieldset,.fieldset{ padding:25px; margin:0 0 20px 0; border:1px solid #efefef; }
legend{ font-weight: bold; }
form p{ margin-bottom:10px; }

input[type=text], input[type=password], input.text, textarea{ background-color:#ffffff; border:1px solid #e1e1e1; }
input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#666666; background-color:#fcfcfc;}
select{ border-width:1px; border-style:solid; background-color:#ffffff;  }

input[type=text], input[type=password], input.text, textarea, select{ margin:5px 0; }

input.text{ width:800px; padding:5px; }
textarea{ width:800px; height:125px; padding:5px; max-width: 100%; }

.thepage textarea {
	width: 518px;
}

.error, .notice, .infomsg, .warning { padding:25px 25px 25px 40px; margin-bottom:10px; border:1px solid #dddddd; border-left-width:5px; font-size: 18px; line-height: 25px;}
.error{ border-color:#fbc2c4; background:#fbe3e4 url(images/bg-msg.png) no-repeat 0 20px; color:#8a1f11; }
.error a{ color:#8a1f11; }
.notice { border-color:#c6d880; background:#e6efc2 url(images/bg-msg.png) no-repeat 0 -200px; color:#264409; }
.notice a{ color:#264409; }
.infomsg { border-color:#92cae4; background:#d5edf8 url(images/bg-msg.png) no-repeat 0 -52px; color:#205791; }
.infomsg a{ color:#205791; }
.warning{ border-color:#ffd324; background:#fff6bf url(images/bg-msg.png) no-repeat 0 -128px; color:#514721; }
.warning a{ color:#514721; }

/* =default-classes
-------------------------------------------------------------- */

.img-align-left{ margin:5px 10px 0 0; float:left; }
.img-align-right{ margin:5px 0 0 10px; float:right; }

.text-right{ text-align:right; }
.text-center{ text-align:center; }

.text-highlight{ padding:2px 5px; background-color:#D5EDF8; color:#111111; }
.text-highlight2{ padding:2px 5px; background-color:#FFF6BF; color:#111111; }

.bordered{ padding:20px; border:1px solid #efefef; }

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

/* =grid
-------------------------------------------------------------- */

/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */
.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fixed{display:block;}
/*  \*/
.fixed{min-height:1%;}
* html .fixed{height:1%;}

.row{}

.col145{ width:145px; float:left; margin-right:20px; }
.col180{ width:180px; float:left; margin-right:20px; }
.col205{ width:205px; float:left; margin-right:20px; }
.col280{ width:280px; float:left; margin-right:20px; }
.col430{ width:430px; float:left; margin-right:20px; }
.col580{ width:580px; float:left; margin-right:20px; }
.col655{ width:655px; float:left; margin-right:20px; }
.col880{ width:880px; float:left;}

.last{ margin-right:0px; }
.clear{ clear:both; }


/* =LAYOUT
-----------------------------------------------------------------------------------------------*/

.thecontent{
    width:880px;
    float:left;
    background-color: #fff;
    line-height: 150% !important;
}

.thepage{
    width:580px; float:left; margin-right:20px;
    line-height: 150% !important;
}

.thesidebar{
    width:260px; float:left; margin-right:20px;
}

#wrap{
	width:880px;
	margin:0 auto;
	padding:40px 50px 25px 50px;
	box-shadow: 0 0 6px rgba(0,0,0,.1); background-color:#fff;
}

body.iFrame #wrap{
	box-shadow: none;
}

#logo-header-widget-1{ margin-bottom:30px; }

/* =logo
-----------------------------------------------------------------------------------------------*/

#logo{ display:block; float:left; }
#logo img{ display:block; }

/* =header-widget-1
-----------------------------------------------------------------------------------------------*/

#header-widget-1{ float:right; margin-top:10px; }

/* =social-media
-----------------------------------------------------------------------------------------------*/

#social-media{ list-style-type:none; margin-bottom:0; float:right; margin-top:23px; }
#social-media li{ float:left; }
#social-media li a{ display:block; float:left; margin-left:5px; opacity:0.5; }
#social-media li a:hover{ opacity:1; }

#menu-header-wigdet-2{ border-top:1px solid #efefef; }

/* =dropdown-menu
-----------------------------------------------------------------------------------------------*/

/* level 1 menu */
ul#dropdown-menu, ul#client, ul#dropdown-menu1{  list-style:none;  margin-bottom:0;   }
ul#dropdown-menu li,ul#dropdown-menu1 li{ float: left; }

ul#dropdown-menu li a, ul#dropdown-menu1 li a{ display: block; padding:20px 0 20px 0; margin-right:20px; border-top:1px solid #efefef; margin-top:-1px;
    color:#666; text-transform:uppercase;   }
ul#dropdown-menu1 li a{padding:12px 0 12px 0;}
ul#dropdown-menu1 li a{color: #fff}
ul#dropdown-menu li.last > a, ul#dropdown-menu1 li.last > a{ padding-right:0; }

ul#dropdown-menu li.hover, ul.dropdown-menu li:hover, ul#dropdown-menu1 li.hover, ul.dropdown-menu1 li:hover{ position: relative; text-decoration:none;  }

ul#dropdown-menu li.hover a{ text-decoration:none; color:#333; }
ul#dropdown-menu1 li.hover a{color:#fff;}/* LEVEL 1 menu item styling ON HOVER */
ul#dropdown-menu li.current > a, ul#dropdown-menu1 li.current > a{ color:#333; border-top-color:#F28133; }		/* styling of LEVEL 1 menu item that is current */

/* level 2 menu */
ul#dropdown-menu ul, ul#dropdown-menu1 ul{ width:170px; position:absolute; top:100%; left:-10px;  list-style:none; display:none;
    background-color:#ffffff; border:1px solid #efefef; z-index:15; padding:5px 0; }

ul#dropdown-menu ul li, ul#dropdown-menu1 ul li{ width:140px; padding:0 15px; }

ul#dropdown-menu li .sub-menu li > a, ul#dropdown-menu1 li .sub-menu li > a{ width:140px; display: inline-block; border:none; border-bottom:1px solid #f0f0f0; padding:10px 0;   	/* LEVEL 2 menu element styling  */
    font-weight:normal; text-transform:none; font-size:13px;  color: #333} 		/* IE 6 and 7 Needs Inline Block */

ul#dropdown-menu li .sub-menu li > a:hover, ul#dropdown-menu1 li .sub-menu li > a:hover{ text-decoration:none; color:#333; } /* LEVEL 2 menu item styling ON HOVER */

ul#dropdown-menu li .sub-menu li:last-child > a, ul#dropdown-menu1 li .sub-menu li:last-child > a{ border:none; }					/* LAST LEVEL 2 menu item styling */
ul#dropdown-menu li .sub-menu li:last-child > a:hover, ul#dropdown-menu1 li .sub-menu li:last-child > a:hover{ border:none; }

/* level 3 menu */
ul#dropdown-menu ul ul, ul#dropdown-menu1 ul ul{ left:100%; top:-1px; }
ul#dropdown-menu li:hover > ul, ul#dropdown-menu1 li:hover > ul{ visibility:visible; }

ul#dropdown-menu ul ul li > a, ul#dropdown-menu1 ul ul li > a{ border-bottom:1px solid #fff; border-bottom:none; } /* LEVEL 3 menu styling */


/** MOBILE **/

/* level 1 menu */
ul#mobile-dropdown-menu, ul#mobile-dropdown-menu1{ width:100px; overflow: hidden; list-style:none;  margin-bottom:0;  float:left; background-color: #fff }
ul#mobile-dropdown-menu li,ul#mobile-dropdown-menu1 li{ }

ul#mobile-dropdown-menu li a, ul#mobile-dropdown-menu1 li a{ display: block; padding:5px 0 5px 20px; margin-right:0px; border-bottom:1px solid #efefef; margin-top:-1px;
    color:#666; text-transform:uppercase;   }
ul#mobile-dropdown-menu1 li a{padding:12px 0 12px 0;}
ul#mobile-dropdown-menu1 li a{color: #fff}
ul#mobile-dropdown-menu li.last > a, ul#mobile-dropdown-menu1 li.last > a{ padding-right:0; }

ul#mobile-dropdown-menu li.hover, ul.dropdown-menu li:hover, ul#mobile-dropdown-menu1 li.hover, ul.mobile-dropdown-menu1 li:hover{ position: relative; text-decoration:none;  }

ul#mobile-dropdown-menu li.hover a{ text-decoration:none; color:#333; }
ul#mobile-dropdown-menu1 li.hover a{color:#fff;}/* LEVEL 1 menu item styling ON HOVER */
ul#mobile-dropdown-menu li.current > a, ul#mobile-dropdown-menu1 li.current > a{ color:#333; border-top-color:#F28133; }		/* styling of LEVEL 1 menu item that is current */

/* level 2 menu */
ul#mobile-dropdown-menu ul, ul#mobile-dropdown-menu1 ul{ list-style: none;
    background-color:#ffffff; border:1px solid #efefef; z-index:15; padding:5px 0;}

ul#mobile-dropdown-menu ul li, ul#mobile-dropdown-menu1 ul li{ padding:0 30px;  }

ul#mobile-dropdown-menu li .sub-menu li > a, ul#mobile-dropdown-menu1 li .sub-menu li > a{display: inline-block; border:none; border-bottom:1px solid #f0f0f0; padding:10px 0;   	/* LEVEL 2 menu element styling  */
    font-weight:normal; text-transform:none; font-size:13px;  color: #333; text-transform: uppercase;} 		/* IE 6 and 7 Needs Inline Block */

ul#mobile-dropdown-menu li .sub-menu li > a:hover, ul#mobile-dropdown-menu1 li .sub-menu li > a:hover{ text-decoration:none; color:#333; } /* LEVEL 2 menu item styling ON HOVER */

ul#mobile-dropdown-menu li .sub-menu li:last-child > a, ul#mobile-dropdown-menu1 li .sub-menu li:last-child > a{ border:none; }					/* LAST LEVEL 2 menu item styling */
ul#mobile-dropdown-menu li .sub-menu li:last-child > a:hover, ul#mobile-dropdown-menu1 li .sub-menu li:last-child > a:hover{ border:none; }



.arrow{ background:url(images/bg-sidenav.gif) no-repeat 130px 18px; }

/* =header-widget-2
-----------------------------------------------------------------------------------------------*/

#header-widget-2{ padding-top:23px; }


#content{ position:relative; z-index:5;  /* IE6 and IE7 z-index bug fix*/
    padding-bottom:30px; min-height:600px; }


#content > .hr:first-child{ margin-top:0; }

#page-header{ position:relative; width:878px; height:176px; border: 1px solid #ccc; overflow:hidden; margin-bottom:30px; background: none}
#page-header img{ position:absolute; top:0; left:0; z-index:10; }
#page-header-title{ position:absolute; bottom:0px; left:0px; z-index:20; padding:10px 35px 10px 25px; width:220px; background-color:#F28133; background:url(images/bg-slider.png) repeat top left; color:#fff; }


/* =pdf
-----------------------------------------------------------------------------------------------*/

/*.pdf{ background:url(images/bg-pdf.png) no-repeat 0px 2px; padding:4px 10px 0px 55px; min-height:48px; margin-bottom:10px; }*/


/* =side-nav
-----------------------------------------------------------------------------------------------*/

.side-nav{ list-style-type:none; list-style-position:outside; border-top:1px solid #f0f0f0; margin-bottom:30px; }
.side-nav li{ border-bottom:1px solid #f0f0f0; }
.side-nav li a:hover{ }
.side-nav li a{ display:block; padding:11px 0 10px 10px; }
.side-nav li.current a{ color:#000000; }
.side-nav li.current a:hover{ text-decoration:none; }


/* =accordion
-----------------------------------------------------------------------------------------------*/

.accordion { list-style-type: none;   }
.accordion li { float: left; display: block; width:100%; border-top:1px solid #f0f0f0; margin-bottom:0;   }
.accordion li.current>a { background: url(images/bg-accordion.png) no-repeat left 14px; color:#555;  }
.accordion li.last{ border-bottom:1px solid #f0f0f0;}
.accordion li:hover{ background-color:#f9f9f9; }
.accordion li.current{ background-color:#f9f9f9; }
.accordion li div { padding:0px 30px; background-color:#f9f9f9; }
.accordion li >a{ text-decoration: none; display: block; cursor: pointer; background: url(images/bg-accordion.png) no-repeat left -46px;
    padding:13px 0px 13px 30px; font-family:'Open Sans'; }


/* =tabs
-----------------------------------------------------------------------------------------------*/

.tabs-menu{ margin-bottom:0; list-style:none; border-bottom:1px solid #efefef; }
.tabs-menu li{ display:inline; }
.tabs-menu li a{ float:left; padding:10px 20px; display:block; margin-bottom:-1px;  }
.tabs-menu li.current a{  border:1px solid #efefef; border-bottom-color:#fff;  color:#666; }
.tabs-content{ padding-top:30px; }


#footer{ width:880px; margin:0 -50px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; padding:40px 50px; background-color:#f9f9f9;  }

#footer h6{ margin-bottom:20px; background:url(images/bg-footer-titles.png) repeat-x center left; }
#footer h6 span{ padding-right:20px; background-color:#f9f9f9; line-height: 140%;}

#footer-widget-1{}
#footer-widget-2{}
#footer-widget-3{}
#footer-widget-4{}

/* =footer-nav
-----------------------------------------------------------------------------------------------*/

.footer-nav{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
.footer-nav a{ border-bottom:1px solid #efefef; display:block; padding:10px 0 9px 5px; }
.footer-nav li.first a{ padding-top:0; }
.footer-nav li.last a{  }

/* =contact-info
-----------------------------------------------------------------------------------------------*/

#contact-info{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
#contact-info li{ padding-left:25px; margin-bottom:0px; }
#contact-info .phone{ background:url(images//bg-contact-icon-phone.png) no-repeat 0 center; }
#contact-info .adress{ background:url(images/bg-contact-icon-address.png) no-repeat 0 center; }
#contact-info .website{ background:url(images/ico-website.png) no-repeat 0 center; }
#contact-info .email{ background:url(images/bg-contact-icon-email.png) no-repeat 0 center; }



/* =PAGES
-----------------------------------------------------------------------------------------------*/

/* =HOME
-----------------------------------------------------------------------------------------------*/

/* =slideshow-index
-----------------------------------------------------------------------------------------------*/

#slideshow-index{ position:relative; z-index:10; margin-bottom:30px; }

#slideshow-index ul{ position:relative; width:880px; height:360px; overflow:hidden; list-style:none; z-index:10; }
#slideshow-index ul li{ width:880px; height:360px; position:relative; }
#slideshow-index ul li img{ position:absolute; top:0; left:0; z-index:15; }

#slideshow-index .calltoaction{ position:absolute; top:203px; left:0px; z-index:20; padding:20px 35px 20px 25px; background-color:#F28133; }

.calltoaction h4{ margin-bottom:0; }
.calltoaction a{ color:#fff;  }
.calltoaction a:hover{ }

#slideshow-index .slidetext{ position:absolute; top:260px; left:0px; overflow:hidden; width:230px;  padding:20px 25px; background:url(images/bg-slider.png) repeat top left; z-index:20; }

.slidetext p{ margin-bottom:0; color:#fff; }
.slidetext a{ color:#ffffff; }
.slidetext a:hover{ text-decoration:underline; }

#index-slideshow-pager{ width:14px; text-align:center; z-index:35; position:absolute; right:30px; bottom:32px;  }
#index-slideshow-pager a{ display:inline-block; width:14px; height:14px; margin-left:1px; background:url(images/bg-pager.png) no-repeat 0 0;
    text-align:left; outline-style:none; text-indent:-9999px; }
#index-slideshow-pager .activeSlide{ background:url(images/bg-pager.png) no-repeat 0 -64px; }


/* =slideshow-clients
-----------------------------------------------------------------------------------------------*/

#slideshow-clients{ position:relative; z-index:10; }

#slideshow-clients ul{ position:relative; list-style:none; margin-bottom:0; }
#slideshow-clients ul li{ position:relative;  z-index:10; }
#slideshow-clients ul li blockquote{ z-index:15; background:none; padding:0; }


/* =service-overview-index
-----------------------------------------------------------------------------------------------*/

.service-overview-index{    }

.service-overview-index h5 a{  }
.service-overview-index img{ display:block; margin:0 -21px 20px -21px; }

.service-overview-index ul{ list-style-type:none; list-style-position:outside; margin-bottom:30px;  }
.service-overview-index li{ float:left; margin-right:20px; width:238px; cursor:pointer; border:1px solid #ddd; border-top:none; padding:0 20px 20px 20px; text-align:center; color:#777; }
.service-overview-index li.last{ margin-right:0; }
.service-overview-index li:hover{  }


/* =hasicon
-----------------------------------------------------------------------------------------------*/

.hasicon{  margin-bottom:10px; line-height:20px; vertical-align:middle; }
.hasicon img{ float:left; margin-right:10px; }



/* =ABOUT
-----------------------------------------------------------------------------------------------*/

/* =team
-----------------------------------------------------------------------------------------------*/
.team{ padding-bottom:-30px; }
.team-member{ border:1px solid #ddd; border-top:none; text-align:center; margin-bottom:30px; width:203px; }
.team-member img{ margin:0 -1px 20px -1px; }



/* =SERVICES
-----------------------------------------------------------------------------------------------*/

/* =service-overview
-----------------------------------------------------------------------------------------------*/

.service-overview{ margin:30px 0;   }

.service-overview ul{ list-style-type:none; list-style-position:outside; margin-bottom:0;  }
.service-overview li{ float:left; margin-right:20px; width:238px; cursor:pointer; border:1px solid #ddd; border-top: none; padding:0 20px 0 20px; text-align:center; color:#777; }
.service-overview li.last{ margin-right:0; }

.service-overview h5{ }
.service-overview img{ display:block; margin:0 -21px 20px -21px; }



/* =PORTFOLIO
-----------------------------------------------------------------------------------------------*/

/* =portfolio-filter ( main portfolio page )
-----------------------------------------------------------------------------------------------*/

#portfolio-filter{ list-style:none; margin-bottom:0px; }
#portfolio-filter li{ float:left; }
#portfolio-filter a{ display: block; border-left:1px solid #efefef; padding:0 10px; }
#portfolio-filter a:hover{ text-decoration:underline; }
#portfolio-filter li.first a{ border-left:none; padding-left:0; }
#portfolio-filter li.current a{ color:#F28133; }
#portfolio-filter li.current a:hover{ text-decoration:none; }


/* =portfolio-overview ( main portfolio page )
-----------------------------------------------------------------------------------------------*/

.portfolio-overview{}

.portfolio-overview ul{ list-style-type:none; list-style-position:outside; margin-bottom:-30px; }
.portfolio-overview li{ float:left; margin:0 20px 30px 0; width:238px; position:relative;
    padding:0 20px 30px 20px;  border:1px solid #ddd; border-top:none; text-align:center; }
.portfolio-overview li.last{ margin-right:0; }

.portfolio-item-preview{ position:relative;  }

.ie7 .portfolio-item-preview{ height:170px; }

.portfolio-item-preview img{ display:block; margin:0 -21px 20px -21px;  }
.preview-options{ position:absolute; bottom:0; left:-21px; right:0; top:0; width:280px; display:none; }

.preview-options .lightbox{ display:block; position:absolute; top:20px; right:20px; width:26px; height:26px;
    background:url(images/bg-portfolio-preview-options.png) no-repeat top left;
    text-indent:-9999px; cursor:pointer; opacity:0.8; }
.preview-options .view{ display:block; position:absolute; bottom:0; left:0; cursor:pointer; background-color:#F28133; color:#FFFFFF; padding:5px 10px; }

.preview-options .lightbox:hover, .preview-options .view:hover{ opacity:1; }

.portfolio-overview h5{ text-transform:none; }
.ie7 .portfolio-overview h5{ text-transform:none; margin-top:20px; }
.portfolio-overview p{ margin-bottom:0; }


/* =portfolio-pagination ( main portfolio page )
-----------------------------------------------------------------------------------------------*/

.pagination{ list-style:none; float:right; margin-bottom:0; }

.pagination li{ float:left; border-right:1px solid #efefef; padding:0px 10px; line-height:16px; }
.pagination li.first{ padding-left:0; }
.pagination li.last{ border-right:none; padding-right:0; }
.pagination li.current a{ color:#000000; }
.pagination li a{ display:block; }


/* =slideshow-portfolio ( single portfolio item )
-----------------------------------------------------------------------------------------------*/

#slideshow-portfolio{ position:relative; margin-bottom:30px; }

#slideshow-portfolio ul{ position:relative; width:580px; height:352px; overflow:hidden; margin-bottom:0; list-style:none; }
#slideshow-portfolio ul li{ width:580px; height:352px; position:relative; }
#slideshow-portfolio ul li img{ position:absolute; top:0; left:0; }

#slideshow-portfolio-pager{ width:15px; text-align:center; z-index:35; position:absolute; right:30px; bottom:32px;  }
#slideshow-portfolio-pager a{ display:inline-block; width:14px; height:14px; margin-left:1px; background:url(images/bg-pager.png) no-repeat 0 0;
    text-align:left; outline-style:none; text-indent:-9999px; }
#slideshow-portfolio-pager .activeSlide{ background:url(images/bg-pager.png) no-repeat 0 -64px; }



/* =BLOG
-----------------------------------------------------------------------------------------------*/

/* =blog-post
-----------------------------------------------------------------------------------------------*/

.blog-post{ position:relative; padding: 0 10px 0 90px; }

.blog-post-title{ margin:0px 0 15px 0px; border-bottom:1px solid #f5f5f5; padding:10px 0 15px 0;  }

.blog-post-date{ position:absolute; left:0; top:0px; width:50px; border:1px solid #f0f0f0; padding:26px 10px 19px 10px; text-align:center; font-size:32px; }
.blog-post-date span{ display:block; margin-top:10px; color:#777; text-transform:uppercase; font-size:10px; }

.blog-post-thumb{ margin-bottom:20px; }

.blog-post-info{ list-style-type:none; list-style-position:outside; margin-bottom:10px; }
.blog-post-info li{ float:left; margin-right:15px; padding:0 0 5px 25px; }
.blog-post-info	.author{ background:url(images/bg-author.png) no-repeat 0px 2px; }
.blog-post-info	.categories{ background:url(images/bg-categories.png) no-repeat 0px 3px; }
.blog-post-info .comments{ background:url(images/bg-comments.png) no-repeat 0px 3px; }

.blog-post-readmore{ margin-bottom:0; }


/* =blog-navigation
-----------------------------------------------------------------------------------------------*/

.blog-navigation{ margin-left:90px; color:#efefef; }


/* =blog-post-comment  ( blog post page comment section )
-----------------------------------------------------------------------------------------------*/

.blog-post-comment{ margin-top:20px; border-bottom:1px solid #efefef; padding-bottom:10px; }
.blog-post-comment .who{ margin-bottom:10px; }
.blog-post-comment .who span{ color:#999; }
.blog-post-comment .bordered{ margin:0 20px 0 0; padding:5px; }			.blog-post-comment-reply{ margin-left:90px; }


/* =search
-----------------------------------------------------------------------------------------------*/

#search fieldset{ position:relative; border:none; margin:0; margin-bottom:20px; padding:0; }
#search-input{ width:260px; padding:7px 10px; margin:0;  font-size:12px; color:#ccc; background-color:#fff; border:none; border:1px solid #f1f1f1;  }
#search-input:focus{ color:#666; }
#search .search-submit-btn{ position:absolute; top:8px; right:5px; height:18px; width:18px; outline:none;
    background:url(images/bg-search.png) no-repeat top left; cursor:pointer; border:none; }



/* =CONTACT
-----------------------------------------------------------------------------------------------*/

#contact-form{}
#contact-form fieldset{ margin:0; padding:15px 0 15px 0; }
#contact-form p{ padding:5px 0 5px 25px; margin:1px; }
#contact-form p#formstatus{ border:none; border-bottom:1px solid #efefef; padding-right:25px; margin-bottom:10px; }

/* =LOGIN
-----------------------------------------------------------------------------------------------*/

#frmlogin .text {width: 350px;}
#register-form .text {width: 300px;}



/* =FILE UPLOAD
-----------------------------------------------------------------------------------------------*/


#img-list {
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 0px 100px;
}

#img-list li {
    margin: 10px;
    width: 152px;
    text-align: center;
    display: inline-block;
}

h1 {
    color: #ff6600;
}

h3 {
    color: #0066FF;
}

/** AUTOSAVE **/
.autosaveBubble{
    font-size: 0.9em;
    font-weight: 600;
    color: #000;
    display:inline;
    text-align: left;
}

.autosaveBubble .autosaveBubble-success{
    border: 1px solid #2a9d14;
    border-radius: 3px;
    background-color: #b0e6a5;
    padding: 8px;
}


/*** ADI ***/

.client_short_info{
    background: #999 url(images/client-trans.png);

    padding: 20px;
    padding-bottom: 0;
    min-height: 80px;
    height: auto !important;
    height: 80px;

    width: 840px;
    margin-bottom: 30px;
}

.nfo img{
}
.client_short_info .nfo{
    float:left;
    width: 220px;
    height: 100%;
    color: #fff;
}
.month_box{
    float: left;
    width: 405px;
    margin-right: 35px;;
}
.month_box h4{
    font-weight: bold;
    float: left;
    width:100px;
    padding-top: 4px;

}
.month_box .list{
    float: left;
    width: 300px;
    padding-bottom: 20px;
}
.month_box .long, .log_post_entry .long{
    width: 100%;
}
.log_post_entry .long p{
    padding-left: 30px;
}
.month_box .list a{

}
.month_box .list a:hover{
    text-decoration: underline;
}
.crazy_blue{
    background: #1bc;
}
.client_menu a{
    color: #fff;
}
.log_post_entry{
    width: 100%;
    clear:both;
    margin-bottom: 40px;
}
#logArchive.editing .log_post_entry{
	opacity: 0.5;
}

.log_post_entry .log_post_entry_inner{
	position: relative;
	padding-top: 10px;
	padding-left: 110px;
	min-height: 90px;
}
 
.log_post_entry h3.dashboard_title{
	float: left;
	margin-bottom: 0;
}
#logArchive.editing .log_post_entry.this{
	opacity: 1;
}
.log_post_entry .date{
    text-align: center;
    width: 80px;
    height: 40px;
    font-size: 11px;
    border: 1px solid #efefef;
    padding: 25px 0;
    float: left;
    margin: 0 30px 30px 0;
}
.log_post_entry .entry_content{
    text-align: justify;
}
.log_post_entry .entry_content a{

}
.log_post_entry .entry_content a:hover{

    text-decoration: underline;
}
.log_post_entry h4{
    /* font-size: 25px;*/
}
.clearer{
    font-size: 1px;
    height: 1px;
    clear:both;
}
.dashboard_nav{
    float: right;
}

.label_appointments{
    background-color: #1bc;
}
.border_appointments{
    border: 1px solid #1bc;
}
.label_forms{
    background-color: #990;
}
.label_logs{
    background-color: #1b2;
}

.profile_img{
    background-color: #999;
    padding:10px;
    width:240px;
    text-align: center;
    float: left;
    margin-right:20px;
}
.profile_box, .profile_box_long, .profile_box_long1{ width:260px; float:left; margin-right:20px; }
.profile_box_long{width:400px;}
.profile_box_long1{max-width: 780px; width: 100%}
.profile_box_long1 p{width: 370px; float: left; margin-right: 20px}
.profile_box_long1 input {
    width: 100%;
    max-width: 240px;
}


.log_post_entry .photo{
    text-align: center;
    width: 100px;
    height: 80px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#loading{
    background:url(images/loading.gif) no-repeat center;
    height:32px;
    width:100%;
    clear:both;
}

.action_btns{
	position: absolute;
	top: 80px;
	left: 0; 
	display: block;
	width: 100px;
	text-align: center;
}

.log_post_entry .edit_hide
{
	display: block;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	visibility:hidden;
}
.log_post_entry:HOVER .edit_hide
{
    visibility:visible;
}
.log_post_entry.this .edit_hide
{
	display: none;
}
.upload_block
{
    clear:both;
    /* border:1px solid #efefef; */
    padding:10px;
    margin:10px 0;
    background:#fefefe;
}
.qq-upload-drop-area
{
    width:500px !important;
}
.blocklist
{
    margin:0;
    padding:0 20px;
    list-style:none;
}
.blocklist li
{
    margin:3px 0;
    padding:0;
}

fieldset ul,
.fieldset ul
{
    margin:0;
    padding:10px;
    list-style:none;
}
fieldset ul li,
.fieldset ul li
{
    padding:0;
    margin:3px 0;
}
.appointment_form fieldset
{
    margin:0;
    padding:0;
}
.appointment_form fieldset p
{
    padding:0;
    margin:3px 0;
    clear:both;
}
.appointment_form .Title
{
    width:300px;
}
.start_time
{
    width:80px;
}
.end_time
{
    width:80px;
}
.appointment_form textarea
{
    width:300px;
    height:150px;
}
.appointment_form label
{
    display:block;
    float:left;
    width:100px;
}
#msg, #err{
    font-weight: bold;
    color: #fff;
    font-size: 11px;
    padding: 10px;
    border: 1px solid #f2f2f2;
    background-color: #f00;
    text-align: center;
}

#msg{
    background-color: #08b403;
}

#err a
{
    color: white;
}

#msg a
{
    color: white;
}
#partial_payment_total
{
    width:80px;
}
/* DASH BOARD */
.hide_body, .hide_body_bt
{
    display:none;
    clear:both;
}
.open_body
{
    clear:both;
    width:100%;
}
.bold
{
    font-weight:bold;
}
.log_post_entry .show_body, .log_post_entry .hide_body_bt, .log_post_entry .right_link
{
    float:right;
}

.log_post_entry h4{
    font-weight: bold;
    float: left;
    width:100px;
    padding-top: 4px;

    /*font-size:16px;*/
}
.log_post_entry .list{
    float: left;
    width: 750px;
    padding-bottom: 20px;
}
.month_box .long, .log_post_entry .long{
    width: 100%;
    clear:both;
}
.log_post_entry .long p{
    padding-left: 30px;
}
.log_post_entry .long .tl_form p{
    padding:0 0 0 100px !important;
    clear:both;
}
.tl_form label{
    font-weight:bold;
}
.list table, .list table td
{
    border:none;
}
.old_upload
{
    background:url(../../../images/but-upload.gif) no-repeat;
    width:68px;
    height:28px;
    border:none;
}

#profile_img .qq-upload-button
{
    margin:0 auto;
}
#profile_img .qq-upload-drop-area, #profile_img .qq-upload-drop-area-active {
    margin:0;
    position:absolute;
    width:240px !important;
    height:40px;
    min-height: 40px !important;
    z-index:2;
    background:#FF9797;
    text-align:center;
    font-size:11px;
}
#mobile-menu-top{
    display:none;
}
.second-menu-link{
    display:none;
}

.unsubscribe-wrapper label {
	font-weight: 400;
	color: #777;
}
/*
#messages{
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}
*/
#messages{
	position: fixed;
	z-index: 999999999999999999;
	top: 150px;
	left: 0;
	width: 400px;
	overflow: hidden;
}

.closeX {
    position: absolute;
    right: 0px; top: 0px; width:20px;
    color: black;
    margin-top:10px; margin-right:10px; border-radius: 20px;
    padding-left: 3px; padding-top: 1px;
    cursor:pointer; z-index: 9999999999999;
    font-size:11px; font-weight:bold;
}

.actionbutton {
	margin: 0px;
	border: 0px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 7px;
	padding-bottom: 7px;
	cursor: pointer;
	color: white;
	font-weight: bold;
	font-size: 12px;
	background-color: #da720d;
	box-shadow: 0px 0px 10px 10px #c06611 inset;
	border-radius: 5px 5px 5px 5px;
}

.honeypot{
	overflow: hidden;
	height: 0;
	margin: 0;
	padding: 0;
}

#cancel-appointment-confirmation {
	display: none; position: absolute; top: 0px; left: 0px; width: 90%; height: 100%; padding: 0% 5%; background: rgba(0,0,0,0.5);
}

#cancel-appointment-confirmation input:hover {
	cursor: pointer;
}

.file-desc{
	background: url(images/file-general.png) no-repeat left center;
    color: #8b8b8b;
    height: 14px;
    padding-left: 25px;
    word-break: break-all;
}
.accdb, .mdb{
	background: url(images/file-accdb.png) no-repeat left center;
}
.jpeg, .jpg{
    background: url(images/file-jpg.png) no-repeat left center;
}
.gif{
	background: url(images/file-gif.png) no-repeat left center;
}
.doc, .docx{
    background: url(images/file-doc.png) no-repeat left center;
}
.xls, .xlsx{
    background: url(images/file-xlsx.png) no-repeat left center;
}
.csv{
	background: url(images/file-csv.png) no-repeat left center;	
}
.xml{
    background: url(images/file-xml.png) no-repeat left center;
}
.avi, .mpg, .mpeg, .mp4{
    background: url(images/file-avi.png) no-repeat left center;
}
.flv {
	background: url(images/file-flv.png) no-repeat left center;	
}
.mov {
	background: url(images/file-mov.png) no-repeat left center;	
}
.mp3{
    background: url(images/file-mp3.png) no-repeat left center;
}
.pdf{
    background: url(images/file-pdf.png) no-repeat left center;
}
.png{
    background: url(images/file-png.png) no-repeat left center;
}
.ppt, .pptx{
    background: url(images/file-ppt.png) no-repeat left center;
}
.txt{
    background: url(images/file-txt.png) no-repeat left center;
}
.zip{
    background: url(images/file-zip.png) no-repeat left center;
}
.wmf, .wma{
	background: url(images/file-wmf.png) no-repeat left center;	
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


td .embed-container {
    position: static;
    height: auto;
    overflow: hidden;
    padding-bottom: 0px;
}

td .embed-container iframe, .embed-container object, .embed-container embed {
    position: static;
    width: auto;
    height: 100%;
}



.user-icon-left-padded {
	width: 60px;
	height: 40px;
        float: left;
        text-align: center;
}

.user-icon-left-padded .rounded-client-image{
    margin: 0 auto;
}

.rounded-client-image-big {
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	 border-radius: 40px;
	 height: 80px;
	 width: 80px;
}

.rounded-client-image-default-big {
	background: #35a489;
	color: #fff;
	font-weight: 600;
	line-height: 80px;
	text-align: center;
	text-transform: uppercase;
    font-size: 28px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-variant: normal;
	display: inline-block;
}

.rounded-client-image {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	 border-radius: 20px;
	 height: 40px;
	 width: 40px;
}

.rounded-client-image-default {
	background: #35a489;
	color: #fff;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;	
    float: left;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-variant: normal;
}

.rounded-group-image-default {
	background: #ffd3af;
	color: #fff;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;		
}

.rounded-noclient-image {
	background: #ccc;
	color: #fff;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;		
}

.user-icon-left-padded-big {
	width: 100px;
	height: 80px;
    float: left;
    text-align: center;
}

.profile-image-container {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    margin: auto;
}

ul#footer-social{
	display: block;
	list-style: none;
	margin-top: 10px;
}

ul#footer-social li{
	display: block;
	margin-bottom: 10px;
}

ul#footer-social li a{
	display: block;
	height: 24px;
	line-height: 24px; 
}

ul#footer-social li a img{
	margin-right: 9px;
	display: block;
	float: left;
	margin-top: 4px;	
}

.form-question-answers {
    /*width: 100%;*/
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
/* Added for /payments branch */
.product-details-tooltip {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    display: none;
    position: fixed;
    top: 0px; left: 10px;
    height: auto;
    margin: 0px 0px 10px 0px;
    padding: 5px 10px;
    width: 300px;
}

.product-details-tooltip .title {
    clear: both;
    font-size: 16px;
    font-weight: 700;
}

.product-details-tooltip .legend-line {
    clear: both;
    margin-left: 5px;
}

.product-details-tooltip .legend-name {
    font-weight: 700;
}

.product-details-tooltip .legend-definition {
    color: #777;
    font-weight: 300;
    font-size: 12px;
}

.status_legend {
    cursor: pointer;
}

.date_with_year {
	width: 115px !important;
}