@charset "UTF-8";
/* CSS Document */
ruler_490 {
	position:absolute;
	top:490px;
	left:0px;
	width:100%;
	height:1px;
	background-color:#98B4E4;
	z-index:992;
}


ruler_560 {
	position:absolute;
	top:560px;
	left:0px;
	width:100%;
	height:1px;
	background-color:#fc1010;
	z-index:990;
}


.location {
position:absolute;
top:0px;
left:0px;
margin:auto;
width:100%;
height:100%;
z-index:1000;
background:url(../images/zeroG_1px_panel.png) repeat;
}

* {
margin: 0px;
padding: 0px;
		}
html {
width:100%;
height:100%;
}

body {
position:relative;
font-size: 62.5%;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
background-color:#000000;
line-height:180%;
z-index:1;
width:100%;
height:100%;
}


#wrapper {
position:relative;
width:880px;
height:600px;
margin:0 auto;
}

#logo {
position:absolute;
display:inline-block;
top:43px;
right:52px;
width:200px;
height:120px;
background:url(../images/zeroG-bio_ruby_logo_Final.png) no-repeat;
z-index:40;
}

#panels {
position:absolute;
top:97px;
left:0px;
width:880px;
height:600px;
z-index:10;
}

.panel {
position:relative;
display:inline-block;
width:755px;
height:600px;
padding-top:23px;
padding-left:125px;
float:left;
z-index:15;
}

.panel_bg {
position:absolute;
top:0px;
left:0px;
width:880px;
height:363px;
border-top:solid 1px #FFFFFF;
border-bottom:solid 1px #FFFFFF;
z-index:16;
}

#zeroG {
background:url(../images/zeroG_zeroG_bg.jpg) no-repeat;
}

#bio {
background:url(../images/zeroG_bio_bg.jpg) no-repeat;
}

#folio {
background:url(../images/zeroG_folio_bg.jpg) no-repeat;
}

#services {
background:url(../images/zeroG_services_bg.jpg) no-repeat;
}

#contact {
background:url(../images/zeroG_contact_bg.jpg) no-repeat;
}

.main_info {
width:325px;
position:relative;
display:inline-block;
float:left;
padding:25px;
background:url(../images/zeroG_panel_main_bg.png) no-repeat;
background-position:bottom left;
border:#FFFFFF solid 1px;
z-index:80;
}

.info {
width:325px;
position:relative;
display:inline-block;
float:left;
}

#folio_nav {
position:relative;
display:inline-block;
float:left;
width:353px;
}

#folio_nav h2 {
margin-bottom:.1em;
}

#corporate, #print, #photography, #photoretouch, #websites, #client_list {
position:relative;
display:inline-block;
float:left;
}


.contact p {
margin-bottom:20px;
}

.contact #map {
position:relative;
display:block;
float:left;
clear:left;
width:100px;
height:100px;
margin-top:-10px;
}

#map a {
position:relative;
display:inline-block;
float:left;
width:100px;
height:100px;
background:url(../images/sml_map.png);
}

#lrgmap {
margin:auto;
margin-top:120px;
width:750px;
height:425px;
background:url(../images/lrg_map.jpg) no-repeat;
}


/*------------ TEXT ------------*/

h1 {
position:relative;
display:inline-block;
float:left;
font-family:"Gill Sans", "Gill Sans Light";
color:#FFFFFF;
font-size:2.3em;
font-weight:100;
font-variant:normal;
margin-left:-3px;
margin-bottom:10px;
width:206px;
height:30px;
text-indent:-10000px;
}

h2 {
position:relative;
display:inline-block;
float:left;
color:#FFFFFF;
font-size:1.9em;
margin-left:-3px;
margin-bottom:10px;
margin-top:12px;
font-weight:100;
width:206px;
height:30px;
text-indent:-10000px;
}

p {
position:relative;
display:inline-block;
float:left;
width:333px;
color:#CCCCCC;
font-size:12px;
line-height:1.3em;
letter-spacing:.08em;
clear:left;

}


.footer {
position:absolute;
right:30px;
top:370px;
width:272px;
height:20px;
text-indent:-10000px;
z-index:17;
}


/*--------------------------------------------------- LINKS -----------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/


#main_nav {
display:inline-block;
position:relative;
float:left;
width:550px;
height:20px;
margin-top:70px;
margin-left:124px;
z-index:8;
}

.main_nav_tabs {
	display:inline-block;
	position:relative;
	margin: 0px;
	padding: 0px;
	height:20px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	z-index:8;

}

.thumbnailcategory {
display:inline-block;
position:relative;
float:left;
width:450px;
height:55px;
margin-top:3px;
margin-bottom:8px;
text-indent:-10000px;
clear:left;
}

.thumbnailcategory li {
text-decoration:none;
list-style-type:none;
display:inline-block;
float:left;
width:45px;
height:45px;
border:1px #FFFFFF solid;
margin-right:9px;
}

.thumbnailcategory li img {
position:relative;
display:inline-block;
float:left;
width:45px;
height:45px;
border:none;
}

.thumbnailcategory a {
text-decoration:none;
list-style-type:none;
display:inline-block;
float:left;
width:45px;
height:45px;
}

li {
list-style-type:none;
}

.folio_category {
position:relative;
display:block;
float:left;
clear:left;
height:30px;
overflow:hidden;
}

.folio_category h1 {
position:relative;
display:block;
float:left;
width:250px;
height:30px;
}



.menuback {
position:absolute;
left:-35px;
top:-35px;
font-size:1.3em;
width:18px;
height:18px;
color:#FFFFFF;
background-color:#000000;
border:#ffffff solid 1px;
text-align:center;
z-index:300;
}

.mapclose {
position:relative;
display:inline-block;
float:left;
font-size:1.3em;
width:18px;
height:18px;
color:#FFFFFF;
background-color:#000000;
border:#ffffff solid 1px;
text-align:center;
z-index:1010;
}


#corporateHero, #printHero, #photographyHero, #photoretouchHero, #websitesHero, #clientHero {
width:325px;
height:200px;
display:inline-block;
float:left;
border:1px #FFFFFF solid;
text-indent:-10000px;
}


.hero {
display:inline-block;
float:left;
width:750px;
height:425px;
margin-top:10px;
}

/*--------------------------------------------------- LINK -----------------------------------------------------------------*/

#corporate_head, #print_head, #photography_head, #photoretouch_head, #websites_head, #client_list_head {
	width:206px;
	position:relative;
	display:block;
	clear:left;
}

.client p {
	margin-top:10px;
}


a {
position:relative;
display:inline-block;
text-decoration:none;
outline:none;
color:#666;
}

.main_nav_Tab {
position:relative;
display:inline-block;
float:left;
margin-right:54px;
}


.main_nav_Tab a {
position:relative;
display:inline-block;
height:20px;
font-size:17px;
font-weight:lighter;
float:left;
text-indent:-10000px;
}

.footer a {
position:relative;
display:inline-block;
float:right;
width:272px;
height:20px;
text-indent:-10000px;
background:url(../images/zeroG_footer.png) no-repeat 0px 0px;
}


#indexLink a {
background:url(../images/zeroG_nav.png) no-repeat 0px 0px;
width:51px;
}

#bioLink a {
background:url(../images/zeroG_nav.png) no-repeat -89px 0px;
width:27px;
}

#folioLink a {
background:url(../images/zeroG_nav.png) no-repeat -163px 0px;
width:36px;

}

#servicesLink a {
background:url(../images/zeroG_nav.png) no-repeat -244px 0px;
width:64px;

}

#contactLink a {
background:url(../images/zeroG_nav.png) no-repeat -357px 0px;
width:61px;

}

#zeroG_head {
background:url(../images/zeroG_all_headings.png) no-repeat 0px 0px;
}

#bio_head {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -30px;
}

#corporate_head {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -120px;
}

#print_head {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -210px;
}

#photography_head {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -300px;
}

#photoretouch_head {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -390px;
}

#websites_head {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -480px;
}

#client_list_head {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -570px;
}

#client_head {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -570px;
width:48px;
}

#services_head {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -660px;
}

#contact_head {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -750px;
}

#mail_head {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -780px;
}

#studio_head {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -810px;
}

/*--------------------------------------------------- HOVER -----------------------------------------------------------------*/

#indexLink a:hover {
background:url(../images/zeroG_nav.png) no-repeat 0px -20px;
width:51px;
}

#bioLink a:hover {
background:url(../images/zeroG_nav.png) no-repeat -89px -20px;
width:27px;
}

#folioLink a:hover {
background:url(../images/zeroG_nav.png) no-repeat -163px -20px;
width:36px;

}

#servicesLink a:hover {
background:url(../images/zeroG_nav.png) no-repeat -244px -20px;
width:64px;

}

#contactLink a:hover {
background:url(../images/zeroG_nav.png) no-repeat -357px -20px;
width:61px;
}

.footer a:hover {
background:url(../images/zeroG_footer.png) no-repeat 0px -20px;
width:272px;
}

#corporate_head:hover {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -150px;
}

#print_head:hover {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -240px;
}

#photography_head:hover {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -330px;
}

#photoretouch_head:hover {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -420px;
}

#websites_head:hover {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -510px;
}

#client_list_head:hover {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -600px;
}

.menuback:hover, .mapclose:hover {
color:#666666;
cursor:pointer;
}
/*--------------------------------------------------- ACTIVE -----------------------------------------------------------------*/

#indexLink a:active {
background:url(../images/zeroG_nav.png) no-repeat 0px -40px;
width:51px;
}

#bioLink a:active {
background:url(../images/zeroG_nav.png) no-repeat -89px -40px;
width:27px;
}

#folioLink a:active {
background:url(../images/zeroG_nav.png) no-repeat -163px -40px;
width:36px;

}

#servicesLink a:active {
background:url(../images/zeroG_nav.png) no-repeat -244px -40px;
width:64px;

}

#contactLink a:active {
background:url(../images/zeroG_nav.png) no-repeat -357px -40px;
width:61px;

}

#main_nav .active {
color:#FFFFFF;
}

#indexLink .active {
background:url(../images/zeroG_nav.png) no-repeat 0px -20px;
width:51px;
}

#bioLink .active {
background:url(../images/zeroG_nav.png) no-repeat -89px -20px;
width:27px;
}

#folioLink .active {
background:url(../images/zeroG_nav.png) no-repeat -163px -20px;
width:36px;

}

#servicesLink .active {
background:url(../images/zeroG_nav.png) no-repeat -244px -20px;
width:64px;

}

#contactLink .active {
background:url(../images/zeroG_nav.png) no-repeat -357px -20px;
width:61px;

}

.footer a:active {
background:url(../images/zeroG_footer.png) no-repeat 0px -40px;
width:272px;
}


#corporate_head:active {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -180px;
}

#print_head:active {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -270px;
}

#photography_head:active {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -360px;
}

#photoretouch_head:active {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -450px;
}

#websites_head:active {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -540px;
}

#client_list_head:active {
background:url(../images/zeroG_all_headings.png) no-repeat 0px -630px;
}

.menuback:active, .mapclose:active {
color:#CC0000;
}