/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html, button, input, select, textarea { color: #222 }
body {
    font-family: Georgia, "Times New Roman", Times, serif;
	/*font:Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    line-height: 20px;
    background-color: #444;
    height: 100%;
	overflow-x:hidden;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
    vertical-align: middle;
    border: none;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea { resize: vertical }
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Tripleclick Style
   ========================================================================== */
p {
	padding:0px;
	margin:0px;
	}
a:link, a:hover, a:visited, a:active {
    text-decoration: underline;
    color: #666;
}
.shadow {
    -moz-box-shadow: 0px 0px 5px #CCC; /* Firefox/Mozilla */
    -webkit-box-shadow: 0px 0px 5px #CCC; /*Safari/Chrome */
    box-shadow: 0px 0px 5px #CCC; /* Opera & hoe het zou moeten */
    /* Voor IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#CCC')";
    /* Voor IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#CCC');
}

#left {
	background-color: #FFF;
	padding: 40px 20px;
	position:fixed;
}

#content {
	margin-left:270px
}

#right {
	background-color: #222;
	padding: 0px 20px;
	position:fixed;
	max-height:80%;
	overflow:hidden;
	
}
#social {
	position:absolute;
    right: 20px;
    bottom: 10px;
}
#leftbg {
   /* position: fixed;
    width: 267px;
    left: 0;
    background-color: #FFF;
    height: 100%;
    z-index: 0;*/
}
#middlebg {
   /* position: fixed;
    width: 570px;
    left: 267px;
    background-color: #f0f0f0;
    height: 100%;
    z-index: 1;*/
}
#rightbg {
    /*position: fixed;
    width: 187px;
    left: 837px;
    background-color: #222;
    height: 100%;
    z-index: 2;*/
}
#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 20px;
    padding-left: 20px;
}
#footer a:link, #footer a:hover, #footer a:active, #footer a:visited {
    color: #000;
    font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
}
#logo {
    width: 100%;
    padding: 0px 0px 8px 0px;
    border-bottom: 1px solid #CCC;
    line-height: 0;
}
#logo img{
	width:201px;
		}
hr { color: #fff }
iframe {
    margin-bottom: 10px;
    : ;
}
#menu ul {
    list-style: none;
    padding: 0;
    margin: 4px 0px 0px 0px;
}
.menuitem {
    font-style: oblique;
    font-weight: bold;
    padding: 10px 0px;
    border-bottom: 1px solid #CCC;
}
.noborder { border: none 0 }
.noborder a {
    color: #E50278;
    text-decoration: none;
}
.menuitem div:hover { cursor: pointer }
li .submenuitem {
    padding: 5px 0px 0px 10px;
    color: #999;
    border: 0px none;
    font-weight: normal;
    font-size: 12px;
}
.submenuitem:hover {
    color: #666;
    cursor: pointer;
}
.clientlist {
	font-style: italic;
	padding:40px 0px
}
.clientlisttitle {
    font-weight: bold;
    color: #FFF;
    width: 100%;
    height: 25px;
    border-bottom: 1px solid #666;
    margin-bottom: 14px;
}
.clientlistitem {
    font-variant: normal;
    color: #DDD;
}
.clientlistitem:hover {
    font-variant: normal;
    color: #FFF;
    cursor: pointer;
    text-decoration: underline;
}
.clientlistitemnoclick {
    font-variant: normal;
    color: #DDD;
}
.socialimg {
    cursor: pointer;
    float: left;
}
 
.loader{
	 background:url(../images/spinner.gif) no-repeat center center;
}
/***********************************************blogposts***************************************************************/
.blogitem p { padding: 0px 0px 0px 0px }
.blogitem {
    margin-bottom: 30px;
	padding-bottom: 10px;
    width: 100%;
	background-color: #f0f0f0;
	
	
}
.blogfoto {
    margin-bottom: 10px;
    
}
.image:hover { cursor: pointer }
.blogpostinfo {
    min-height: 25px;
	position:relative;
	margin: 0px 20px 0px 20px;
	padding-top:40px;
}
.titel {
	margin-right:80px;
    font-style: oblique;
    font-weight: bold;
    color: #000;
	cursor:pointer;
}
.titelinline {
    font-style: oblique;
    font-weight: bold;
    color: #000;
}
/*.fb-like{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	float:right;
	margin-right:-40px;
	}
.like-overlay{
	zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3;
	top:0;
	right:0;
	position:absolute;
	margin-top:-2px;
	pointer-events: none;
	}*/
#facebook_like_button_holder {
	position:absolute;
	right:0px;
	top:38px;
	/*width:20px;
	height: 20px;*/
	color:#fff;
	z-index:999;
	}
	
#facebook_like_button_holder iframe {
	position:absolute;
	top: 0px;
	/*width: 90px !important;*/
	z-index:999;
	}
	
.pagetekst {
    margin-top: 5px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    color: #999;
   /* float: left;*/
    width: 100%;
}
.files {
    margin-top: 12px;
    color: #999;
    width: 100%;
}
.pageimages {
    margin-top: 12px;
    float: left;
    width: 100%;
    position: relative;
}
.pageimg {
    float: left;
    position: relative;
}
.date {
    float: right;
    font-style: oblique;
}
.blogtxt {
	font-family:Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 12px;
    color: #999;
	margin: 0px 20px 10px 20px;
	padding-top:14px;
	border-top: 1px solid #CCC;
}
.blogtxtnoborder {
	font-family:Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 12px;
    color: #999;
	margin: 0px 20px 10px 20px;
	padding-top:14px;
}
.imglarge {
    margin: 10px 0px;
    /*height: 398px;*/
	cursor:pointer;
	padding: 0px 20px;
}

.imglarge img{
	width:100%;
}

.thumbs {
    margin-left: -10px;
    display: table;
	padding: 0px 20px 0px 20px;
	min-height:94px;
}
.imgthumb {
    float: left;
    margin: 0 0 10px 10px;
}
.imgthumb:hover { cursor: pointer }
.itemthumb { opacity: 0.75 }
.itemthumb_active { opacity: 1 }
.loading {
    background-image: url(../images/spinner.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
/************************************contactformulier*************************************/
#formcontainer {
    position: relative;
    width: 530px;
    float: right;
}
#contactform {
    margin-top: 40px;
    width: 300px;
    background: #000;
    color: #fff;
    float: right;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    margin-bottom: 40px;
}
#contactform input, #contactform select, #contactform textarea {
    border: none 0;
    width: 99%;
    padding: 2px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: normal;
    font-size: 12px;
    float: right;
    resize: none;
}
.required { background-color: #F99 }
#contactform table {
    width: 100%;
    padding: 5px;
}
.sendbtn {
    margin-top: 3px;
    float: right;
    background-color: #fff;
    color: #000;
    padding: 5px 10px;
    font-weight: bold;
}
.sendbtn:hover {
    margin-top: 3px;
    float: right;
    background-color: #ccc;
    color: #000;
    padding: 5px 10px;
    font-weight: bold;
}
.cancelbtn {
    margin-top: 3px;
    float: right;
    background-color: #1D4662;
    color: #FFF;
    padding: 5px 10px;
    font-weight: bold;
}
.sendbtn:hover, .cancelbtn:hover { cursor: pointer }
/************************************google maps*************************************/
#map-canvas {
    width: 100%;
    height: 300px;
    position: relative;
	margin-bottom:-10px;
	
}
/***************************************filetree******************************************/
UL.FileTree {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    line-height: 18px;
    padding: 0px;
    margin: 10px 0px 0px 0px;
}
UL.FileTree LI {
    list-style: none;
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
    white-space: nowrap;
}
UL.FileTree A {
    color: #333;
    text-decoration: none;
    padding: 0px 2px;
}
/* Core Styles */
.FileTree LI.directory { background: url(../images/filetree/directory.png) left top no-repeat }
.FileTree LI.expanded { background: url(../images/filetree/folder_open.png) left top no-repeat }
.FileTree LI.file { background: url(../images/filetree/file.png) left top no-repeat }
.FileTree LI.wait { background: url(../images/filetree/spinner.gif) left top no-repeat }
/* File Extensions*/
.FileTree LI.ext_3gp { background: url(../images/filetree/film.png) left top no-repeat }
.FileTree LI.ext_afp { background: url(../images/filetree/code.png) left top no-repeat }
.FileTree LI.ext_afpa { background: url(../images/filetree/code.png) left top no-repeat }
.FileTree LI.ext_asp { background: url(../images/filetree/code.png) left top no-repeat }
.FileTree LI.ext_aspx { background: url(../images/filetree/code.png) left top no-repeat }
.FileTree LI.ext_avi { background: url(../images/filetree/film.png) left top no-repeat }
.FileTree LI.ext_bat { background: url(../images/filetree/application.png) left top no-repeat }
.FileTree LI.ext_bmp { background: url(../images/filetree/picture.png) left top no-repeat }
.FileTree LI.ext_c { background: url(../images/filetree/code.png) left top no-repeat }
.FileTree LI.ext_cfm { background: url(../images/filetree/code.png) left top no-repeat }
.FileTree LI.ext_cgi { background: url(../images/filetree/code.png) left top no-repeat }
.FileTree LI.ext_com { background: url(../images/filetree/application.png) left top no-repeat }
.FileTree LI.ext_cpp { background: url(../images/filetree/code.png) left top no-repeat }
.FileTree LI.ext_css { background: url(../images/filetree/css.png) left top no-repeat }
.FileTree LI.ext_csv { background: url(../images/filetree/xls.png) left top no-repeat }
.FileTree LI.ext_doc { background: url(../images/filetree/doc.png) left top no-repeat }
.FileTree LI.ext_exe { background: url(../images/filetree/application.png) left top no-repeat }
.FileTree LI.ext_gif { background: url(../images/filetree/picture.png) left top no-repeat }
.FileTree LI.ext_fla { background: url(../images/filetree/flash.png) left top no-repeat }
.FileTree LI.ext_h { background: url(../images/filetree/code.png) left top no-repeat }
.FileTree LI.ext_htm { background: url(../images/filetree/html.png) left top no-repeat }
.FileTree LI.ext_html { background: url(../images/filetree/html.png) left top no-repeat }
.FileTree LI.ext_jar { background: url(../images/filetree/java.png) left top no-repeat }
.FileTree LI.ext_jpg { background: url(../images/filetree/picture.png) left top no-repeat }
.FileTree LI.ext_jpeg { background: url(../images/filetree/picture.png) left top no-repeat }
.FileTree LI.ext_js { background: url(../images/filetree/script.png) left top no-repeat }
.FileTree LI.ext_lasso { background: url(../images/filetree/code.png) left top no-repeat }
.FileTree LI.ext_log { background: url(../images/filetree/txt.png) left top no-repeat }
.FileTree LI.ext_m4p { background: url(../images/filetree/music.png) left top no-repeat }
.FileTree LI.ext_mov { background: url(../images/filetree/film.png) left top no-repeat }
.FileTree LI.ext_mp3 { background: url(../images/filetree/music.png) left top no-repeat }
.FileTree LI.ext_mp4 { background: url(../images/filetree/film.png) left top no-repeat }
.FileTree LI.ext_mpg { background: url(../images/filetree/film.png) left top no-repeat }
.FileTree LI.ext_mpeg { background: url(../images/filetree/film.png) left top no-repeat }
.FileTree LI.ext_ogg { background: url(../images/filetree/music.png) left top no-repeat }
.FileTree LI.ext_pcx { background: url(../images/filetree/picture.png) left top no-repeat }
.FileTree LI.ext_pdf { background: url(../images/filetree/pdf.png) left top no-repeat }
.FileTree LI.ext_php { background: url(../images/filetree/php.png) left top no-repeat }
.FileTree LI.ext_png { background: url(../images/filetree/picture.png) left top no-repeat }
.FileTree LI.ext_ppt { background: url(../images/filetree/ppt.png) left top no-repeat }
.FileTree LI.ext_psd { background: url(../images/filetree/psd.png) left top no-repeat }
.FileTree LI.ext_pl { background: url(../images/filetree/script.png) left top no-repeat }
.FileTree LI.ext_py { background: url(../images/filetree/script.png) left top no-repeat }
.FileTree LI.ext_rb { background: url(../images/filetree/ruby.png) left top no-repeat }
.FileTree LI.ext_rbx { background: url(../images/filetree/ruby.png) left top no-repeat }
.FileTree LI.ext_rhtml { background: url(../images/filetree/ruby.png) left top no-repeat }
.FileTree LI.ext_rpm { background: url(../images/filetree/linux.png) left top no-repeat }
.FileTree LI.ext_ruby { background: url(../images/filetree/ruby.png) left top no-repeat }
.FileTree LI.ext_sql { background: url(../images/filetree/db.png) left top no-repeat }
.FileTree LI.ext_swf { background: url(../images/filetree/flash.png) left top no-repeat }
.FileTree LI.ext_tif { background: url(../images/filetree/picture.png) left top no-repeat }
.FileTree LI.ext_tiff { background: url(../images/filetree/picture.png) left top no-repeat }
.FileTree LI.ext_txt { background: url(../images/filetree/txt.png) left top no-repeat }
.FileTree LI.ext_vb { background: url(../images/filetree/code.png) left top no-repeat }
.FileTree LI.ext_wav { background: url(../images/filetree/music.png) left top no-repeat }
.FileTree LI.ext_wmv { background: url(../images/filetree/film.png) left top no-repeat }
.FileTree LI.ext_xls { background: url(../images/filetree/xls.png) left top no-repeat }
.FileTree LI.ext_xml { background: url(../images/filetree/code.png) left top no-repeat }
.FileTree LI.ext_zip { background: url(../images/filetree/zip.png) left top no-repeat }
/* ==========================================================================
   Pretty Photo
   ========================================================================== */
/* ----------------------------------
		Default Theme
	----------------------------------- */
div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px }
div.pp_default .pp_top .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat } /* Top left corner */
div.pp_default .pp_top .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x } /* Top pattern/color */
div.pp_default .pp_top .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat } /* Top right corner */
div.pp_default .pp_content .ppt { color: #f8f8f8 }
div.pp_default .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px;
}
div.pp_default .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px;
}
div.pp_default .pp_content { background-color: #fff } /* Content background */
div.pp_default .pp_next:hover {
    background: url(../images/prettyPhoto/default/sprite_next.png) center right  no-repeat;
    cursor: pointer;
} /* Next button */
div.pp_default .pp_previous:hover {
    background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer;
} /* Previous button */
div.pp_default .pp_expand {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
} /* Expand button */
div.pp_default .pp_expand:hover {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
    cursor: pointer;
} /* Expand button hover */
div.pp_default .pp_contract {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
} /* Contract button */
div.pp_default .pp_contract:hover {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
    cursor: pointer;
} /* Contract button hover */
div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
    cursor: pointer;
} /* Close button */
div.pp_default #pp_full_res .pp_inline { color: #000 }
div.pp_default .pp_gallery ul li a {
    background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa;
}
div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff }
div.pp_default .pp_social { margin-top: 7px }
div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto;
}
div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px;
}
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px }
div.pp_default .pp_details { position: relative }
div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
    background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    margin: 4px 0 0 0;
    width: 20px;
}
div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px;
} /* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details { margin-top: 5px }
div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative;
}
div.pp_default .pp_nav .currentTextHolder {
    font-family: Georgia;
    font-style: italic;
    color: #999;
    font-size: 11px;
    left: 75px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 10px;
    position: absolute;
    top: 2px;
}
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity: 0.7 }
div.pp_default .pp_description {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 5px 50px 5px 0;
}
div.pp_default .pp_bottom .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat } /* Bottom left corner */
div.pp_default .pp_bottom .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x } /* Bottom pattern/color */
div.pp_default .pp_bottom .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat } /* Bottom right corner */
div.pp_default .pp_loaderIcon { background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat } /* Loader icon */
/* ----------------------------------
		Light Square Theme
	----------------------------------- */
div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff }
div.light_square .pp_content .ppt { color: #000 }
div.light_square .pp_expand {
    background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
} /* Expand button */
div.light_square .pp_expand:hover {
    background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
} /* Expand button hover */
div.light_square .pp_contract {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
} /* Contract button */
div.light_square .pp_contract:hover {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
} /* Contract button hover */
div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
} /* Close button */
div.light_square .pp_details { position: relative }
div.light_square .pp_description { margin-right: 85px }
div.light_square #pp_full_res .pp_inline { color: #000 }
div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important }
div.light_square .pp_nav .pp_play {
    background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}
div.light_square .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}
div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat } /* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default;
}
div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat } /* The next arrow in the bottom nav */
div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default;
}
div.light_square .pp_next:hover {
    background: url(../images/prettyPhoto/light_square/btnNext.png) center right  no-repeat;
    cursor: pointer;
} /* Next button */
div.light_square .pp_previous:hover {
    background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer;
} /* Previous button */
div.light_square .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat } /* Loader icon */
/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus { outline: none }
div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}
div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}
.pp_top {
    height: 20px;
    position: relative;
}
* html .pp_top { padding: 0 20px }
.pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}
.pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}
* html .pp_top .pp_middle {
    left: 0;
    position: static;
}
.pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.pp_content {
    height: 40px;
    min-width: 40px;
}
* html .pp_content { width: 40px }
.pp_fade { display: none }
.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%;
}
.pp_content_container .pp_left { padding-left: 20px }
.pp_content_container .pp_right { padding-right: 20px }
.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px 0;
}
.pp_description {
    display: none;
    margin: 0;
}
.pp_social {
    float: left;
    margin: 0;
}
.pp_social .facebook {
    float: left;
    margin-left: 5px;
    width: 55px;
}
.pp_social .twitter { float: left }
.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
	display:none;
}
.pp_nav p {
    float: left;
    margin: 2px 4px;
    white-space: nowrap;
	display:none;
}
.pp_nav .pp_play, .pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px;
	display:none;
}
a.pp_arrow_previous, a.pp_arrow_next {
    /*display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;*/
	display:none;
}
.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}
.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}
.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative;
}
.pp_gallery ul {
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
    padding: 0;
    position: relative;
    white-space: nowrap;
}
.pp_gallery ul a {
    border: 1px #000 solid;
    border: 1px rgba(0,0,0,0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden;
}
.pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff }
.pp_gallery ul a img { border: 0 }
.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}
.pp_gallery li.default a {
    background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px;
}
.pp_gallery li.default a img { display: none }
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important }
a.pp_next {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}
a.pp_previous {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}
a.pp_expand, a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}
a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px;
}
.pp_bottom {
    height: 20px;
    position: relative;
}
* html .pp_bottom { padding: 0 20px }
.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}
.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}
* html .pp_bottom .pp_middle {
    left: 0;
    position: static;
}
.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px;
}
#pp_full_res { line-height: 1 !important }
#pp_full_res .pp_inline { text-align: left }
#pp_full_res .pp_inline p { margin: 0 0 15px 0 }
div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible { visibility: hidden }
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after { clear: both }
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix { *zoom: 1 }


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
	/* Smaller than standard 960 (devices and browsers) iPad pandscape*/
	 @media only screen and (min-width: 959px) and (max-width: 1025px) {
		 .height94{
			 height:84px;
			}
			
		.height84, .height83{
			 height:75px;
			}
		.thumbs {
			min-height:75px;
		}
		 }

	/* Tablet Portrait size to standard 960 (devices and browsers) iPad Portrait*/
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		 .height94{
			 height:64px;
			}
			
		.height84, .height83{
			 height:57px;
			}
		.thumbs {
			min-height:57px;
		}	
		#left {
			/*position:relative;*/
		}
		
		#content {
			/*margin-left:100px;*/
			margin-left:200px;
		}
		
		#right {
			/*position:relative;*/
			width:84px;
		}
		#logo img{
			width:130px;
		}
		.imgthumb {
			
		}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		#left {
			position:relative;
		}
		.thumbs {
			min-height:57px;
		}
		#content {
			margin-left:10px;
		}
		
		#right {
			position:relative;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) iPhone Landscape*/
	@media only screen and (min-width: 480px) and (max-width: 767px) {
 		.height94{
			height:65px;
			}
			
		.height84, .height83{
			 height:58px;
			}
		#left {
			position:relative;
		}
		
		#content {
			margin-left:0px;
		}
		
		#right {
			position:relative;
		}
		#menu  {
			display:table
			}
		#menu ul {
			padding:0px;
			margin:0px;
			display:inline;
			}
		.menuitem {
			float:left;
			border-bottom: none;
			padding:10px 0px 0px 0px;
			}
		.menuitem div, .menuitem a{
			float:left;
			padding:0px 10px 0px 0px;
			
			}
		li .submenuitem {
			float:left;
			padding:0px 10px 0px 0px;
			}
		#social {
			top: 10px;
			}
		.clientlistitem{
			float:left;
			padding-right:10px;
			margin-right:10px;
			border-right:1px solid #666;
			}
		 
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) iPhone Portrait*/
	@media only screen and (max-width: 479px) {
		#left {
			position:relative;
		}
		
		#content {
			margin-left:0px;
		}
		
		#right {
			position:relative;
		}
		#menu  {
			display:table
			}
		#menu ul {
			padding:0px;
			margin:0px;
			display:inline;
			}
		.menuitem {
			float:left;
			border-bottom: none;
			padding:10px 0px 0px 0px;
			}
		.menuitem div, .menuitem a{
			float:left;
			padding:0px 10px 0px 0px;
			
			}
		li .submenuitem {
			float:left;
			padding:0px 10px 0px 0px;
			}
		#social {
			top: 10px;
			}
		.clientlistitem{
			float:left;
			padding-right:10px;
			margin-right:10px;
			border-right:1px solid #666;
			}
	}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print { 
	* {
	    background: transparent !important;
	    color: #000 !important;
	    /* Black prints faster: h5bp.com/s */;
	    box-shadow: none !important;
	    text-shadow: none !important;
	}
	a, a:visited { text-decoration: underline }
	a[href]:after { content: " (" attr(href) ")" }
	abbr[title]:after { content: " (" attr(title) ")" }
	/*
	     * Don't show links for images, or javascript/internal links
	     */
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" }
	pre, blockquote {
	    border: 1px solid #999;
	    page-break-inside: avoid;
	}
	thead {
	    display: table-header-group;
	    /* h5bp.com/t */
	}
	tr, img { page-break-inside: avoid }
	img { max-width: 100% !important }
}
/* ==========================================================================
   SUPERSIZED - Version : 3.2.6
   ========================================================================== */
#supersized-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    text-indent: -999em;
    background: url(../images/spinner.gif) no-repeat center center;
}
#supersized {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -999;
    height: 100%;
    width: 100%;
}
#supersized img {
    width: auto;
    height: auto;
    position: relative;
    display: none;
    outline: none;
    border: none;
}
#supersized.speed img {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -moz-crisp-edges;
} /*Speed*/
#supersized.quality img {
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality;
} /*Quality*/
#supersized li {
    display: block;
    list-style: none;
    z-index: -30;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #111;
}
#supersized a {
    width: 100%;
    height: 100%;
    display: block;
}
#supersized li.prevslide { z-index: -20 }
#supersized li.activeslide { z-index: -10 }
#supersized li.image-loading {
    background: #111 url(../images/spinner.gif) no-repeat center center;
    width: 100%;
    height: 100%;
}
#supersized li.image-loading img { visibility: hidden }
#supersized li.prevslide img, #supersized li.activeslide img { display: inline }*/

//SCROLLBAR//////////////////////////////
.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-transition: opacity.2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x:hover {
    opacity: 0.9;
    filter: alpha(opacity = 90);
    cursor:default;
}

.ps-container .ps-scrollbar-x.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 3px; /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #aaa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-transition: opacity.2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-y:hover {
    opacity: 0.9;
    filter: alpha(opacity = 90);
    cursor: default;
}

.ps-container .ps-scrollbar-y.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity = 90);
}