/* @group Layout */
* { margin: 0; padding: 0; }
body { 	background: #1F8B29 url(../images/pattern.gif) repeat;  color: #FFF; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.5em; margin-top: 30px; }
div.wrapper { margin: 0 auto; width: 968px; }
div.subwrapper { margin: 0 auto; position: relative; width: 796px; }
ul li { list-style: none; }
p { margin: 10px 0; }

/* 3 columns - page specific */
#webdesign div.sidebar-left { background: #416191 url(../images/webdesign/left_sidebar_bg.jpg); display: inline; float: left; height: 479px; width: 266px; }
#webdesign div.content { background-color: #FFF; color: #000; float: left; height: 479px; width: 263px; }
#webdesign div.sidebar-right { background: #709AE8 url(../images/webdesign/right_sidebar_bg.jpg); float: left; height: 479px; width: 267px; }

#photography div.sidebar-left { background: #667372 url(../images/photography/left_sidebar_bg.jpg); display: inline; float: left; height: 479px; width: 266px; }
#photography div.content { background: #FFF url(../images/photography/content_bg.jpg); color: #000; float: left; height: 479px; padding: 0 15px; width: 233px; }
#photography div.sidebar-right { background: #ABB0AC url(../images/photography/right_sidebar_bg.jpg); float: left; height: 479px; width: 267px; }

#brochurework div.sidebar-left { background: #537155 url(../images/brochurework/left_sidebar_bg.jpg); display: inline; float: left; height: 479px; width: 266px; }
#brochurework div.content { background: #FFF url(../images/brochurework/content_bg.jpg); color: #000; float: left; height: 479px; padding: 0 15px; width: 233px; }
#brochurework div.sidebar-right { background: #839F86 url(../images/brochurework/right_sidebar_bg.jpg); float: left; height: 479px; width: 267px; }

div.sidebar-left div.sidebar-left-top { height: 243px; position: relative; }
div.sidebar-left div.sidebar-left-bottom { height: 236px; }

/* content elements */
div.content a { color: #814F00; }
div.content h1 a { display: block; height: 51px; overflow: hidden; margin: 18px auto 0 auto; position: relative; width: 171px; }
div.content h1 a span { background: url(../images/logo.jpg) no-repeat; cursor: pointer; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }
div.content h1 a:hover span { background-position: 0 -51px; }

/* general */
div.content h2 { display: block; overflow: hidden; position: relative; }
div.content h2 span { display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }

/* page specific */
#webdesign div.content h2 { height: 43px; margin: 18px auto 30px auto; width: 158px; }
#webdesign div.content h2 span { background: url(../images/webdesign/header_webdesign.jpg) no-repeat; }

#photography div.content h2 { height: 37px; margin: 115px 0 0 -2px; width: 132px; }
#photography div.content h2 span { background: url(../images/photography/header_photography.jpg) no-repeat; }

#brochurework div.content h2 { height: 43px; margin: 18px auto 0 auto; width: 174px; }
#brochurework div.content h2 span { background: url(../images/brochurework/header_brochurework.jpg) no-repeat; }

/* general */
div.content p { font-size: 11px; line-height: 1em; }
/* page specific */
#webdesign div.content p { text-align: justify; padding: 0 15px; }
#photography div.content p { text-align: left; margin-top: 0; padding: 0 50px 0 0; }
#brochurework div.content p { text-align: justify; margin-top: 5px; padding: 0 30px 0 30px; }


/* sidebar-left elements */
div.sidebar-left div.sidebar-left-top h2 { display: none; }
div.sidebar-left div.samples { width: 100px; margin: 0 auto; padding-top: 93px; }
div.sidebar-left div.samples a { background: url(../images/samples_bullet.gif) no-repeat 0 0; display: inline; float: left; height: 16px; margin: 5px 5px; width: 15px; }
div.sidebar-left div.samples a span { cursor: pointer; display: none; }
div.sidebar-left div.samples a:hover { background-position: 0 -16px ; }
div.sidebar-left div.sidebar-left-top a.sitemap { bottom: 0; color: #FFF; font-size: 18px; position: absolute; right: 0; width: 35px; line-height: 0.6em; padding: 0 10px 10px 0; }
div.sidebar-left div.sidebar-left-top a.sitemap:hover { color: #00FF00; text-decoration: none; }

/* general */
div.sidebar-left ul.services { margin: 50px 0 0 20px; font-size: 17px; line-height: 0.9em; }
div.sidebar-left ul.services li { background: url(../images/arrow_bullet.gif) no-repeat 0 6px; clear: both; margin: 10px 0; padding: 0 0 0 20px; }
div.sidebar-left ul.services li strong { margin-left: 40px; }

/* page specific */
#brochurework div.sidebar-left ul.services { margin-top: 25px; }
/* @end */

/* @group Navigation */
ul.navigation li { display: inline; }
ul.navigation li a { display: block; font-size: 15px; float: left; height: 27px; overflow: hidden; padding-top: 3px; position: relative; text-align: center; }
ul.navigation li a span { cursor: pointer; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }

/* general */
ul.navigation li.home a span { background: url(../images/top_navigation_home.jpg) no-repeat 0 0; }
/* page specific */
#webdesign ul.navigation li.home a { background-color: #1C00D0;  width: 130px; }
#webdesign ul.navigation li.home a span { background: url(../images/top_navigation_home.jpg) no-repeat 0 0; }
#webdesign ul.navigation li.home a:hover span { background-position: -130px 0; }
#photography ul.navigation li.home a { width: 129px; }
#photography ul.navigation li.home a span { background-position: 0 -30px; }
#photography ul.navigation li.home a:hover span { background-position: -129px -30px; }
#brochurework ul.navigation li.home a { width: 136px; }
#brochurework ul.navigation li.home a span { background-position: 0 -60px; }
#brochurework ul.navigation li.home a:hover span { background-position: -136px -60px; }

ul.navigation li.print a { background-color: #D59B00; width: 136px; }
ul.navigation li.print a span { background: url(../images/top_navigation_print.jpg) no-repeat 0 0; }
ul.navigation li.print a:hover span { background-position: -136px 0; }

ul.navigation li.webdesign a { background-color: #1C00D0;  width: 130px; }
ul.navigation li.webdesign a span { background: url(../images/top_navigation_webdesign.jpg) no-repeat 0 0; }
ul.navigation li.webdesign a:hover span { background-position: -130px 0; }

ul.navigation li.videowork a { background-color: #230045; width: 134px; }
ul.navigation li.videowork a span { background: url(../images/top_navigation_videowork.jpg) no-repeat 0 0; }
ul.navigation li.videowork a:hover span { background-position: -134px 0; }

ul.navigation li.photography a { background-color: #770004; width: 129px; }
ul.navigation li.photography a span { background: url(../images/top_navigation_photography.jpg) no-repeat 0 0; }
ul.navigation li.photography a:hover span { background-position: -129px 0; }

ul.navigation li.advertising a { background-color: #2D72CB;  width: 135px; }
ul.navigation li.advertising a span { background: url(../images/top_navigation_advertising.jpg) no-repeat 0 0; }
ul.navigation li.advertising a:hover span { background-position: -135px 0; }

ul.navigation li.contactus a { background-color: #814F00;  width: 132px; }
ul.navigation li.contactus a span { background: url(../images/top_navigation_contactus.jpg) no-repeat 0 0; }
ul.navigation li.contactus a:hover span { background-position: -132px 0; }
/* @end */

/* @group Footer */
div.footer { clear: both; margin: 0 auto; width: 968px; }
ul.bottom-navigation1 li, ul.bottom-navigation2 li { display: inline; }

/* footer navigation 1 */
ul.bottom-navigation1 li a span,
ul.bottom-navigation2 li a span { cursor: pointer; display: block; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }
ul.bottom-navigation1 li a { display: block; float: left; height: 17px; overflow: hidden; position: relative; }

ul.bottom-navigation1 li.sitemap a { text-indent: -9999px; width: 173px; }
ul.bottom-navigation1 li.sitemap a span { background: url(../images/bottom1_navigation.gif) no-repeat 0 0; }
ul.bottom-navigation1 li.sitemap a:hover span { background-position: 0 -17px ; }

ul.bottom-navigation1 li.aboutus a { width: 96px; }
ul.bottom-navigation1 li.aboutus a span { background: url(../images/bottom1_navigation.gif) no-repeat -173px 0; }
ul.bottom-navigation1 li.aboutus a:hover span { background-position: -173px -17px; }

ul.bottom-navigation1 li.printdesign a { width: 124px; }
ul.bottom-navigation1 li.printdesign a span { background: url(../images/bottom1_navigation.gif) no-repeat -269px 0; }
ul.bottom-navigation1 li.printdesign a:hover span { background-position: -269px -17px; }

ul.bottom-navigation1 li.webdevelopment a { width: 162px; }
ul.bottom-navigation1 li.webdevelopment a span { background: url(../images/bottom1_navigation.gif) no-repeat -393px 0; }
ul.bottom-navigation1 li.webdevelopment a:hover span { background-position: -393px -17px; }

ul.bottom-navigation1 li.stillphotography a { width: 168px; }
ul.bottom-navigation1 li.stillphotography a span { background: url(../images/bottom1_navigation.gif) no-repeat -555px 0; }
ul.bottom-navigation1 li.stillphotography a:hover span { background-position: -555px -17px; }

ul.bottom-navigation1 li.videoproduction a { width: 159px; }
ul.bottom-navigation1 li.videoproduction a span { background: url(../images/bottom1_navigation.gif) no-repeat -723px 0; }
ul.bottom-navigation1 li.videoproduction a:hover span { background-position: -723px -17px; }

/* footer navigation 2 */
ul.bottom-navigation2 li a { display: block; float: left; height: 18px; overflow: hidden; position: relative; }

ul.bottom-navigation2 { width: 796px; margin: 0 auto; }
ul.bottom-navigation2 li.contact1 a { width: 94px; }
ul.bottom-navigation2 li.contact1 a span { background: url(../images/bottom2_navigation.gif) no-repeat 0 0; }
ul.bottom-navigation2 li.contact1 a:hover span { background-position: 0 -18px; }

ul.bottom-navigation2 li.brochurework a { width: 167px; }
ul.bottom-navigation2 li.brochurework a span { background: url(../images/bottom2_navigation.gif) no-repeat -94px 0; }
ul.bottom-navigation2 li.brochurework a:hover span { background-position: -94px -18px; }

ul.bottom-navigation2 li.advertising a { width: 135px; }
ul.bottom-navigation2 li.advertising a span { background: url(../images/bottom2_navigation.gif) no-repeat -261px 0; }
ul.bottom-navigation2 li.advertising a:hover span { background-position: -261px -18px; }

ul.bottom-navigation2 li.logodesign a { width: 130px; }
ul.bottom-navigation2 li.logodesign a span { background: url(../images/bottom2_navigation.gif) no-repeat -396px 0; }
ul.bottom-navigation2 li.logodesign a:hover span { background-position: -396px -18px; }

ul.bottom-navigation2 li.successstories a { width: 178px; }
ul.bottom-navigation2 li.successstories a span { background: url(../images/bottom2_navigation.gif) no-repeat -526px 0; }
ul.bottom-navigation2 li.successstories a:hover span { background-position: -526px -18px; }

ul.bottom-navigation2 li.contact2 a { width: 92px; }
ul.bottom-navigation2 li.contact2 a span { background: url(../images/bottom2_navigation.gif) no-repeat -704px 0; }
ul.bottom-navigation2 li.contact2 a:hover span { background-position: -704px -18px; }

div.phone { clear: both; margin: 0 auto; width: 844px; height: 73px; }
div.phone a { background: url(../images/telephone.gif) no-repeat 100% 0; display: block; height: 43px; width: 146px; margin-left: 698px; }
div.phone a:hover { background-position: 0 -43px; display: block; height: 43px; width: 146px; }
/* @end */

/* @group Hyperlinks */
a { color: #FFF; outline-style: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
/* @end */