@charset "utf-8";

@import url("browser_resets.css");


html {background: url(../graf/grafika/paper.jpg);}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
body#nobanner {background: url(../graf/grafika/bubbles.png) repeat-x center 110px;}
body#shallow, body#blog {background: url(../graf/grafika/bubbles.png) repeat-x center 220px;}
body#deep {background: url(../graf/grafika/bubbles.png) repeat-x center 360px;}



/*====================================================== Framework ==*/

#topstrip {width: 100%; height: 10px; background: url(../graf/grafika/topstrip.jpg) repeat-y top center; margin-bottom: 30px;}

#mainnav {
	height: 70px;
	width: 880px;
	margin: 0px auto 55px auto;
	background: url(../graf/grafika/navbaserule.jpg) no-repeat bottom center;
	position: relative;
}
body#nobanner #mainnav {margin: 0px auto 150px auto;}
body#shallow #banner, body#blog #banner {height: 195px; width: 880px; margin: 0 auto;}
body#deep #banner {height: 350px; width: 880px; margin: 0 auto;}

#contentwrapper {width: 100%; padding-bottom: 30px; background-color: #FFF; text-align: left;}
#contentcontainer {width: 880px; margin: 0 auto;}

#leftcol {
	width: 160px;
	float: left;
/*	padding-top: 15px;*/
}
body.contact #content, body.clients #content, body.work #content {width: 880px;}
#content {
	width: 630px;
	float: right;
	padding-top: 15px;
}
#content2 {
	width: 520px;
	float: left;
	padding-top: 15px;
}

/* About */
body.about #content {
	width: 440px;
	float: left;
	margin: 0px 0px 0px 40px;
	position: relative;
}
body.about #content2 {
	width: 680px;
	float: left;
	margin: 0px 0px 0px 40px;
	position: relative;
	color: #000;
}
body.about #rightcol, body.services #rightcol {
	width: 170px;
	float: right;
	margin-top: 20px;
}	


/* Services */
body.services #leftcol {display: none;}
body.services #content {
	float: left;
}

#calltoactions {
	clear: both;
	height: 150px;
	background: url(../graf/grafika/calltoaction_back.jpg) repeat-x top center;
	width: 100%;
}
#footer {
	height: 190px;
	background: url(../graf/grafika/footer_back.jpg) repeat-x top center;
	width: 100%;
	text-align: left;
	font-size: .85em;
	color: #929899;
}




/*====================================================== Master Typography ==*/

h1 {
	color: #ad7405;
	font-size: 1.5em;
	line-height: 1.3em;
	margin-bottom: .7em;
	text-align: left;
}
body.home h1 {
	font-size: 1.4em;
}
h2 {
	color: #242320;
	font-size: .95em;
	line-height: 1.3em;
	/*margin-bottom: -.75em;*/
	margin-top: 2em;
	text-transform: uppercase;
}
h3 {
	color: #ad7405;
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: .4em;
	text-align: left;
}
* + h3 {
	margin-top: 2.5em;
}
#leftcol h2 {
	color: #666;
	font-size: .9em;
	line-height: 1.3em;
	margin-bottom: .4em;
	margin-top: 0em;
}
p {
	color: #8c9ba1;
	line-height: 1.5em;
	margin-bottom: .8em;
	text-align: left;
	font-size: 0.8em;
}
ol, ul {
	color: #8c9ba1;
	font-size: .8em;
	line-height: 1.5em;
	font-weight: bold;
	margin: 10px 40px;
}
blockquote p {
	color: #3b541e;
	font-weight: bold;
	line-height: 1.3em;
	margin: 15px 0px;
	font-size: 1.1em;
}
#contentcontainer a:link, #contentcontainer a:visited {
	text-decoration: none;
	color: #3b541e;
	font-weight: bold;
}
#contentcontainer a:hover {
	color: #ad7405;
	font-weight: normal;
}

a.external:link, a.external:visited {
	color: #3b541e;
	font-weight: bold;
	text-decoration: none;
	padding-right: 12px;
	background: url(../graf/grafika/exlink_icon.gif) no-repeat right -5%;
}
a.external:hover {
	color: #ad7405;
}

p.body_highlight {
	color: #ad7405;
	font-weight: bold;
	font-size: .9em;
	line-height: 1.4em;
}

.photoright {
	float: right;
	margin: 10px 0px 0px 20px;
}
.photoleft {
	float: left;
	margin: 10px 20px 0px 0px;
}




/*====================================================== Main Navigation ==*/

#mainnav span.logo {width: 262px;float: left;}
#mainnav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	height: 0px;
	position: absolute;
	bottom: 57px;
	right: 0px;
}
#mainnav li {
	float: left;
	position: relative;
}
#mainnav li a:link, #mainnav li a:visited {
	line-height: 58px;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	color: #242320;
	padding: 10px 0px;
	margin: 0px 0px 0px 35px;
}
#moj {
	line-height: 58px;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	color: #242320;
	padding: 0px 0px;
	margin: 0px 0px 0px 25px;
}
#mainnav li a:hover {
	color: #3b541e;
	border-bottom: solid 9px #3b541e;
}

/*--------------- Drop-down menu --*/
#mainnav li ul {
	position: absolute;
	display: none;
	left: -205px;
	top: 57px;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	background-color: #3b541e;
	height: 40px;
	width: 680px;
	float: left
}

body.services #mainnav li ul,
body.services_graphicdesign #mainnav li ul,
body.services_web #mainnav li ul,
body.services_multimedia #mainnav li ul,
body.services_branding #mainnav li ul,
body.services_events #mainnav li ul,
body.services_advertising #mainnav li ul {display: block;}

#mainnav li ul li {
	float: left;
}
#mainnav ul li:hover ul {
	display: block;
}
#mainnav ul li ul li a:link, #mainnav ul li ul li a:visited {
	font-size: 1.2em;
	color:#b1bba5;
	margin: 0px 20px;
	padding: 12px 0px 12px 0px;
	line-height: 40px;
	font-weight: bold;
}
#mainnav ul li ul li a:hover {
	color: #FFF;
	border: none;
	background: url(../graf/grafika/nav_highlight.jpg) no-repeat center bottom;
}


/*== Navigation Highlights ==*/



/* Drop down */
body.services_graphicdesign #mainnav ul li ul li a#nav_graphicdesign,
body.services_web #mainnav ul li ul li a#nav_web,
body.services_multimedia #mainnav ul li ul li a#nav_multimedia,
body.services_branding #mainnav ul li ul li a#nav_trade,
body.services_events #mainnav ul li ul li a#nav_events,
body.services_advertising #mainnav ul li ul li a#nav_advertising
	{color: #FFF; background: url(../graf/grafika/nav_highlight.jpg) no-repeat center bottom;}




/*====================================================== Breadcrumbs ==*/


/*#breadcrumbs {
	height: 40px;
	width: 880px;
	margin: 0px 0px 0px 40px;
}
#breadcrumbs ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #d1d1d1;
	width: 880px;
	float: left;
}
#breadcrumbs ul li {
	float: left;
	background: url(../graf/grafika/bullett_dotted_grey.gif) no-repeat 85% center;
}
#breadcrumbs ul li.lastbreadcrumb {background: none;}
#breadcrumbs ul li a:link, #breadcrumbs ul li a:visited {
	color: #c4c4c4;
	font-size: .85em;
	line-height: 40px;
	font-weight: normal;
	padding: 0px 20px 0px 0px;
	text-decoration: none;
}
#breadcrumbs ul li a:hover {color: #10646f;}*/




/*====================================================== Left Column ==*/

ul#about_subnav, ul#service_subnav {
	margin: 15px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	list-style: none;
	background:url(../graf/grafika/subnav_shadow.jpg) no-repeat top right;
	height: 300px;
}
ul#service_subnav {background:url(../graf/grafika/subnav_shadow_long.jpg) no-repeat top right;}
ul#about_subnav li, ul#service_subnav li {background-color: #3b541e; margin-bottom: 4px;}
ul#about_subnav li a:link, ul#service_subnav li a:link, ul#about_subnav li a:visited, ul#service_subnav li a:visited {
	background:url(../graf/grafika/button_shadow.jpg) repeat-y right center;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: .9em;
	font-weight: normal;
	padding: 8px 0px 8px 20px;
	margin-bottom: 0px;
	text-decoration: none;
}
ul#about_subnav li a:hover,
body.people ul#about_subnav a#aboutnav_people,
body.standards ul#about_subnav a#aboutnav_standard {
	background:url(../graf/grafika/button_shadow_over.jpg) repeat-y right center;
	background-color: #ad7405;
	color: #fff;
}

ul#service_subnav li a:hover {
	background:url(../graf/grafika/button_shadow_over.jpg) repeat-y right center;
	background-color: #ad7405;
	color: #fff;	
}




/*====================================================== Right Column ==*/

.rightfloater {
	border-bottom: 1px solid #999;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.rightfloater h2 {
	text-transform: none;
	margin-bottom: .5em;
	margin-top: 0px;
	font-size: 1em;
}
.rightfloater p {
	line-height: 1.4em;
}
img.blogicon {
	float: right;
	margin-left: 15px;
}
.rightfloater a:link, .rightfloater a:visited {
	color: #3b541e;
	text-decoration: none;
	background: url(../graf/grafika/bullett_dotted_black.gif) no-repeat left 50%;
	padding-left: 8px;
}
.rightfloater a:hover {
	color: #ad7405;
}



/*====================================================== Homepage ==*/

/* Featured Panels */
#home_featured {
	height: 235px;
	background: url(../graf/grafika/index-tlo.jpg) no-repeat;
	margin: 15px 0px 0px 0px;
	text-align: left;
}
#homefeature1 {width: 400px; float: left; margin: 18px 30px 0px 10px;}
#homefeature1 a:link, #homefeature1 a:visited {color: #04343b; text-decoration: none; font-weight: bold;}
#homefeature1 a:hover {color: #FFF;}
#homefeature1 img {float: left; margin-right: 10px;}
#homefeature1 h3 {color: #FFF; margin: 0px 0px 0px 0px; padding: 0px;}
#homefeature1 p {color: #FFF; margin: 0px 0px 5px 0px; padding: 0px;}

#homefeature2 {width: 400px;float: left;margin: 18px 25px 0px 0px;}
#homefeature2 h3, #homefeature3 h3 {color: #FFF;margin: 0px 0px 0px 5px;padding: 0px;}
#homefeature2 p, #homefeature3 p {color: #FFF; margin: 0px 0px 5px 5px; padding: 0px;}
#homefeature2 a:link, #homefeature3 a:link, #homefeature2 a:visited, #homefeature3 a:visited {color: #6d4904; text-decoration: none; font-weight: bold;}
#homefeature2 a:hover, #homefeature3 a:hover {color: #FFF;}

#homefeature3 {width: 193px; float: left; margin: 18px 0px 0px 0px;}

/* Columns */
body.home #leftcol, #midcol, #rightcol {
	width: 240px;
	float: left;
	margin: 20px 25px 0px 0px;
	padding: 0px 35px 0px 0px;
	border-right: 1px solid #ccc;
}
body.home #leftcol {width: 280px;}
body.home #leftcol ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}
body.home #leftcol li {
	background: url(../graf/grafika/bullett_dotted_black.gif) no-repeat left center;
	font-weight: normal;
	text-indent: 10px;
}


/* Midcol */

div.services {
	margin-bottom: 25px;
}
div.services img {
	float: left;
	margin: 0px 10px 0px 0px;
}
div.services h2 {
	margin: 0px 0px 3px 0px;
	font-size: .8em;
	padding-top: 5px;
	
	text-transform: none;
}
div#midcol div.services p {
	margin-bottom: .5em;
	line-height: 1.3em;
}

div#midcol div.services p a:link, div#midcol div.services p a:visited {
	text-decoration: none;
	color: #3b541e;
	font-weight: normal;
	font-size: .9em;
	background: url(../graf/grafika/bullett_dotted_grey.gif) no-repeat right center;
	padding-right: 10px;
}
div#midcol div.services p a:hover {color: #ad7405;}


/*#midcol dl {
	color: #8c9ba1;
	font-size: .75em;
	line-height: 1.5em;
	margin-bottom: 30px;
}
#midcol dl.nomargin {
	margin-bottom: 0px;
}
#midcol dt {
	margin-bottom: .25em;
	margin-top: .25em;
	color: #666;
}
#midcol dd {
	margin-top: .25em;
}
#midcol img {
	float: left;
	margin-right: 10px;
}
#midcol dl a:link, #midcol dl a:visited {
	text-decoration: none;
	color: #3b541e;
	font-weight: bold;
}
#midcol dl a:hover {
	color: #ad7405;
	text-decoration: none;
}*/




#rightcol {
	border-right: none;
	float: right;
	width: 230px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
#rightcol2 {
	border-right: none;
	float: right;
	width: 350px;
	margin: 80px 0px 0px 0px;
	padding: 0px;
}
#rightcol3 {
	border-right: none;
	float: right;
	width: 300px;
	margin: 00px 0px 0px 0px;
	padding-top: 15px;
}
#rightcol4 {
	border-right: none;
	float: right;
	width: 230px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
body.home #rightcol ul#clients {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
body.home #rightcol ul#clients li {
	width: 70px;
	height: 50px;
	float: left;
	border: 1px solid #CCC;
	margin: 0px 5px 5px 0px;
	background-image: none;
	padding-left: 0px;
}
body.home #rightcol ul#clients li.nomargin {
	margin: 0px;
}




/*====================================================== Services ==*/







/*====================================================== Work ==*/

div#content #work_breadcrumb {
	width: 900px;
	border-bottom: 1px solid #e3e7e8;
	margin-bottom: 20px;
	padding-bottom: 25px;
	text-transform: uppercase;
	font-size: .75em;
	font-weight: bold;
}
div#content #work_breadcrumb ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#content #work_breadcrumb li {
	float: left;
	background: url(../graf/grafika/bullett_dotted_grey.gif) no-repeat left center;
	padding-left: 9px;
	margin-right: 7px;
}
div#content #work_breadcrumb li.first {background: none; padding-left: 0px;}
div#content #work_breadcrumb li a:link, div#content #work_breadcrumb li a:visited {
	color: #242320;
	float: left;
	text-decoration: none;
	margin: 0px 1px 0px 0px;
}
div#content #work_breadcrumb li a:hover {color: #ad7405;}


body.work div#content dl.thumbs {
	width: 200px;
	font-size: .75em;
	color: #8c9ba1;
	border-bottom: 1px dotted  #999;
	padding-bottom: 10px;
	float: left;
	margin: 0px 26px 20px 0px;
}
body.work div#content dl.nomargin {
	margin-right: 0px;
}
body.work div#content dl.bottom {
	margin-bottom: 0px;
	border-bottom: none;
}
body.work div#content dt {
	font-size: 1.3em;
	margin-bottom: .2em;
}
body.work div#content dl.thumbs dd img {
	margin-bottom: .75em;
}
#workimages {
	width: 600px;
	float: left;
	position: relative;
}
body.work #rightcol {
	margin: 0px;
	padding: 0px;
}
body.work #rightcol ul {
	margin: 0px 0px 10px -11px;
	padding: 0px;
	list-style: none;
	font-weight: normal;
}
body.work #rightcol ul li {
	background: url(../graf/grafika/bullett_dotted_grey.gif) no-repeat 5% center;
	padding: 0px 0px 0px 20px;
}

body.work #rightcol ul.otherprojects {
	margin: 0px 0px 10px -11px;
	padding: 0px;
	list-style: none;
	font-weight: normal;
}
body.work #rightcol ul.otherprojects li {
	background: url(../graf/grafika/folder_icon.jpg) no-repeat 5% center;
	padding: 0px 0px 0px 30px;
}
ul.otherprojects li a:link, ul.otherprojects li a:visited {
	color: #3b541e;
	text-decoration: none;
	font-size: .9em;
}
ul.otherprojects li a:hover {color: #ad7405;}

dl.projects {
	font-size: .7em;
	color: #8c9ba1;
	border-bottom: 1px dotted  #999;
	padding-bottom: 3px;
	float: left;
	margin: 0px 26px 6px 0px;
	float: none;
	width: 100%;
}
dl.projects dt a:link, dl.projects dt a:visited {
	background: url(../graf/grafika/folder_icon.jpg) no-repeat 5% center;
	font-size: .85em;
	color: #3b541e;
	font-weight: normal;
	padding-left: 25px;
	margin-left: -3px;
}
dl.projects dt a:hover {
	color: #ad7405;
}
dl.projects dd {
	font-style: italic;
}

/* Screen slider */
#slider_back_web{background: url(../graf/photos/portfolio/web/monitor_taller.gif) no-repeat top left;}
#slider_web {height: 580px; width: 600px;}
#slider_web ul { 
	width: 564px;
	height: 445px;
	margin: 0px 0px 0px 0px;
	padding:20px 20px;
	list-style:none;
}
#slider_web li {height:580px; width:600px; overflow: hidden;}
#slider_back_web #prevBtn, #slider_back_web #nextBtn {display:block; width:24px; height:30px; position:absolute; left:-3px; top:270px;}	
#slider_back_web #nextBtn {left:583px;}	


/* Print slider */
#slider_print {height: 500px; width: 600px;}
#slider_print ul { 
	width: 600px;
	height: 500px;
	margin:0px 0px 0px 0px;
	list-style:none;
}
#slider_print li {height:500px; width:600px; overflow: hidden;}	
#prevBtn, #nextBtn {display:block; width:24px; height:30px; position:absolute; left:-20px; top:240px;}	
#nextBtn {left:594px;}	


/* Studio slider */
#slider_studio {height: 200px; width: 460px; margin: 20px 0px;}
#slider_studio ul { 
	width: 460px;
	height: 200px;
	margin:0px 0px 15px 0px;
	list-style:none;
}
#slider_studio li {height:200px; width:460px; overflow: hidden;}	
body.about #prevBtn, body.about #nextBtn {display:block; width:24px; height:30px; position:absolute; left:-17px; top:280px;}	
body.about #nextBtn {left:453px;}	




#prevBtn a, #nextBtn a {display:block; width:24px; height:30px; background:url(../graf/grafika/slider/btn_prev3.gif) no-repeat 0 0; text-indent: -5000px;}
#nextBtn a {background:url(../graf/grafika/slider/btn_next3.gif) no-repeat 0 0;}
#prevBtn a:hover {background:url(../graf/grafika/slider/btn_prev3_over.gif) no-repeat 0 0;}	
#nextBtn a:hover {background:url(../graf/grafika/slider/btn_next3_over.gif) no-repeat 0 0;}



			
/*====================================================== Clients ==*/	

ul#client_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#client_list li {
	width: 200px;
	height: 130px;
	float: left;
	margin: 0px 24px 24px 0px;
	border: 1px solid #CCC;
}
#client_list li.nomargin {
	margin: 0px;
}
/*====================================================== Clients2 ==*/	


#client_list li {
	width: 200px;
	height: 130px;
	float: left;
	margin: 0px 24px 24px 0px;
	border: none;
}

			
	



/*====================================================== Blog ==*/

.meta {
	font-size: .8em;
	color: #999;
	border-bottom: 1px solid #CCC;
	padding-bottom: .75em;
	margin-bottom: .75em;
}
h3.storytitle {
	margin-bottom: .6em;
	font-size: 1.5em;
}
body#blog #content h2 {
	margin-bottom: .6em;
	font-size: 1.5em;
	color: #42575f;
	text-transform: none;
}
body#blog #content p {
	color: #666;
}
body#blog #content p code {
	color: #999;
}
.feedback {
	/*border-bottom: 3px dotted #CCC;*/
	margin-bottom: 3em;
	/*padding-bottom: 1em;*/
}
body#blog #leftcol ul {
	margin: 5px 0px 20px 0px;
	padding: 0px;
	list-style: none;
}
body#blog #leftcol ul li {margin-bottom: .25em;}
body#blog #leftcol ul li ul li {
	background: none;
	margin-left: 0px;
	padding-left: 0px;
}
body#blog #leftcol ul li a:link, body#blog #leftcol ul li a:visited {
	font-size: 1.2em;
	color: #3b541e;
	font-weight: normal;
	padding: 8px 0px 8px 0px;
	margin-bottom: 0px;
	text-decoration: none;
}
body#blog #leftcol ul li a:hover {color: #ad7405;}
body#blog #leftcol ul h2 {
	border-bottom: 1px solid #CCC;
	padding-bottom: .5em;
	margin-bottom: 0em;
}




/*====================================================== Calls to Action ==*/

#calltoactions_wrapper {
	width: 880px;
	margin: 0px auto;
	text-align: left;
}
#calltoactions_wrapper dl {
	width: 280px;
	float: left;
	color: #5c7078;
	font-size: .75em;
	line-height: 1.4em;
	margin: 25px 35px 0px 0px;
}
#calltoactions_wrapper dt {
	color: #242320;
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: .2em;
	font-weight: bold;
}
#calltoactions_wrapper dd {
	margin-bottom: .5em;
	color: #404d52;
	font-size: 100%;
}
#calltoactions_wrapper dl img {
	float: left;
	margin-right: 10px;
}
#calltoactions_wrapper dl#phone {
	width: 230px;
	float: right;
	margin-right: 0px;
}
#calltoactions_wrapper dl#phone img {margin-top: 3px;}

#calltoactions_wrapper a:link, #calltoactions_wrapper a:visited {text-decoration: none; color: #3b541e;	font-weight: bold;}
#calltoactions_wrapper a:hover {text-decoration: none; color: #ad7405;}


/*====================================================== Contact Us ==*/

form ul {margin: 0px; padding: 0px; list-style: none;}
form li {margin-bottom: .75em;}

/* Contact Form */

form#contactform {
	background-color: #41928b;
	padding: 25px;
	margin-bottom: 20px;
}
form#contactform fieldset {
	width: 250px;
	float: left;
	margin: 0px 50px 0px 0px;
}
form#contactform label {
	color: #FFF;
	font-size: .9em;
	display: block;
}
form#contactform label.radiolabel {
	float: left;
	margin-bottom: 2em;
	margin-right: 1.1em;
	color: #96ccc7;
}
form#contactform label span {
	text-transform: uppercase;
	color: #96ccc7;
	font-size: .8em;
}
form#contactform input, form#contactform textarea {
	width: 100%;
	padding: 5px;
}
form#contactform textarea {
	height: 80px;
}
form#contactform input#general, form#contactform input#specific, form#contactform input#button {
	width: auto;
	margin: 4px 5px 0px -5px;
}

/* Twitter */
form#contactform div.contactdetails p {
	color: #FFF;
	font-size: 0.8em;
	font-weight: bold;
	margin-bottom: .5em;
}
div.contactdetails img {vertical-align: middle; margin: 0px 5px 0px 0px;}
div.contactdetails {margin-bottom: 3em;}
form#contactform div.contactdetails a:link, form#contactdetails div.twitter a:visited {color: #FFF;}
form#contactform div.contactdetails a:hover {color: #e2af52; background-color: transparent;}

/* Twitter */
form#contactform div.twitter h3 {
	color: #e2af52;
	font-size: 1.1em;
	line-height: 1.3em;
	padding-right: 60px;
	margin-bottom: 1em;
}
form#contactform div.twitter p {color: #fff;}
form#contactform div.twitter img {float: left; margin-right: 10px;}
form#contactform div.twitter a:link, form#contactform div.twitter a:visited {font-weight: normal; color: #FFF;}
form#contactform div.twitter a:hover {color: #e2af52; background-color: transparent;}


/* Maps */

#maps {
	height: 310px;
	background: url(../graf/grafika/maps_background2.jpg) no-repeat top center;
}
#maps p {
	color: #FFF;
	margin: 0px 0px 0px 45px;
}
#headoffice, #yorkoffice {
	width: 780px;
	float: left;
	margin-left: 18px;
}
#headoffice {
	margin-right: 20px;
}
#headoffice h2, #yorkoffice h2 {
	color: #242320;
	margin: 15px 0px 0px 5px;
}
#headoffice div.googlemap {
	width: 840px;
	height: 250px;
	
	padding-top: 20px;
	margin-bottom: 0px;
}
#yorkoffice div.googlemap {
	width: 380px;
	height: 180px;
	background: url(../graf/grafika/mapback_yorkoffice.jpg) no-repeat;
	padding-top: 10px;
	margin-bottom: 0px;
}
div.googlemap #headmap, div.googlemap #yorkmap {
	width: 365px;
	height: 160px;
	margin: 0px 0px 0px 8px;
}


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

#footer h3 {
	color: #ad7405;
	margin-bottom: .75em;
	font-weight: lighter;
	margin-top: 25px;
}

#foot_address, #foot_nav {background: url(../graf/grafika/footer_divider.gif) no-repeat center right;}
#foot_wrapper {width: 880px;margin: 0px auto;}
#foot_address {float: left; width: 200px; height: 190px; margin: 0px 40px 0px 0px;}
	#foot_address h3 {
		background: url(../graf/grafika/alegorialogo_small.gif) no-repeat;
		width: 120px;
		height: 23px;
		text-indent: -5000px;
	}
	#foot_address p {
		margin-bottom: 0em;
		color: #929899;
	}
	div#foot_address p.contacthighlight, div#foot_address a:link, div#foot_address a:visited  {
		color: #ad7405;
		font-weight: bold;
		text-decoration: none;
	}
	div#foot_address a:hover {color: #FFF;}
	
#foot_nav {float: left; width: 200px; height: 190px; margin: 0px 40px 0px 0px;}
	#foot_nav ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	#foot_nav li {margin-bottom: .2em;}
	#foot_nav li a:link, #foot_nav li a:visited {
		color: #929899;
		display: inline-block;
		text-decoration: none;
		background: url(../graf/grafika/bullett_white.gif) no-repeat left center;
		padding-left: 10px;
	}
	#foot_nav li a:hover {color: #FFF;}
	.orangehighlight {color:#ad7405;}
	
#foot_test {float: right; width: 600px; height: 190px;}
	#foot_test blockquote p {
		font-size: .8em;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #929899;
		line-height: 1.6em;
		font-style: italic;
		margin-bottom: .75em;
		font-weight: normal;
	}
	#foot_test cite {
		color: #fff;
		font-style: normal;
		font-weight: bold;
		font-size: .8em;
		float: right;
	}
	
	
	
	
	

/*====================================================== Hacks and Filters ==*/

.clearfix {clear: both;}