/* Adstrakt Creative Bureau - Stylesheet */

/* Default Styles */

* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	border: none;
	list-style-type: none; 
	text-decoration: none;
	outline: none;
}

* {
	behavior: url(iepngfix.htc);
}

body {
	text-align: center;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #393029;
}

#skipto {
	display: none;
}

a {
	cursor: hand;
	outline: none;
}

strong {
	font-weight: bold;
}

acronym {
	cursor: help;
}

.clear {
	clear: both;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/* Client Login Styles */

#clientlogin {
	display: block;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 15px;
	background: #FFFFFF;
	border-top: 2px solid #a3371a;
}

#clientlogin fieldset {
	display: block;
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

#clientlogin fieldset label {
	float: left;
	display: block;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	line-height: 11px;
	padding-top: 6px;
}

#clientlogin fieldset input {
	float: left;
	display: block;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	padding: 4px;
	border-top: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	border-bottom: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
	margin-left: 5px;
	margin-right: 20px;
	color: #5f9cb1;
}

#clientlogin fieldset #loginbutton {
	float: left;
	display: block;
	padding: 0;
	border: none;
	margin-top: 8px;
}

#clientlogin fieldset #error {
	color: #5f9cb1;
}

#clientlogin fieldset .error {
	border: 1px solid #a3371a;
	background: url(../images/error.gif) right center no-repeat;
}

/* Content Styles */

#container {
	display: block;
	text-align: center;
	width: 100%;
	background: #FFFFFF url(../images/site-bg.gif) center 5px repeat-x;
	overflow:  hidden;
}

#content {
	display: block;
	margin: 0 auto;
	width: 960px;
	text-align: left;
	padding-top: 5px;
	overflow: hidden;
}

#brandingbg #content {
	background: transparent url(../images/backgrounds/branding.jpg) center 240px no-repeat;
}

#printbg #content {
	background: transparent url(../images/backgrounds/print.jpg) center 240px no-repeat;
}

#webdesignbg #content {
	background: transparent url(../images/backgrounds/web-design.jpg) center 240px no-repeat;
}

#seobg #content {
	background: transparent url(../images/backgrounds/seo.jpg) center 240px no-repeat;
}

#webhostingbg #content {
	background: transparent url(../images/backgrounds/web-hosting.jpg) center 240px no-repeat;
}

#displaydesignbg #content {
	background: transparent url(../images/backgrounds/display-design.jpg) center 240px no-repeat;
}

#thisisadstraktbg #content {
	background: transparent url(../images/backgrounds/this-is-adstrakt.jpg) center 240px no-repeat;
}

#content a#toggle,
#content a#toggle:visited,
#content a#toggle:active {
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
	display: block;
	width: 128px;
	height: 25px;
	background: url(../images/pull-down.png) left top no-repeat;
	float: left;

}

#content a#toggle:hover {
	background-position: left -25px;
}

#content a#language,
#content a#language:visited,
#content a#language:active {
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
	display: block;
	width: 98px;
	height: 25px;
	background: url(../images/lang_en.png) left top no-repeat;
}

#content a#language:hover {
	background-position: left -25px;
}

/* Content Navigation Styles */

#content ol {
	display: block;
	padding-top: 154px;
}

#content ol li {
	display: inline;
}

#content ol li a#branding,
#content ol li a#branding:visited {
	float: left;
	display: block;
	background: url(../images/branding.gif) left 22px no-repeat;
	width: 75px;
	height: 51px;
	padding-top: 5px;
	color: #FFFFFF;
	margin-right: 52px;
		text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
}

#content ol li a#branding:hover,
#content ol li a#branding:active {
	background-position: left -28px;
}

#content ol li a#print,
#content ol li a#print:visited {
	float: left;
	display: block;
	background: url(../images/print.gif) left 22px no-repeat;
	width: 114px;
	height: 51px;
	padding-top: 5px;
	color: #FFFFFF;
	margin-right: 52px;
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
	margin-top: -2px;
}

#content ol li a#print:hover,
#content ol li a#print:active {
	background-position: left -27px;
}

#content ol li a#webdesign,
#content ol li a#webdesign:visited {
	float: left;
	display: block;
	background: url(../images/web-design.gif) left 22px no-repeat;
	width: 90px;
	height: 51px;
	padding-top: 5px;
	color: #FFFFFF;
	margin-right: 52px;;
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
	margin-top: -2px;
}

#content ol li a#webdesign:hover,
#content ol li a#webdesign:active {
	background-position: left -27px;
}

#content ol li a#seo,
#content ol li a#seo:visited {
	float: left;
	display: block;
	background: url(../images/seo.gif) left 22px no-repeat;
	width: 28px;
	height: 51px;
	padding-top: 5px;
	color: #FFFFFF;
	margin-right: 52px;
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
}

#content ol li a#seo:hover,
#content ol li a#seo:active {
	background-position: left -28px;
}

#content ol li a#webhosting,
#content ol li a#webhosting:visited {
	float: left;
	display: block;
	background: url(../images/web-hosting.gif) left 22px no-repeat;
	width: 113px;
	height: 51px;
	padding-top: 5px;
	color: #FFFFFF;
	margin-right: 52px;
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
}

#content ol li a#webhosting:hover,
#content ol li a#webhosting:active {
	background-position: left -28px;
}

#content ol li a#displaydesign,
#content ol li a#displaydesign:visited {
	float: left;
	display: block;
	background: url(../images/display-design.gif) left 22px no-repeat;
	width: 101px;
	height: 51px;
	padding-top: 5px;
	color: #FFFFFF;
	margin-right: 52px;
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
	margin-top: -2px;
}

#content ol li a#displaydesign:hover,
#content ol li a#displaydesign:active {
	background-position: left -27px;
}

#content ol li a#thisisadstrakt,
#content ol li a#thisisadstrakt:visited {
	float: left;
	display: block;
	background: url(../images/index.gif) left 22px no-repeat;
	width: 127px;
	height: 51px;
	padding-top: 5px;
	color: #FFFFFF;
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
	margin-top: -1px;
}

#content ol li a#thisisadstrakt:hover,
#content ol li a#thisisadstrakt:active {
	background-position: left -28px;
}

/* Content Body Styles */

#content #logo {
	float: right;
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
	display: block;
	width: 167px;
	height: 40px;
	background: url(../images/adstrakt-logo.png) left top no-repeat;
	margin-top: 61px;
}

#content #indextitle {
	float: left;
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
	display: block;
	width: 607px;
	height: 80px;
	background: url(../images/titles/this-is-adstrakt.png) left top no-repeat;
	font-size: 11px;
	margin-top: 55px;
}

#content #brandingtitle {
	float: left;
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
	display: block;
	width: 600px;
	height: 80px;
	background: url(../images/titles/branding.png) left top no-repeat;
	font-size: 11px;
	margin-top: 55px;
}

#content #printtitle {
	float: left;
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
	display: block;
	width: 600px;
	height: 80px;
	background: url(../images/titles/print.png) left top no-repeat;
	font-size: 11px;
	margin-top: 55px;
}

#content #webdesigntitle {
	float: left;
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
	display: block;
	width: 600px;
	height: 80px;
	background: url(../images/titles/web-design.png) left top no-repeat;
	font-size: 11px;
	margin-top: 55px;
}

#content #seotitle {
	float: left;
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
	display: block;
	width: 352px;
	height: 80px;
	background: url(../images/titles/seo.png) left top no-repeat;
	font-size: 11px;
	margin-top: 55px;
}

#content #webhostingtitle {
	float: left;
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
	display: block;
	width: 599px;
	height: 80px;
	background: url(../images/titles/web-hosting.png) left top no-repeat;
	font-size: 11px;
	margin-top: 55px;
}

#content #displaydesigntitle {
	float: left;
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
	display: block;
	width: 638px;
	height: 80px;
	background: url(../images/titles/display-design.png) left top no-repeat;
	font-size: 11px;
	margin-top: 55px;
}

#content #loginerrortitle {
	float: left;
	text-indent: -999999px;
	font-size: 0;
	overflow: hidden;
	display: block;
	width: 602px;
	height: 80px;
	background: url(../images/titles/log-in-error.png) left top no-repeat;
	font-size: 11px;
	margin-top: 55px;
}

#content h2 {
	display: block;
	width: 948px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #9F744E;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	margin-top: 55px;
	background: #EEEEE9 url(../images/h2-large-bg.gif) left top no-repeat;
	height: 15px;
}

#content h2 acronym {
	font-weight: bold;
}

#content .notop {
	margin: 0;
	margin-top: 18px;
}

#content p {
	margin-top: 18px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#content .push {
	padding-left: 6px;
	padding-right: 6px;
}

#content p a,
#content p a:visited {
	color: #9F744E;
	font-weight: bold;
}

#content p a:hover,
#content p a:active {
	color: #a3371a;
}

#content .left {
	display: block;
	width: 305px;
	float: left;
	padding-right: 20px;
}

#content .leftextended {
	display: block;
	width: 630px;
	float: left;
	padding-right: 20px;
}

#content .middle {
	display: block;
	width: 305px;
	float: left;
	padding-right: 20px;
}

#content .right {
	display: block;
	width: 305px;
	float: left;
	_margin-right: -10px;
}

#content .left h2,
#content .middle h2,
#content .right h2 {
	display: block;
	width: 298px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #9F744E;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	height: 15px;
	margin-top: 55px;
	background: #EEEEE9 url(../images/h2-small-bg.gif) left top no-repeat;
}

#content .left h3,
#content .leftextended h3,
#content .middle h3,
#content .right h3 {
	display: block;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #9F744E;
	padding-left: 6px;
	padding-right: 6px;
	margin-top: 18px;
}

#content .leftextended h2 {
	display: block;
	width: 615px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #9F744E;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	height: 15px;
	margin-top: 55px;
	background: #EEEEE9 url(../images/h2-medium-bg.gif) left top no-repeat;
}

#content .left p,
#content .middle p,
#content .right p {
	margin-top: 18px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#content .left address,
#content .middle address,
#content .right address {
	display: block;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding-left: 6px;
	padding-right: 6px;
}

#content .leftextended p {
	margin-top: 18px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding-left: 6px;
	padding-right: 6px;
}

#content .leftextended ul {
	margin-left: 6px;
	margin-right: 6px;
	font-size: 12px;
	line-height: 18px;
	margin-top: 18px;
}

#content .leftextended ul li {
	margin-bottom: 10px;
	background: url(../images/list-diamond.gif) left center no-repeat;
	padding-left: 18px;
}

#content dl {
	display: block;
	padding-top: 18px;
	padding-left: 6px;
	padding-right: 6px;
	font-family: arial, verdana, sans-serif;
	line-height: 18px;
	font-size: 12px;
}

#content .contacts {
	display: block;
	padding: 0;
	padding-top: 18px;
	padding-left: 6px;
	padding-right: 6px;
	font-family: arial, verdana, sans-serif;
	line-height: 18px;
	font-size: 12px;
}

#content .adjust {
	margin-bottom: -35px;
}

#content dl dt {
	display: block;
	width: 55px;
	font-weight: bold;
	float: left;
}

#content .contacts dt {
	width: 45px;
	color: #9F744E;
}

#content .clients dt {
	display: block;
	width: auto;
	color: #6eacbf;
	float: none;
}

#content dl dd {
	display: block;
	clear: right;
}

#content .contacts dd {
	font-weight: bold;
}

#content .clients dd {
	display: block;
	clear: none;
	margin-bottom: 18px;
	font-style: italic;
}

#content .contacts dd a,
#content .contacts dd a:visited {
	font-weight: bold;
	color: #393029;
}

#content .contacts dd a:hover,
#content .contacts dd a:active {
	color: #a3371a;
}

#content img {
	border: none;
	display: block;
	margin-top: 18px;
}

#content a.visit,
#content a.visit:visited {
	display: block;
	font-weight: bold;
	color: #393029;
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
}

#content a.visit:hover,
#content a.visit:active {
	color: #a3371a;
}

#content fieldset {
	display: block;
	margin: 0;
	margin-bottom: -25px;
	_margin-bottom: 0;
	padding: 0;
}

#content fieldset dl {
	float: left;
	width: 299px;
	padding-right: 20px;
}

#content fieldset dl dt {
	width: 100px;
	text-align: left;
	padding-right: 18px;
	padding-top: 4px;
}

#content fieldset dl dt label {
	color: #9F744E;
	font-weight: bold;
}

#content fieldset #emailmessage {
	float: left;
	width: 299px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

#content fieldset #emailmessage dt,
#content fieldset #emailmessage dd {
	float: none;
	clear: none;
}

#content fieldset #emailmessage dt {
	width: 55px;
	text-align: left;
	padding-top: 4px;
}

#content fieldset #emailmessage dt label {
	color: #9F744E;
	font-weight: bold;
}

#content fieldset #emailmessage dd textarea {
	width: 283px;
	height: 148px;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	padding: 4px;
	border: 1px solid #999999;
	color: #393029;
	margin-top: 22px;
	_margin-top: 25px;
	resize: none;
}

#content fieldset dl dd input {
	width: 168px;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	padding: 4px;
	border: 1px solid #999999;
	color: #393029;
	margin-bottom: 20px;
}

#content fieldset dl dd select {
	width: 178px;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	padding: 4px;
	border: 1px solid #999999;
	color: #393029;
	margin-bottom: 20px;
}

#content fieldset dl dd select option {
	width: auto;
}

#content fieldset #submitbutton {
	display: inline;
	float: right;
	margin-right: 12px;
	margin-top: 20px;
}

#content fieldset .error,
#content fieldset #emailmessage .error {
	border: 1px solid #a3371a;
	background: url(../images/error.gif) right center no-repeat;
}

/* Footer Styles */

#footer {
	display: block;
	background: #4a3f36 url(../images/footer-bg.gif) left top repeat-x;
	margin-top: 55px;
	text-align: center;
	padding-top: 235px;
	line-height: 16px;
	overflow-y:auto;
overflow-x:hidden;
	position: relative;
}

#footer ol {
	display: block;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 55px;
	overflow: hidden;
}

#footer ol li {
	display: block;
	float: left;
	margin-right: 40px;
	color: #a4a09d;
}

#footer ol li address,
#footer ol li em {
	display: block;
}

#footer ol li a,
#footer ol li a:visited {
	color: #a4a09d;
}

#footer ol li a:hover,
#footer ol li a:active {
	color: #b5a28f;
	text-decoration: underline;
}
#socialmedia{
	background: url(../images/socialmedia.gif) no-repeat;

	width: 124px;
	clear: both;

	height: 36px;
	float: none;
	position: relative;
	left: 872px;
	bottom: 95px;
	padding-left: 55px;
	padding-top: 3px;
}
/* Lightbox */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img {
	border: none;
}

#lightbox-container-image-box {
	position: relative;
	background-color: #000000;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#lightbox-container-image {
	padding: 10px;
}

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}

#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}

#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}

#lightbox-container-image-data-box {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	background-color: #000000;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}

#lightbox-container-image-data {
	padding: 0 10px; 
	color: #6eacbf; 
}

#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption {
	color: #ffffff;
}

#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 10px;	
}
		
#lightbox-secNav-btnClose {
	width: 110px; 
	float: right;
	padding-bottom: 10px;	
}