/**************************
*
*	GENERAL
*
**************************/
.camera_wrap a, .camera_wrap img, 
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img, 
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
	background: none;
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	list-style: none
}
.camera_wrap {
	display: none;
	float: left;
	position: relative;
	z-index: -1;
}
.camera_wrap img {
	max-width: none!important;
}
.camera_fakehover {
	height: 100%;
	min-height: 60px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.camera_wrap {
        position: relative;
        float: left;
        display: inline;
	width: 100%;
        height: 600px;
}
.camera_src {
	display: none;
}
.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
        background: url(https://gsddphotography.co.za/uploads/images/blue20.png);
}
#sidebar .cameraCont, #sidebar .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
        background: none;
        font-size: 88.01%;
}
.cameraSlide {
	bottom: 30px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}

.camera_target_content .camera_link {
        position: absolute;
        width: 100%;
	height: 600px;
        left: 0;
        top: 0;
	text-decoration: none;
        background: none;
}
.camera_loader {
    background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/camera-loader.gif) no-repeat center;
	background: /* #996633 rgba(0, 0, 0, 0.1)*/ url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/camera-loader.gif) no-repeat center;
	border: 0px solid #ffffff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 3;
}
.camera_bar {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
	height: 100%;
	position: absolute;
	width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
	height: auto;
	position: absolute;
	width: 100%;
}

.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 4;
}
.camera_caption {
	bottom: 0;
	display: block;
	position: absolute;
	width: 100%;
}
.camera_caption > div {
	padding: 10px 20px;
}
.camerarelative {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.camera_prevThumbs {
	bottom: 4px;
	cursor: pointer;
	left: 0;
	position: absolute;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 10;
}
.camera_prevThumbs div {
	 background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/camera_skins.png) no-repeat -80px 0; 
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 30px;
}
.camera_nextThumbs {
	bottom: 4px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 10;
}
.camera_nextThumbs div {
	background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/camera_skins.png) no-repeat -80px 0; 
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 30px;
}
.camera_command_wrap .hideNav {
	display: none;
}
.camera_command_wrap {
	left: 0;
	position: relative;
	right:0;
	z-index: 4;
}
.camera_wrap .camera_pag .camera_pag_ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-align: left;
	text-indent: -9999px;
	width: 16px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 8px;
	left: 4px;
	overflow: hidden;
	position: absolute;
	top: 4px;
	width: 8px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
}
.camera_pag_ul li img {
	display: none;
	position: absolute;
}
.camera_pag_ul .thumb_arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
	top: 0;
	left: 50%;
	margin-left: -4px;
	position: absolute;
}
.camera_prev, .camera_next, .camera_commands {
	cursor: pointer;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 10;
}
.camera_prev {
	left: 0;
}
.camera_prev > span {
	background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/camera_skins.png) no-repeat -80px 0; 
	display: block;
	height: 40px;
	width: 40px;
}
.camera_next {
	right: 0;
}
.camera_next > span {
	background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/camera_skins.png) no-repeat -80px 0; 
       display: block;
	height: 40px;
	width: 40px;
}
.camera_commands {
	right: 41px;
}
.camera_commands > .camera_play {
	background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/camera_skins.png) no-repeat -80px 0; 
	height: 40px;
	width: 40px;
}
.camera_commands > .camera_stop {
	background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/camera_skins.png) no-repeat -80px 0; 
	display: block;
	height: 40px;
	width: 40px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-indent: -9999px;
	width: 16px;
}
.camera_thumbs_cont {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.camera_commands_emboss .camera_thumbs_cont {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_thumbs_cont > div {
	float: left;
	width: 100%;
}
.camera_thumbs_cont ul {
	overflow: hidden;
	padding: 3px 4px 8px;
	position: relative;
	text-align: center;
}
.camera_thumbs_cont ul li {
	display: inline;
	padding: 0 4px;
}
.camera_thumbs_cont ul li > img {
	border: 1px solid;
	cursor: pointer;
	margin-top: 5px;
	vertical-align:bottom;
}
.camera_clear {
	display: block;
	clear: both;
}
.showIt {
	display: none;
}
.camera_clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 25px;
	position: relative;
}
/**************************
*
*	COLORS & SKINS
*
**************************/
.pattern_1 .camera_overlayer {
	background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/patterns/overlay1.png) repeat;
}
.pattern_2 .camera_overlayer {
	background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/patterns/overlay2.png) repeat;
}
.pattern_3 .camera_overlayer {
	background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/patterns/overlay3.png) repeat;
}
.pattern_4 .camera_overlayer {
	background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/patterns/overlay4.png) repeat;
}
.pattern_5 .camera_overlayer {
	background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/patterns/overlay5.png) repeat;
}
.pattern_6 .camera_overlayer {
	background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/patterns/overlay6.png) repeat;
}
.pattern_7 .camera_overlayer {
	background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/patterns/overlay7.png) repeat;
}
.pattern_8 .camera_overlayer {
	background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/patterns/overlay8.png) repeat;
}
.pattern_9 .camera_overlayer {
	background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/patterns/overlay9.png) repeat;
}
.pattern_10 .camera_overlayer {
	background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/patterns/overlay10.png) repeat;
}
.camera_caption {
	color: #fff;
}
.camera_caption > div {
	background: #000;
	background: rgba(0, 0, 0, 0.8);
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: #434648;
}
.camera_pag_ul li img {
	border: 4px solid #e6e6e6;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	box-shadow: 0px 3px 6px rgba(0,0,0,.5);
}
.camera_pag_ul .thumb_arrow {
    border-top-color: #e6e6e6;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
	background: #333;
	background: rgba(0, 0, 0, 0.5);
         background: url(https://gsddphotography.co.za/modules/Gallery/templates/camera/images/caption.png) repeat/;

}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_thumbs_cont ul li > img {
	border-color: 1px solid #000;
}
/*AMBER SKIN*/
.camera_amber_skin .camera_prevThumbs div {
	background-position: -160px -160px;
}
.camera_amber_skin .camera_nextThumbs div {
	background-position: -190px -160px;
}
.camera_amber_skin .camera_prev > span {
	background-position: 0 -160px;
}
.camera_amber_skin .camera_next > span {
	background-position: -40px -160px;
}
.camera_amber_skin .camera_commands > .camera_play {
	background-position: -80px -160px;
}
.camera_amber_skin .camera_commands > .camera_stop {
	background-position: -120px -160px;
}
/*ASH SKIN*/
.camera_ash_skin .camera_prevThumbs div {
	background-position: -160px -200px;
}
.camera_ash_skin .camera_nextThumbs div {
	background-position: -190px -200px;
}
.camera_ash_skin .camera_prev > span {
	background-position: 0 -200px;
}
.camera_ash_skin .camera_next > span {
	background-position: -40px -200px;
}
.camera_ash_skin .camera_commands > .camera_play {
	background-position: -80px -200px;
}
.camera_ash_skin .camera_commands > .camera_stop {
	background-position: -120px -200px;
}
/*AZURE SKIN*/
.camera_azure_skin .camera_prevThumbs div {
	background-position: -160px -240px;
}
.camera_azure_skin .camera_nextThumbs div {
	background-position: -190px -240px;
}
.camera_azure_skin .camera_prev > span {
	background-position: 0 -240px;
}
.camera_azure_skin .camera_next > span {
	background-position: -40px -240px;
}
.camera_azure_skin .camera_commands > .camera_play {
	background-position: -80px -240px;
}
.camera_azure_skin .camera_commands > .camera_stop {
	background-position: -120px -240px;
}
/*BEIGE SKIN*/
.camera_beige_skin .camera_prevThumbs div {
	background-position: -160px -120px;
}
.camera_beige_skin .camera_nextThumbs div {
	background-position: -190px -120px;
}
.camera_beige_skin .camera_prev > span {
	background-position: 0 -120px;
}
.camera_beige_skin .camera_next > span {
	background-position: -40px -120px;
}
.camera_beige_skin .camera_commands > .camera_play {
	background-position: -80px -120px;
}
.camera_beige_skin .camera_commands > .camera_stop {
	background-position: -120px -120px;
}
/*BLACK SKIN*/
.camera_black_skin .camera_prevThumbs div {
	background-position: -160px -40px;
}
.camera_black_skin .camera_nextThumbs div {
	background-position: -190px -40px;
}
.camera_black_skin .camera_prev > span {
	background-position: 0 -40px;
}
.camera_black_skin .camera_next > span {
	background-position: -40px -40px;
}
.camera_black_skin .camera_commands > .camera_play {
	background-position: -80px -40px;
}
.camera_black_skin .camera_commands > .camera_stop {
	background-position: -120px -40px;
}
/*BLUE SKIN*/
.camera_blue_skin .camera_prevThumbs div {
	background-position: -160px -280px;
}
.camera_blue_skin .camera_nextThumbs div {
	background-position: -190px -280px;
}
.camera_blue_skin .camera_prev > span {
	background-position: 0 -280px;
}
.camera_blue_skin .camera_next > span {
	background-position: -40px -280px;
}
.camera_blue_skin .camera_commands > .camera_play {
	background-position: -80px -280px;
}
.camera_blue_skin .camera_commands > .camera_stop {
	background-position: -120px -280px;
}
/*BROWN SKIN*/
.camera_brown_skin .camera_prevThumbs div {
	background-position: -160px -320px;
}
.camera_brown_skin .camera_nextThumbs div {
	background-position: -190px -320px;
}
.camera_brown_skin .camera_prev > span {
	background-position: 0 -320px;
}
.camera_brown_skin .camera_next > span {
	background-position: -40px -320px;
}
.camera_brown_skin .camera_commands > .camera_play {
	background-position: -80px -320px;
}
.camera_brown_skin .camera_commands > .camera_stop {
	background-position: -120px -320px;
}
/*BURGUNDY SKIN*/
.camera_burgundy_skin .camera_prevThumbs div {
	background-position: -160px -360px;
}
.camera_burgundy_skin .camera_nextThumbs div {
	background-position: -190px -360px;
}
.camera_burgundy_skin .camera_prev > span {
	background-position: 0 -360px;
}
.camera_burgundy_skin .camera_next > span {
	background-position: -40px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_play {
	background-position: -80px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_stop {
	background-position: -120px -360px;
}
/*CHARCOAL SKIN*/
.camera_charcoal_skin .camera_prevThumbs div {
	background-position: -160px -400px;
}
.camera_charcoal_skin .camera_nextThumbs div {
	background-position: -190px -400px;
}
.camera_charcoal_skin .camera_prev > span {
	background-position: 0 -400px;
}
.camera_charcoal_skin .camera_next > span {
	background-position: -40px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_play {
	background-position: -80px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_stop {
	background-position: -120px -400px;
}
/*CHOCOLATE SKIN*/
.camera_chocolate_skin .camera_prevThumbs div {
	background-position: -160px -440px;
}
.camera_chocolate_skin .camera_nextThumbs div {
	background-position: -190px -440px;
}
.camera_chocolate_skin .camera_prev > span {
	background-position: 0 -440px;
}
.camera_chocolate_skin .camera_next > span {
	background-position: -40px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_play {
	background-position: -80px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_stop {
	background-position: -120px -440px	;
}
/*COFFEE SKIN*/
.camera_coffee_skin .camera_prevThumbs div {
	background-position: -160px -480px;
}
.camera_coffee_skin .camera_nextThumbs div {
	background-position: -190px -480px;
}
.camera_coffee_skin .camera_prev > span {
	background-position: 0 -480px;
}
.camera_coffee_skin .camera_next > span {
	background-position: -40px -480px;
}
.camera_coffee_skin .camera_commands > .camera_play {
	background-position: -80px -480px;
}
.camera_coffee_skin .camera_commands > .camera_stop {
	background-position: -120px -480px	;
}
/*CYAN SKIN*/
.camera_cyan_skin .camera_prevThumbs div {
	background-position: -160px -520px;
}
.camera_cyan_skin .camera_nextThumbs div {
	background-position: -190px -520px;
}
.camera_cyan_skin .camera_prev > span {
	background-position: 0 -520px;
}
.camera_cyan_skin .camera_next > span {
	background-position: -40px -520px;
}
.camera_cyan_skin .camera_commands > .camera_play {
	background-position: -80px -520px;
}
.camera_cyan_skin .camera_commands > .camera_stop {
	background-position: -120px -520px	;
}
/*FUCHSIA SKIN*/
.camera_fuchsia_skin .camera_prevThumbs div {
	background-position: -160px -560px;
}
.camera_fuchsia_skin .camera_nextThumbs div {
	background-position: -190px -560px;
}
.camera_fuchsia_skin .camera_prev > span {
	background-position: 0 -560px;
}
.camera_fuchsia_skin .camera_next > span {
	background-position: -40px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_play {
	background-position: -80px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_stop {
	background-position: -120px -560px	;
}
/*GOLD SKIN*/
.camera_gold_skin .camera_prevThumbs div {
	background-position: -160px -600px;
}
.camera_gold_skin .camera_nextThumbs div {
	background-position: -190px -600px;
}
.camera_gold_skin .camera_prev > span {
	background-position: 0 -600px;
}
.camera_gold_skin .camera_next > span {
	background-position: -40px -600px;
}
.camera_gold_skin .camera_commands > .camera_play {
	background-position: -80px -600px;
}
.camera_gold_skin .camera_commands > .camera_stop {
	background-position: -120px -600px	;
}
/*GREEN SKIN*/
.camera_green_skin .camera_prevThumbs div {
	background-position: -160px -640px;
}
.camera_green_skin .camera_nextThumbs div {
	background-position: -190px -640px;
}
.camera_green_skin .camera_prev > span {
	background-position: 0 -640px;
}
.camera_green_skin .camera_next > span {
	background-position: -40px -640px;
}
.camera_green_skin .camera_commands > .camera_play {
	background-position: -80px -640px;
}
.camera_green_skin .camera_commands > .camera_stop {
	background-position: -120px -640px	;
}
/*GREY SKIN*/
.camera_grey_skin .camera_prevThumbs div {
	background-position: -160px -680px;
}
.camera_grey_skin .camera_nextThumbs div {
	background-position: -190px -680px;
}
.camera_grey_skin .camera_prev > span {
	background-position: 0 -680px;
}
.camera_grey_skin .camera_next > span {
	background-position: -40px -680px;
}
.camera_grey_skin .camera_commands > .camera_play {
	background-position: -80px -680px;
}
.camera_grey_skin .camera_commands > .camera_stop {
	background-position: -120px -680px	;
}
/*INDIGO SKIN*/
.camera_indigo_skin .camera_prevThumbs div {
	background-position: -160px -720px;
}
.camera_indigo_skin .camera_nextThumbs div {
	background-position: -190px -720px;
}
.camera_indigo_skin .camera_prev > span {
	background-position: 0 -720px;
}
.camera_indigo_skin .camera_next > span {
	background-position: -40px -720px;
}
.camera_indigo_skin .camera_commands > .camera_play {
	background-position: -80px -720px;
}
.camera_indigo_skin .camera_commands > .camera_stop {
	background-position: -120px -720px	;
}
/*KHAKI SKIN*/
.camera_khaki_skin .camera_prevThumbs div {
	background-position: -160px -760px;
}
.camera_khaki_skin .camera_nextThumbs div {
	background-position: -190px -760px;
}
.camera_khaki_skin .camera_prev > span {
	background-position: 0 -760px;
}
.camera_khaki_skin .camera_next > span {
	background-position: -40px -760px;
}
.camera_khaki_skin .camera_commands > .camera_play {
	background-position: -80px -760px;
}
.camera_khaki_skin .camera_commands > .camera_stop {
	background-position: -120px -760px	;
}
/*LIME SKIN*/
.camera_lime_skin .camera_prevThumbs div {
	background-position: -160px -800px;
}
.camera_lime_skin .camera_nextThumbs div {
	background-position: -190px -800px;
}
.camera_lime_skin .camera_prev > span {
	background-position: 0 -800px;
}
.camera_lime_skin .camera_next > span {
	background-position: -40px -800px;
}
.camera_lime_skin .camera_commands > .camera_play {
	background-position: -80px -800px;
}
.camera_lime_skin .camera_commands > .camera_stop {
	background-position: -120px -800px	;
}
/*MAGENTA SKIN*/
.camera_magenta_skin .camera_prevThumbs div {
	background-position: -160px -840px;
}
.camera_magenta_skin .camera_nextThumbs div {
	background-position: -190px -840px;
}
.camera_magenta_skin .camera_prev > span {
	background-position: 0 -840px;
}
.camera_magenta_skin .camera_next > span {
	background-position: -40px -840px;
}
.camera_magenta_skin .camera_commands > .camera_play {
	background-position: -80px -840px;
}
.camera_magenta_skin .camera_commands > .camera_stop {
	background-position: -120px -840px	;
}
/*MAROON SKIN*/
.camera_maroon_skin .camera_prevThumbs div {
	background-position: -160px -880px;
}
.camera_maroon_skin .camera_nextThumbs div {
	background-position: -190px -880px;
}
.camera_maroon_skin .camera_prev > span {
	background-position: 0 -880px;
}
.camera_maroon_skin .camera_next > span {
	background-position: -40px -880px;
}
.camera_maroon_skin .camera_commands > .camera_play {
	background-position: -80px -880px;
}
.camera_maroon_skin .camera_commands > .camera_stop {
	background-position: -120px -880px	;
}
/*ORANGE SKIN*/
.camera_orange_skin .camera_prevThumbs div {
	background-position: -160px -920px;
}
.camera_orange_skin .camera_nextThumbs div {
	background-position: -190px -920px;
}
.camera_orange_skin .camera_prev > span {
	background-position: 0 -920px;
}
.camera_orange_skin .camera_next > span {
	background-position: -40px -920px;
}
.camera_orange_skin .camera_commands > .camera_play {
	background-position: -80px -920px;
}
.camera_orange_skin .camera_commands > .camera_stop {
	background-position: -120px -920px	;
}
/*OLIVE SKIN*/
.camera_olive_skin .camera_prevThumbs div {
	background-position: -160px -1080px;
}
.camera_olive_skin .camera_nextThumbs div {
	background-position: -190px -1080px;
}
.camera_olive_skin .camera_prev > span {
	background-position: 0 -1080px;
}
.camera_olive_skin .camera_next > span {
	background-position: -40px -1080px;
}
.camera_olive_skin .camera_commands > .camera_play {
	background-position: -80px -1080px;
}
.camera_olive_skin .camera_commands > .camera_stop {
	background-position: -120px -1080px	;
}
/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div {
	background-position: -160px -960px;
}
.camera_pink_skin .camera_nextThumbs div {
	background-position: -190px -960px;
}
.camera_pink_skin .camera_prev > span {
	background-position: 0 -960px;
}
.camera_pink_skin .camera_next > span {
	background-position: -40px -960px;
}
.camera_pink_skin .camera_commands > .camera_play {
	background-position: -80px -960px;
}
.camera_pink_skin .camera_commands > .camera_stop {
	background-position: -120px -960px	;
}
/*PISTACHIO SKIN*/
.camera_pistachio_skin .camera_prevThumbs div {
	background-position: -160px -1040px;
}
.camera_pistachio_skin .camera_nextThumbs div {
	background-position: -190px -1040px;
}
.camera_pistachio_skin .camera_prev > span {
	background-position: 0 -1040px;
}
.camera_pistachio_skin .camera_next > span {
	background-position: -40px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_play {
	background-position: -80px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_stop {
	background-position: -120px -1040px	;
}
/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div {
	background-position: -160px -80px;
}
.camera_pink_skin .camera_nextThumbs div {
	background-position: -190px -80px;
}
.camera_pink_skin .camera_prev > span {
	background-position: 0 -80px;
}
.camera_pink_skin .camera_next > span {
	background-position: -40px -80px;
}
.camera_pink_skin .camera_commands > .camera_play {
	background-position: -80px -80px;
}
.camera_pink_skin .camera_commands > .camera_stop {
	background-position: -120px -80px;
}
/*RED SKIN*/
.camera_red_skin .camera_prevThumbs div {
	background-position: -160px -1000px;
}
.camera_red_skin .camera_nextThumbs div {
	background-position: -190px -1000px;
}
.camera_red_skin .camera_prev > span {
	background-position: 0 -1000px;
}
.camera_red_skin .camera_next > span {
	background-position: -40px -1000px;
}
.camera_red_skin .camera_commands > .camera_play {
	background-position: -80px -1000px;
}
.camera_red_skin .camera_commands > .camera_stop {
	background-position: -120px -1000px	;
}
/*TANGERINE SKIN*/
.camera_tangerine_skin .camera_prevThumbs div {
	background-position: -160px -1120px;
}
.camera_tangerine_skin .camera_nextThumbs div {
	background-position: -190px -1120px;
}
.camera_tangerine_skin .camera_prev > span {
	background-position: 0 -1120px;
}
.camera_tangerine_skin .camera_next > span {
	background-position: -40px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_play {
	background-position: -80px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_stop {
	background-position: -120px -1120px	;
}
/*TURQUOISE SKIN*/
.camera_turquoise_skin .camera_prevThumbs div {
	background-position: -160px -1160px;
}
.camera_turquoise_skin .camera_nextThumbs div {
	background-position: -190px -1160px;
}
.camera_turquoise_skin .camera_prev > span {
	background-position: 0 -1160px;
}
.camera_turquoise_skin .camera_next > span {
	background-position: -40px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_play {
	background-position: -80px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_stop {
	background-position: -120px -1160px	;
}
/*VIOLET SKIN*/
.camera_violet_skin .camera_prevThumbs div {
	background-position: -160px -1200px;
}
.camera_violet_skin .camera_nextThumbs div {
	background-position: -190px -1200px;
}
.camera_violet_skin .camera_prev > span {
	background-position: 0 -1200px;
}
.camera_violet_skin .camera_next > span {
	background-position: -40px -1200px;
}
.camera_violet_skin .camera_commands > .camera_play {
	background-position: -80px -1200px;
}
.camera_violet_skin .camera_commands > .camera_stop {
	background-position: -120px -1200px	;
}
/*WHITE SKIN*/
.camera_white_skin .camera_prevThumbs div {
	background-position: -160px -80px;
}
.camera_white_skin .camera_nextThumbs div {
	background-position: -190px -80px;
}
.camera_white_skin .camera_prev > span {
	background-position: 0 -80px;
}
.camera_white_skin .camera_next > span {
	background-position: -40px -80px;
}
.camera_white_skin .camera_commands > .camera_play {
	background-position: -80px -80px;
}
.camera_white_skin .camera_commands > .camera_stop {
	background-position: -120px -80px;
}
/*YELLOW SKIN*/
.camera_yellow_skin .camera_prevThumbs div {
	background-position: -160px -1240px;
}
.camera_yellow_skin .camera_nextThumbs div {
	background-position: -190px -1240px;
}
.camera_yellow_skin .camera_prev > span {
	background-position: 0 -1240px;
}
.camera_yellow_skin .camera_next > span {
	background-position: -40px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_play {
	background-position: -80px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_stop {
	background-position: -120px -1240px	;
}
/* Stylesheet: GSDDCamera Modified On 2014-05-29 20:21:14 */
/* CLEAR FLOATS */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
 
/* ISOTOPE COMMON STYLE */
html, body {
    height: 100%;
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
}
/* FILTERING OPTIONS - our style catgory style/navigation */
#categories {
    font-size: 14px;
    padding: 10px 0 10px 0px;
}
#categories li {
    float: left;
}
#categories li a.selected {
    text-decoration: none;
    color: #fcd3a5;
}
#categories .option-set li a.selected {
    color: #fcd3a5;
}
.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px sans-serif;
    padding: 8px 18px 8px;
    margin-right: 10px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter: progid : DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.button:hover {
    text-decoration: none;
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter: progid : DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.button:active {
    position: relative;
    top: 1px;
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter: progid : DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
 
/* ELEMENT CONTAINER */
#menu-image .item {
    height: 239px;
    width: 239px;
    margin: 3px;
    float: left;
    overflow: hidden;
    position: relative;
    border-radius: 0;
    padding: 0px;
}

#menu-image .item:hover {
    height: 239px;
    width: 239px;
    margin: 2px;
    float: left;
    overflow: hidden;
    position: relative;
    border-radius: 0;
    padding: 0px;
 box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.9);
 -webkit-box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.9);
 -moz-box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.9);
 border: 1px #000 solid;
}

.gallery { overflow: visible; width: 100%; height: 100%;}

.gallery .img {
    max-width: 24%;
    width: auto;
    height: auto;
    margin: 3px;
    overflow: hidden;
    float: left;
    position: relative;
    border-radius: 0;
    padding: 0px;
}

.about-stephan .gallery .img,
.about-stephan .gallery .img:hover {height: 200px; width: 24%;}
.about-stephan .gallery .img img {min-width: 100%; min-height: 100%;}

.gallery .img:hover {
    max-width: 24%;
    width: auto;
    height: auto;
    margin: 3px;
    height: auto;
    overflow: hidden;
    float: left;
    position: relative;
    border-radius: 0;
    padding: 0px;
 box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.9);
 -webkit-box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.9);
 -moz-box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.9);
}


#listitproducts .donor-image {
   float: left;
   display: block;
   margin-right: 20px;
   width: 186px;
   max-height: 230px;
   overflow: hidden;
}
div#content h3.item-title {
    position: absolute;
    bottom: -20px;
    left: 0;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
    text-transform: uppercase;
    line-height: 32px;
    width: 100%;
    cursor: pointer;
    z-index: 5;
}
 
/* EXPANDED BOX */
 .item-content {
    display: none; /* for usability you could remove this */
}
 
.item-content img {
    border: 0px solid #fff;
    margin: 0px 20px 0px 0px;
    float: none;
    min-width: 186px;
    min-height: 230px;
}
#listitproducts .item-content h2 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-top: 0px;
    padding: 10px 0 0px 0;
}
.item-content p {
    font-size: 12px;
    margin-bottom: 1em;
}
#listitproducts .item-content a {
  color: #0066cc;
}
#listitproducts .large, .variable-sizes .large {
    width: 572px; /* you can change this width, i used 690px so another thumb item still fits in a row */
    height: 230px;
    z-index: 20;
    background: #EEE;
    padding: 0;
}
#listitproducts img.thumb {
    position: absolute;
    top: 0px;
    left: 0px;
    border: 0px solid #fff;
    border-radius: 6px 0 6px 0;
    min-width: 186px;
    min-height: 230px;
}
.slides {
  position: relative;
  margin: 0px;
}
.large:hover, .variable-sizes .large:hover {
 box-shadow: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
}

.large .entry-content img, .variable-sizes .large .entry-content img , .donor.large .entry-content img {
height: auto;
}



.featured.large img.thumb,
.featured.large h4.item-title {
 display: none;
}
#options {margin: 0px 0 10px 0px; padding: 0px; display: block;}
#options {margin-top: 10px;}
#options .option-combo {
display: inline-block;
float: left;
margin-right: 10px;
}
#options li {
float: left;
margin: 0 0 0.2em 0;
}

#options li a.selected {
background-color: #ffcccc;
text-shadow: none;
color: white;
}
#options li:first-child a {
border-radius: 7px 0 0 7px;
border-left: none;
}
#options li:last-child a {
border-radius: 0 7px 7px 0;
}
#options h3 {
line-height: 34px;
margin-bottom: 0;
margin-right: 10px;
display: inline-block;
vertical-align: top;
float: left;
}

#options li a {
border-left: 1px solid hsla( 0, 0%, 100%, 0.3 );
border-right: 1px solid hsla( 0, 0%, 0%, 0.2 );
}

#options li a {
display: block;
padding: 0.4em 0.5em;
background-color: #DDD;
color: #333;
text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );
background: #eee;
list-style: none;
}

#main #options ul li, #options li {
list-style: none;
padding: 0;
margin: 0;
}

#filter, #sort,
#sort-direction { float: left; display: inline; margin-right: 10px;}

#listitproducts #options .option-combo ul {
margin-right: 20px;
display: inline-block;
min-width: 33%;
}
#container {width: 100%; max-width: 1440px; margin: 0px auto 0 auto; padding: 0px}

.corner-stamp {
position: relative;
width: 24%;
height: auto;
padding: 0px;
margin: 3px;
float: left;
background-image: url(https://gsddphotography.co.za/uploads/images/black50.png);
color: #ccc;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
display: block;
}


#infscr-loading {
position: fixed;
text-align: center;
bottom: 250px;
left: 42%;
z-index: 100;
background: white;
background: hsla( 0, 0%, 100%, 0.9 );
padding: 20px;
color: #222;
font-size: 15px;
font-weight: 300;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#items { display: block; }
/* Stylesheet: GSDDiso Modified On 2014-06-01 14:17:38 */
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: 'Open Sans', sans-serif;
   font-size: 98.01%;
   line-height: 1.4em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div, table, td{
   margin: 0;
   padding: 0;
   line-height: 1.4em;
}

table {position: relative;}


/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
   margin: 0;
}

.gallery {
 position: relative;
 display: block;
 width: 100%;
 margin-right: 0px;
 margin-bottom: 0px;
 border: 0px;
}

.photo-left {
   float: left;
  text-align: center;
  padding: 9px 9px 16px 9px;
 box-shadow: 0px 1px 5px 0px rgba(120, 120, 120, 0.2);
 -webkit-box-shadow: 0px 1px 5px 0px rgba(120, 120, 120, 0.2);
 -moz-box-shadow: 0px 1px 5px 0px rgba(120, 120, 120, 0.2);
 margin-right: 20px;
 margin-bottom: 20px;
 border: 1px #CCC solid;
url(tmp/configs/PIE.htc);
}

.photo-right {
 float: right;
 margin-left: 10px;
 margin-bottom: 5px;
 border: 1px #FFF solid;
}

.photo {
 border: 1px #FFF solid;
 margin-bottom: 20px;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   font-weight: 600;
   color: #666;
}

a:visited {
   text-decoration: none;
   background-color: inherit;
   color: #666;                /* a different color can be used for visited links */
   font-weight: 600;
}

/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: transparent;
   color: #ccc;
   font-weight: 600;
}

#content a.link h4, #header a.link h4, #sidebar a.link h4 {color: #FFF; margin: 0;}

#headernav {width: 980px; margin: 0 auto 0 auto;position: relative; padding: 0}

div.link a, div.link a:visited {
   position: relative;
   float: left;
   margin-top: 10px;
   padding: 10px 20px 10px 20px;
   background: #FF0000;
   color: #FFF;
   font-size: 110%;
   text-transform: uppercase;
   font-weight: normal;
   -moz-border-radius: 4px; 
   -webkit-border-radius: 4px; 
   border-radius: 4px; 
   behavior: url(tmp/configs/PIE.htc);
}

div.link a:hover {
   background: #003366;
}

a.link, a.link:visited, #header a.link, #header a.link:visited  {
   position: relative;
   margin-top: 10px;
   padding: 10px 20px 10px 20px;
   background: #FF0000;
   color: #FFF;
   font-size: 110%;
   -moz-border-radius: 4px; 
   -webkit-border-radius: 4px; 
   border-radius: 4px; 
   behavior: url(tmp/configs/PIE.htc);
   font-weight: normal;
}

a.link:hover {
    color: #FFF;
    background: #003366;
}

#sidebar ul {
	width: auto;
	text-align: left;
	margin: 0;
        padding: 0;
        list-style: none;
}

#sidebar ul li {
background-image: url(https://gsddphotography.co.za/uploads/images/bullet.png);
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 32px;
margin-bottom: 5px;
min-height: 24px;
}

#sidebar ul#menu li {margin-bottom: 0px;}

#main table {margin-bottom: 20px;}
#main fieldset table {margin-bottom: 0px;}
/*****************
basic layout 
*****************/
body {
   color: #333;
   margin: 0; /* gives some air for the pagewrapper */
   background:#FFF;
   padding: 0px;
}

#social img {margin-bottom: 5px;}

table .header-t td { background: url(https://gsddphotography.co.za/uploads/images/white20.png);}

div.pagewrapper {
   position: relative;
   border: 0;
   width: 100%;
   max-width: 1280px;
   margin: 0px auto 0px auto;     /* this centers wrapper */
   padding: 0px 0px 0 0px;
   height: 100%;
}

#menu-shadow {
   width: 100%;
   background: url(https://gsddphotography.co.za/uploads/images/content-shadow.png) bottom center repeat-x;
   height: 35px;
}

div#menuholder {
   width: 100%;
   min-width: 1040px;
   border-top: 10px #000 solid;
   margin: 0px auto 0px  auto;     /* this centers wrapper */
   color: #333;
   z-index: 100;
   background: url(https://gsddphotography.co.za/uploads/images/menubar.jpg) top center repeat-x;
   height: 75px;
  
}

.headertitle {position: absolute; top: 25px; left: 60px; color: #CCC}

#topmenu {
  position: relative;
  display: block;
  width: 100%;
  min-width: 1040px;
  margin: 0 auto 0 auto;
  z-index: 80;
  height: 240px;
}

#nav {position: relative; width: 980px; margin: 0 auto 0 auto; height: 140px;}
#logo {position: relative; float: left; display: inline-block; width: 44px; height: 44px; margin-right: 12px; padding-top: 0px; background: url(https://gsddphotography.co.za/uploads/images/GSDDPhotographySmall.png); background-size: cover;  background-position: center center; -ms-behavior: url(https://gsddphotography.co.za/lib/jquery/js/backgroundsize.min.htc);}
#menunav {width: 380px; float: right; display: inline;}
#menuicon {width: 370px; float: right; display: inline; height: 50px; padding-top:0px; text-align: right}

div#footerwrapper {
   position: relative;
   border-top: 20px #000 solid;
   min-width: 1040px;
   margin: 0px auto 0px auto;     /* this centers wrapper */
   color: #000;
   background:#3399cc url(https://gsddphotography.co.za/uploads/images/footer-background.jpg) top center repeat-x;
}

#page-container, #footer-container {
   position: relative;
   width: 1040px;
   margin: 0px auto 0px auto;
   padding: 0;
   border: 0;
   background: none;
}

.footer {float: right; display: inline-block; width: 620px; margin: 0; padding: 0;}
.footer-contact {float: left; display: inline-block; width: 320px; margin: 0; padding: 0; text-align: left;}
#footer .footer-contact h3 {color: #fff;}



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


#footer-content {
        position: relative;
	min-height: 395px;
	height: auto!important;
	height: 395px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
        margin-bottom: 0px;
        padding: 10px 0 0 0;
        background: none;
} 

#footer .block {
        float: left;
	width: 320px;
	margin: 20px 20px 0px 0px;
}
#footer .cms {
        font-size: 80%;
        float: right;
	text-align: left;
	color: #000;
	margin: 0px 0px 0 0;
        padding: 20px 0 0 0;
        border: 0px;
	width: 300px;
}
/* ------------ Footer Links ------------ */
#footer ul {
	width: auto;
	text-align: left;
	margin-left: 0px;
	color: #000;
        list-style: none;
        text-transform: uppercase;

}
#footer ul ul {
	padding-left: 10px;
}
#footer ul li a, #footer ul li a:visited {
	color: #000;
	display: block;
	font-weight: normal;
	margin-bottom: 2px;
        padding-bottom: 3px;
	text-decoration: none;
        border-bottom: 1px #336699 solid;
}

#footer ul li a.currentpage, #footer li.activeparent a, #footer li.activeparent a:visited {color: #006699; border-bottom: 1px #006699 solid;}

#footer li.activeparent ul li a, #footer li.activeparent ul li a:visited {
	color: #006699;
	display: block;
	font-weight: normal;
	margin-bottom: 2px;
        padding-bottom: 3px;
	text-decoration: none;
        border-bottom: 1px #006699 solid;
}

#footer ul li a:hover, #footer li.activeparent ul li a:hover {
	color: #FFF;
	display: block;
	font-weight: normal;
	margin-bottom: 2px;
        padding-bottom: 3px;
	text-decoration: none;
}
#footer a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#footer .cms a {
	color: #999;
}

#footer .cms a:hover {
	color: #666;
}
/* ------------ END LAYOUT ---------------*/

/*** header ***
we will hide text and replace it with a image
we need to assign a height for i h1
*/

div#search {
   position: relative;
   float: left;
   width: 300px;     /* enough width for the search input box */
   padding: 0px;
   margin: 0px 0px 15px 0px;
   border: 0;
   background: url(https://gsddphotography.co.za/uploads/images/black20.png);
   -moz-border-radius: 4px; 
   -webkit-border-radius: 4px; 
   border-radius: 4px; 
   behavior: url(tmp/configs/PIE.htc); 
}

div#search .search-button {width: 28px; padding: 6px; margin: 0 0 0 5px;}

div#search input {
   position: relative;
   float: left;
   display: inline;
   font-size: 120%;
   width: 280px;     /* enough width for the search input box */
   text-align:left;
   padding: 10px;
   margin: 0;
   color: #000;
   border: 0px #FFF solid;;
   background: none;
}

div.breadcrumbs {
   padding: 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 95%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 10px 0 10px 0 ;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   height: 10px;
   color: #999;
}

div.breadcrumbs a, div.breadcrumbs a:visited {
   color: #999;
}

div.breadcrumbs a:hover {
   color: #CCC;
}

 div.breadcrumbs span.lastitem { 
   color: #666; 
 } 

div#content {
   position: relative;
   margin: 0px;
   padding: 0px 30px 60px 30px;
   background: none;
}

div#mycontent {
   float: left;
   position: relative;
   margin: 0px;
   padding: 0px;
   background: none;
}


#camcontent {
   display: block;
   margin-top: -15px; ; /* some air above and under menu and content */
   padding: 0px;
}


div#content-nav {
   float: left;
   display: block;
   padding: 0px;
   width: 980px;
   height: 90px;
   padding-bottom: 10px;
   margin: 0px;
}


div#content-header {
   float: right;
   display: inline;
   margin-right: 0px ; /* some air above and under menu and content */
   height: 90px;
   padding: 0px;
   background: none;
   width: 640px;
   margin-top: 0px;
}

#content-bottom {
  position: absolute;
  display: block;
  width: 980px;
  left: 50%;
  margin: -50px 0px 30px -490px;
  z-index: 20;
}

#content-bottom div {
  float: right;
  margin-top: 30px;
  border: 0;
}

#content-bottom div a,
#content-bottom div a:link {
  position: relative;
  border:0;
  padding: 10px 15px 20px 15px ;
     background: #3399cc;
   -moz-border-radius: 4px 4px 0 0; 
   -webkit-border-radius: 4px 4px 0 0; 
   border-radius:4px 4px 0 0; behavior: url(tmp/configs/PIE.htc); 
   overflow: hidden; 
  color: #fff;
}

#background {position: relative; width: 100%; float: left;}



div#main.narrow {
   width: 598px;
}

div#main.narrow h3 {
   margin-left: 0px;
}

div#main img{
   max-width: 598px;
}

#network {margin: 0; position: relative; float: left; display: inline; min-width: 236px;}

#sidebar .camera_wrap {
   display: none;
   margin: 0 auto 0 auto;
   padding: 0px;
   z-index: 100;
   background: none;
   width: 280px;
}

.camera_wrap div#main {
   display: none;
   margin: 20% auto 0 auto;
   padding: 20px;
   z-index: 100;
   background: url(https://gsddphotography.co.za/uploads/images/white50.png);
   width: 640px;
}

fieldset {
  border: 0;
   background: url(https://gsddphotography.co.za/uploads/images/black30.png);
}

.main fieldset {
   border: 0;
   color: #fff;
   padding-top: 15px;
   padding-bottom: 25px;
   margin: 10px 0 10px 0;
}


div#header fieldset h6  {margin-left: 5px; margin-bottom: 5px;}
fieldset h6   {margin: 5px;}

div#sidebar {
   position: relative;
   float: left;
   display: inline;
   color: #333;
   width: 320px;
   margin-right: 20px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 40px;
   padding: 0;
}

div#sidebar fieldset {
   position: relative;
   float: none;
   display: block;
   color: #333;
   max-width: 320px;
   padding: 20px;
   margin: 0 0 10px 0;
   background: #FFF;
background: linear-gradient(top, #FFFFFF 0%,#F2F2F2 100%);
  background: -moz-linear-gradient(top, #FFFFFF 0%, #F2F2F2 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F2F2F2));
 background: -webkit-linear-gradient(top, #FFFFFF 0%,#F2F2F2 100%);
 background: -o-linear-gradient(top, #FFFFFF 0%,#F2F2F2 100%);
 background: -ms-linear-gradient(top, #FFFFFF 0%,#F2F2F2 100%);
   border: 1px #D4D4D4 solid;
   behavior: url(tmp/configs/PIE.htc);
}


div#sidebar fieldset ul li {color: #333;}

div#sidebar fieldset div, div#sidebar fieldset div div {padding: 0; margin:0;}

div#footer p a {
   color: #333; /* needed becouse footer link would be same color as background otherwise */
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 0;
   border-bottom: 0px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 79%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 19%;
  text-align: right;
}

/********************
CONTENT STYLING
*********************/
div#content {
  margin: 0;
}

#sidebar strong {color: #000;}


/* HEADINGS */
div#content h1 {
   color: #000; 
   font-size: 38px;  /* font size for h1 */
   line-height: 30px;
   margin: 0;
}
div#content h2 {
   color: #000; 
   font-size: 34px;  /* font size for h2 */
   margin: 5px 0 20px 0;
   font-weight: normal;
}

div#content h3 {
   color: #000; 
   font-size: 30px;
   line-height: 26px;
   margin: 0 0 20px 340px;
   font-weight: normal;
   padding-bottom: 10px;
   border-bottom: 1px #e2e2e2 solid;
}
div#content .table h3 {
   padding-bottom: 0px;
   border-bottom: 0px;
}

div#sidebar fieldset h3 {
   color: #000; 
   font-size: 26px;
   margin: 0 0 15px 0;
   font-weight: normal;
}
div#content #sidebar h4 { margin: 0 0 5px 0;}


div#header h2 {font-size: 36px; color: #FFF; padding: 20px; background: url(https://gsddphotography.co.za/uploads/images/black20.png); margin: 0;}
div#header h3 {
  text-align: left;
  font-size: 24px;
  margin: 5px 0 5px 0;
  padding: 0;
  color: #fff;
  font-weight: normal;
}

div#footer h3 {
   color:  #000; 
   font-size: 24px;
   margin: 0 0 10px 0;
   font-weight: normal;
   text-transform: uppercase;
}

div#content h4 {
   color: #333; 
   font-size: 18px;
   line-height: 18px;
   margin: 0 0 15px 0;
   font-weight: normal;
}

div#sidebar fieldset h4 {
  color: #FF0000;
}

div#content h5 {
   color: #333;  
   font-size: 16px;
   line-height: 22px;
   margin: 0 0 5px 0;
   font-weight: normal;
   /* text-transform: uppercase; */
}
h6 {
   font-size: 13px;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}


/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 20px 0;  /* some air around p elements */
   line-height: 1.5em;
   padding: 0;
}
blockquote {
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: 600;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
   line-height:1.4em;
   margin: 0;
   list-style: none;
}

/* LISTS */
div#main fieldset ul,
div#main fieldset ol,
div#main fieldset dl {
   line-height:1.4em;
   margin: 0 0 25px 0;
   list-style: none;
}

div#main ul li,
div#main ol li {
background-image: url(https://gsddphotography.co.za/uploads/images/bullet.png);
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 48px;
margin-bottom: 5px;
min-height: 24px;
}

div#main ul ul ,
div#main ol ul {
background-repeat: no-repeat;
background-position: 0 0;
padding: 10px 0 10px 32px;
min-height: 24px;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */


hr {position: relative; width: 100%; clear: both; margin: 0; height: 0%; border: 0;}

 
                #sidebar .camera_pag {
                        margin: 0px;
}

		.camera_bar {
			z-index: 2;
		}
		.camera_thumbs {
			margin-top: -100px;
			position: relative;
			z-index: 1;
		}
		.camera_thumbs_cont {
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		.camera_overlayer {
			opacity: .1;
		}
                .camera_commands {
                        display: none;
}


.ui-widget-content fieldset {background: none; border: 0;}
div.back90 {
   position: absolute;
   z-index: 1;
   top:0;
   left: 0%; 
   display: block;
   border: 0;
   margin-left: 0;     /* this centers wrapper */
   width: 100%;
   min-width: 980px;
   height: 100%;
   padding: 0px;
   background: url(https://gsddphotography.co.za/uploads/images/black50.png) top center;
}

div.back1280 {

   position: absolute;
   z-index: 1;
   left: 0; 
   bottom: 0;
   display: block;
   border: 0;
   margin-left: 0px;     /* this centers wrapper */
   width: 50%;
   min-width: 490px;
   height: 100%;
   padding: 0px;
   background: url(https://gsddphotography.co.za/uploads/images/black50.png) top center;
   display: none;
}

h1.big {font-size: 100px; text-transform: lowercase; height: 50px;}

/* Stylesheet: GSDDLayout Modified On 2014-06-09 18:05:14 */
        body {	
                 font-family: 'Source Sans Pro', arial,helvetica;
                 background: #333;
                 text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
                 font-size: 1em;
        }

#superContainer {
    height:100%;
    position:relative;
}

/* Style for our header texts 
	* --------------------------------------- */
	h1{
		font-size: 48px;	
		font-family: 'Open Sans', arial,helvetica;
		color: #fff;
		margin:0 0 30px 0;
		padding:0;
                font-weight: normal;
                z-index: 1;
                text-align: center;
	}
	.intro p{
		color: #fff;
	}
	
	/* Centered texts in each section 
	* --------------------------------------- */
	.section{
	}

	/* Fixed header and footer.
	* --------------------------------------- */
	#header, #footer{
		position:fixed;
		display:block;
		width: 100%;
		z-index:9;
		color: #f2f2f2;
	}
	
	#header {
		text-align:center;
		top: 0px;
                background-image: url(https://gsddphotography.co.za/uploads/images/black80.png);
		padding: 5px 0 5px 0;
	}
          
	#footer{
		bottom:0px;
                background: none;
                padding: 10px 0 10px 0;
                height: 30px;
                text-align: right;
                background-image: url(https://gsddphotography.co.za/uploads/images/black80.png);
	}
	
	
	/* Bottom menu
	* --------------------------------------- */
	#infoMenu {
		bottom: 80px;
	}
	#infoMenu li a {
		color: #fff;
		z-index: 999;
	}
      
        .main {
                position: relative;
                text-align: left;
		margin: 0 auto 0 auto;
                width: 80%;
                padding: 130px 0px 60px 0px;
		z-index: 2;
                color: #fff;
	}

       .top {margin-top: 70px;}
       .right {margin-right: -2px;}

      #fullpage {width: 100%; min-width: 100%;}
      .slide {background-color: #333}

      .section p {width: 100%; margin: 0 auto 10px auto;}
      #about-us .slide h1 {display: block;}

.fullPage-tooltip {
position: absolute;
color: #fff;
font-size: 16px;
top: 3px;
width: 100%;
max-width: 250px;
min-width: 100px;
text-align: right;
height: 40px;
background-image: url(https://gsddphotography.co.za/uploads/images/black50.png);
}

#fullPage-nav.right {
right: 17px;
}

.fullPage-tooltip.right {
right: 27px;
padding-top: 8px;
padding-right: 20px;
height: 32px;
width: 100%;
min-width: 150px;
max-width: 250px;
font-weight: normal;
}

#fullPage-nav li {
display: block;
height: 40px;
width: 40px;
padding: 0px;
position: relative;
}

#fullPage-nav span, .fullPage-slidesNav span {
float: right;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
margin: 2px;
padding: 0px;
border: 1px solid #000;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-image: url(https://gsddphotography.co.za/uploads/images/white50.png);
position: absolute;
z-index: 80;
}

#fullPage-nav li a, .fullPage-slidesNav li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
min-width: 20px;
min-height: 20px;
cursor: pointer;
text-decoration: none;
}

#camera_wrap_4 {
 box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.8);
 -webkit-box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.8);
 -moz-box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.8);  
}

#logobox {
 position: absolute;
 left: 50%;
 width: 490px;
 height: 100%;
 margin-top: 0px;
 margin-left: -490px;
 background: url(https://gsddphotography.co.za/uploads/images/black30.png);
 z-index: 10;
}
#logobox img { position: absolute; top: 50%; left: 50%; margin: -70px 0px 0 -87px; width: 175px; height: 140px }

.fluid_container  {
			position: absolute;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        margin: 0px;
                        z-index: 0;
                        min-width: 100%; 
                        min-height: 100%;          
		}
         #menu .slide, #menu .section {background: none;}
        .slide,
        .section {
                z-index: 1;
		background-size: cover;
                border: 0;
                width: inherit;
	}
        .slide {position: relative;}
        .slideback {
         background-size: cover;
         position: absolute;
         z-index: 0;
         top: 0;
         left:0;
         right: 0;
         bottom: 0;
         border: 0;
         height: 100%;
         width: 100%;
         }
        .slideback img {
         display: block;
         border: 0;
         margin: 0;     /* this centers wrapper */
         min-width: 100%;
         min-height: 100%;
         padding: 0px;
         }

h1, h2, h3, h4, h5 {
font-family: 'segoe_uilight', sans-serif; 
text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
-webkit-text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
-moz-text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
font-weight: normal;
text-transform: lowercase;
}

#items, .gallery {position: relative; display: block; overflow: visible;}

div.arrow {
width: 58px;
position: absolute;
left: 50%;
bottom: 0;
margin-bottom: 20px;
margin-left: -29px;
text-align: center;
z-index: 20
}
.arrow a {
display: inline-block;
width: 58px;
height: 58px;
background: url(https://gsddphotography.co.za/uploads/images/arrow-down.png) 50% 50% no-repeat;
background-size: 100%;
text-indent: -9999em;
}

#fullPage-nav li .active span, .fullPage-slidesNav .active span {
background: #fff; 
}

.fullPage-slidesNav.bottom{
margin-bottom: 80px;
}

.controlArrow {
position: absolute;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: 12px;
/* background-image: url(https://gsddphotography.co.za/uploads/images/black50.png); */
z-index: 1000;
}
.controlArrow.prev {
left: 17px;
width: 24px;
border-width: 12px 12px 12px 0;
border-color: transparent #fff transparent transparent;
}
.controlArrow.next {
right: 17px;
width: 24px;
border-width: 12px 0 12px 12px;
border-color: transparent transparent transparent #fff;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace.pace-inactive .pace-progress {
  display: none;
}

.pace .pace-progress {
  width: 180px;
  position: fixed;
  z-index: 2000;
  top: 50%;
  right: 50%;
  margin-right: -90px;
  height: 5rem;
  width: 5rem;
}

.pace .pace-progress:after {
  width: 180px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  content: attr(data-progress-text);
  font-weight: 100;
  padding: 20px;
  font-size: 72px;
  line-height: 1;
  text-align: right;
  color: rgba(255, 255, 255, 0.2);
  background-image: url(https://gsddphotography.co.za/uploads/images/black80.png);
}

.headercontent {
   font-family: 'segoe_uilight', sans-serif; 
   position: absolute;
   top: 130px;
   left: 50%;
   margin: 0 auto ;
   width: 100%;
   text-align: center;
   padding: 0;
   width: 980px;
   margin-left: -490px;
   z-index: 10;
   font-size: 120px;
   line-height: 100px;
   font-weight: normal;
}

.left {
   position: absolute;
   left: 0;
   margin: 0;
   top: 100px;
}

.headercontent h2 {font-size: 400%;}

.fullPage-slidesNav.top {
top: 0px;
}

.logo {margin-left: 590px;}
.logotext {margin-top: -90px; margin-bottom: 30px; text-align: center; width: 100%; text-transform: lowercase}
.logotext h3 { font-size: 45px; padding-right: 50px;}

.throbber { display:none; margin: 40px auto auto auto; width: 32px; height: 32px; }
.throbber img {width: 32px; height: 32px;}

.section{
    position: relative;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

div.sub {height: 100%;}
.slide {
    float: left;
}
.slide, .slidesContainer {
    height: 100%;
    display: block;
}
.slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.section.table,
.slide.table{
  display:table;
  width:100%;
}
.tableCell{
        display:table-cell;
        vertical-align: middle;
        width:100%;
        height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}



/* Stylesheet: GSDDFullpage Modified On 2014-06-09 17:58:04 */
.menuwrapper { position: relative; width: 980px; margin: 0px auto 0px auto; z-index: 80; background: none; padding-left: 0px;}

#sidebar .menuwrapper { position: relative;}

/* you might not need this if you use reset */
ul, li {
 margin: 0;
 padding: 0;
}
/* border of thumbnail */
#menu a img {
 border: 0px;
 padding: 0;
 height: 44px;
 height: 44px;
 overflow: hidden;
}
/* style of 1st level ul */
ul#menu {
 position: relative;
 background: none;  /* fallback for not so smart browser */
 display: block;
 margin: auto;
}
/* 1st level list is floating for horizontal menu */
#menu li {
 position: relative;
 text-transform: lowercase;
 float: left;
 list-style: none;
 margin: 0;
 padding: 8px 10px 7px 10px;
 /* transition effect for background */
 transition: background .2s ease-in-out;
 -webkit-transition: background .2s ease-in-out;
 -moz-transition: background .2s ease-in-out;
 -o-transition: background .2s ease-in-out;
}
#sidebar ul#menu {
 position: relative;
 background: #eee;
 display: block;
}
#sidebar #menu li:hover {
 background: #fff;
}
#sidebar #menu li {
 text-transform: none;
 display: inline;
 width: 100%;
 width: 280px;
 padding: 10px 20px 10px 20px;
}

#menu li li {
 border: 0;
 padding: 10px 5px 10px 5px;
}
/* links and sectionheaders style */
#menu li a, #menu li span.sectionheader {
 display: block;
 color: #fff;
 padding: 0px 5px 0 5px;
 text-decoration: none;
}
/* 1st level links style */
#menu li a.menuitem,
#menu li span.menuitem.sectionheader {
 /* text-transform: uppercase; */
 text-shadow: 1px 1px 0 #aaa;
 color: #fff;
 font-weight: normal;
 margin-top: 10px;
}

#menu li a.menuitem h3 {
  font-size: 22px;
  margin: 0 0 5px 0;
  padding: 0;
  color: #fff;
  font-weight: normal;
}

#menu .submenu li a.menuitem h3,
#menu .submenu h3 {
  font-size: 18px;
  margin: 0 0 5px 0;
  padding: 0;
  color: #fff;
  width: 100%;
  min-width: 192px;
}

/* hover or current style */
#menu li:hover {
 background: url(https://gsddphotography.co.za/uploads/images/white20.png);
}


#menu .submenu li a.current {
 background: #333;
 color: #fff;
}


/* description is wrapped in info span */
#menu span.info {
 display: none;
 line-height: 1;
 display: block;
 font-size: 11px;
 padding-bottom: 10px;
 text-transform: none;
 text-shadow: none;
 color: #fff;
 font-weight: normal;
}

#menu .submenu span.info {
 display: block;
 line-height: 1;
 display: block;
 font-size: 14px;
 padding-bottom: 10px;
 text-transform: none;
 text-shadow: none;
 color: #333;
 font-weight: normal;
 width: 100%;
 min-width: 192px;
}

/* 2nd level */

#menu div.submenu {
 position: absolute;
 z-index: 100;
 width: auto;
 top: -9999em; /* hide first */
 left: -9999em;
 opacity: 0; /* set opactiy to 0 for transtion effect */
 width: 30%; /* flyout will depend on this, if you change it dont forget about #menu .submenu li.flyout ul */
 /* animate dropdown */
 transition: width .4s ease-in-out;
 -webkit-transition: width .4s ease-in-out;
 -moz-transition: width .4s ease-in-out;
 -o-transition: width .4s ease-in-out;
 border-radius: 0 0 6px 6px;
 transition: opacity .4s ease-in-out;
 -webkit-transition: opacity .4s ease-in-out;
 -moz-transition: opacity .4s ease-in-out;
 -o-transition: opacity .4s ease-in-out;
}
/* position wrapping div on hover */
#menu li:hover .submenu {
 top: 38px;
 opacity: 1;
 left: 0;
 background: #000 url(https://gsddphotography.co.za/uploads/images/black80.png);
 width:240px;
}
/* if parent has class right, position it to right */
#menu li:hover.right .submenu {
 left: auto;
 right: 0;
}
/* width of mega dropdown, you can add more classes like this, depending on your site structure */
#menu li.sub_col:hover .submenu {
 width: 100%;
}
#menu li.two_col:hover .submenu {
 width: 640px;
}
#menu li.three_col:hover .submenu {
 width: 980px;
}
/* reset transition animations */
#menu li li {
 transition: none;
 -webkit-transition: none;
 -moz-transition: none;
 -o-transition: none;
}
/* style of 2nd level unordered list */
#menu .submenu ul {
 padding: 10px;
 box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.3);
 -webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.3);
}

#menu .submenu ul li {
 display: block;
 float: left;
 width:220px;
}
#menu .submenu ul li:hover {
 background: url(https://gsddphotography.co.za/uploads/images/black30.png);
}
/* if 2nd level item has no children or has class flyout */
#menu .submenu ul li.flyout,
#menu .submenu ul li.flyout li {
 float: none;
}
#menu .submenu ul li.no-sub {
 float: left;
}
/* position 3rd level flyout */
#menu .submenu li.flyout ul {
 position: absolute;
 width: 192px;
 top: -9999em;
 left: -9999em;
}
#menu .submenu li.flyout:hover ul {
 position: absolute;
 left: 160px;
 top: 0;
}
/* style of second level links */
#menu li ul li a.menuitem,
#menu li ul li span.menuitem.sectionheader,
#menu li ul li a, #menu li ul li span.sectionheader {
 display: block;
 padding: 0 5px 0px 5px;
 line-height: 24px;
 text-shadow: none;
 transition: color .4s ease-in-out;
 -webkit-transition: color .4s ease-in-out;
 -moz-transition: color .4s ease-in-out;
 -o-transition: color .4s ease-in-out;
}

#menu .sectionheader span.info {
font-size: 14px;
}


/* uppercase for mega dropdown parent items */
#menu li ul li a,
#menu li ul li.sectionheader span {
 display: block;
}
/* remove uppercase if it's not mega dropdown */
#menu li ul li.no-sub a,
#menu li ul li.flyout a,
#menu li ul li.no-sub span.sectionheader,
#menu li ul li.flyout span.sectionheader {
 text-transform: none;
 max-width: 240px;
}
/* link color of sublevels */

#menu li ul li a:link {color: #333;}
#menu li ul li a:hover,
#menu li ul li a.current {
 color: #ff6600;
}
#menu .submenu li ul {
 position: static;
 display: inline;
 box-shadow: none;
 border-radius: 0 0 4px 4px;
behavior: url(tmp/configs/PIE.htc);
}
#menu .submenu li ul li {
 float: none;
}

#menu .sub_col .two_col {width: 240px;}
#menu .sub_col .two_col a {color: #fff;}
#menu .sub_col .three_col {width: 480px;}
#menu .sub_col .four_col {width: 640px; background: #333;}
#menu .sub_col .three_col li, #menu .sub_col .four_col li {
 float: left;
 width: 310px;
 padding: 5px;
}
#menu .sub_col .two_col li {
 float: left;
 width: 310px;
 padding: 5px;
}

#sidebar #menu .submenu { margin-left: 240px;}
#sidebar #menu .submenu ul {background: #996633; color: #FFF;}
#sidebar #menu li:hover .submenu { top: auto; margin-top: -34px; }
#sidebar #menu .submenu ul li {margin: 0; padding: 5px 10px 5px 10px; color: #FFF;}
#sidebar #menu .submenu ul li:hover {background: #333}
#sidebar #menu .submenu h3 {color: #FFF;}
#menu li a.menuitem, #menu li span.menuitem.sectionheader {margin: 0;}
#sidebar #menu  li a.menuitem, #sidebar #menu  li span.menuitem.sectionheader {max-height: auto;}
#sidebar #menubutton span h3, 
#sidebar #menu li a.menuitem h3 {color: #333;  font-size: 22x;}
#sidebar #menu li.current a.menuitem h3 {
 color: #fff;
}

/* width of mega dropdown columns, should fit inside #menu li.two_col:hover .submenu width  */
#menu .two_col .submenu ul li img, #menu .three_col .submenu ul li img, #menu .sub_col .submenu ul li img {
  width: 172px;
  height: 85px;
}
/* 
clearfix - clearing floats */
.clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
}
* html .clearfix { zoom: 1;}/* IE6 */
*:first-child+html .clearfix { zoom: 1;}/* IE7 */

#menu-image {
        position: relative;
        display: block;
        padding: 0px;
        height: inherit;
	padding: 0 0 20px 0px;
}


.item {
        position: relative;
        display: inline;
	float: left;
        height: 239px;
        width: 239px;
	width: auto;
        height: auto;
        padding: 0px;
	margin: 0 3px 6px 3px;
        overflow: hidden;
}


.item:hover h4 {
        color: #fff;
}

.item img {
        width:239px;
}

#menu-image #menuitem img {
        margin-bottom: 10px;
        width: 238px;
}

.item span, .item a span {padding: 10px 0 5px 0; width: 100%;}
.item h4 {position: absolute; bottom: 0; left: 0; margin: 10px 0 0 0; color: #fff; text-align: center; background: url(https://gsddphotography.co.za/uploads/images/black80.png); width: 219px; padding: 10px;}

#menu-icon .item {
        position: relative;
        float: left;
	width: 28px;
        height: 30px;
        border: 0;
        padding: 0px;
	margin: 0 10px 5px 0px;
        background: none;
 box-shadow: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
  behavior: url(tmp/configs/PIE.htc);
}

#menu-icon #menuitem img {
        display: inline;
	float: left;
	width: 28px;
}

#menu-icon #menuitem:hover {
        background: none;
        border: 0px;
}

.buttonwrapper { float: left; position: relative; width: 100%; display: inline;}


#menubutton {
  margin: 0px;
 width: 100%;
 padding: 0px;
}

#content #menubutton h3,
#sidebar #menubutton span h3 {
  margin: 0 0 5px 0;
  padding: 20px 15px;
  color: #fff;
}

#headermenu #menubutton h3 {
  margin: 0;
  padding: 35px 15px;
  color: #fff;
}

#menubutton span {
  position: relative; 
  margin: 0px;
 width: 100%;
 padding: 0px;
}

div#menubutton a span,
div#menubutton a:link span,
div#menubutton a:visited span,
a.menubutton,
a.menubutton:link,
a.menubutton:visited {
 display: block;
 color: #FFF;
 vertical-align: text-bottom;
 width: 100%;
}
div#menubutton a:hover span,
a.menubutton:hover {
 display: block;
}

#menu li.active {background: #333}

#menu li.sectionheader { padding: 5px 0px 5px 0px; float: right}
#menu li.sectionheader:hover {background: none;}

/* Stylesheet: GSDDMenu Modified On 2014-06-09 18:37:14 */
/* Sample FormBuilder CSS base */
form {margin-top:0;}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
.contactform fieldset div {
        position: relative;
        float: left;
	margin-bottom:0em;
	margin-left:0em;
}
/* fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
*/
fieldset .contactform div div, fieldset .contactform div {
	margin-top:0em;
	margin-left:0em
}

fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	background:#F60;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:0px solid #CCC;
        display: none;
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:260px;
}
.captcha img {border:0px ; margin-bottom:0.5em}
.captcha input {width:100px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

.contactform input {
        position: relative;
	border: 1px solid #444;
	width: 280px;
	padding: 5px;
	margin-bottom: 3px;
	background: #111;
	margin-top: 5px;      
}

#sidebar .contactform input {
	border: 1px solid #CCC;
	width: 310px;
	padding: 4px;
	margin-bottom: 5px;
	background: none;
	margin-top: 5px;
}

.contactform .options input {
	border: 0px dotted #333;
	width: auto;
	padding: 4px;
	margin-bottom: 2px;
	background: none;
	margin-top: 5px;
}

.contactform .options select {
	border: 0px solid #666;
	width: 90px;
	padding: 4px;
	margin-bottom: 2px;
	background: #FFF;
	margin-top: 5px;
}
.contactform select {
	width: 290px;
	padding:  5px;
	margin-bottom: 5px;
	background: #FFF;
	margin-top: 5px;
}

.contactform .multiple select {
	border: 1px dotted #666;
	width: auto;
	padding:  5px;
	margin-bottom: 5px;
	background: white;
	margin-top: 5px;
}

.contactform input.checkbox {border: none;}
.contactform label {
	display: block;
	float: left;
	width: 260px;
        margin: 5px;
}
.contactform .label {
	display: block;
	float: left;
        margin-right: 0px;
	width: 260px;
        clear: right;
}
#sidebar .contactform textarea {
	background: none;
	border: 1px solid #444;
       width: 310px;
       font-family: Arial, Helvetica, sans-serif;
       padding: 5px;
}
.contactform textarea {
        color: #666;
        position: relative;
	border: 1px solid #444;
       width: 280px;
	background: #111;
       font-family: Arial, Helvetica, sans-serif;
       padding: 5px;
}

#main .contactform fieldset {max-width: 600px;}

.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

.formbuilderform input {border: 1px solid #999; width: auto;   font-size: 100%; padding: 5px; margin-bottom: 5px; background: #FFF}

.formbuilderform textarea {
	background-color: #FFF;
	border: 1px solid #999;
       width: 290px;
       font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
         font-size: 100%;
       padding: 5px;
}

.formbuilderform select {
       width: auto;
       font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 100%;
       padding: 5px;
       width: 100px;
}

.orderform input {border: 1px solid #999; width: 250px; font-size: 90%; padding: 4px; margin-bottom: 5px; background: #FFF;}
.orderform input.checkbox {border: none;}
.orderform label {
	display: block;
	float: left;
	width: 150px;
}
.orderform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.orderform textarea {
	background-color: #FFF;
	border: 1px solid #999;
       width: 290px;
       font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
       font-size: 90%;
       padding: 4px;
}

.submit input {border: 1px solid #000; width: auto; padding: 5px 20px 5px 20px; margin-bottom: 5px; background: #191919; color: #fff; font-size: 120%;}
#sidebar .submit input {border: 1px solid #000; width: auto; padding: 4px; margin-bottom: 5px; background: #000; color: #fff; font-size: 120%;}

.formitem input {border: 1px solid #000; width: 40px; font-size: 90%; padding: 4px; margin-bottom: 5px; background: #333300; color: #FFF;}

.contactform .radio.cms_dropdown {width: auto;}
.contactform strong {color: #3399cc;}
.contactform select.cms_dropdown {width: auto; position: relative; border: 1px #ccc solid; }
.cms_textfield, .cms_textarea, .cms_password, .cms_input {width: 100%; border: 1px #666 solid; padding: 5px; }
.contactform input.cms_submit, .cms_submit, .fbsubmit, .submit  input {padding: 20px; margin-bottom: 5px; font-family: 'segoe_uilight', sans-serif;  color: #fff; border: 0; font-size: 150%; cursor: hand; cursor: pointer;}
div#footer div#subscribe .cms_submit {background: #222;}
.cms_submit:hover,div#subscribe input.cms_submit:hover {background: #333;}
.contactform .cms_checkbox {padding: 4px 0 0px 0; width: auto; clear: both; position: relative; float: left; margin-left: 270px; margin-bottom: 5px; border: 0;}
.cms-guestbook .cms_submit {padding: 5px 20px 5px 20px; margin-bottom: 5px; background: #000; color: #fff; border: 1px #999 solid; font-size: 120%; cursor: hand; cursor: pointer;}

.radiogroup div {width: 300px; margin: 0 0 5px 180px; position: relative; float: left; display: inline; }
.radiogroup div .cms_checkbox {position: relative;  margin-left: 0; float: left; display: inline}
.contactform .radiogroup label {position: relative; width: 160px; float: left; display: inline}
.email {float: right; display: inline; width; 32px;}

div.radio  {margin: 0 0 5px 0; position: relative; float: left;}
.radio div  {margin: 0 0 5px 260px; position: relative; float: left; width: auto;}
.radio div .cms_checkbox {position: relative;  margin-left: 0; float: left; display: inline}

div input[id^='radio'] {width: 20px; margin: 10px 5px; position: relative; float: left; display: inline; }
div input[id^='radio1'] {width: 20px; margin: 10px 5px; position: relative; float: left; display: inline; }
/* Stylesheet: GSDDForms Modified On 2014-05-31 03:12:10 */