/* using Richard Rutter's font-sizing technique */

*{
 margin: 0;
 padding: 0;
 list-style-type: none;
 color: #9ca1a4;
 text-decoration: none;
 border: none;
}

body{
 font-family: arial, sans-serif;
 font-size: 100%;

}

#contained{
 width: 760px;
 font-size: 62.5%;
 margin-right: auto;
 margin-left: auto;
 /* background: url("images/test_dropshadow12_fff.gif") no-repeat top center;
 padding-left: 21px;
 padding-right: 21px; */
 background-color: #333;
 overflow: hidden;
}

a{ color: #9ca1a4; }
a:hover{ color: #f5822a; }


/*
___NAVIGATION___________________________ */

#global_navigation{
 height: 100px;
 background: #D9D7CA;
}

#global_navigation li{
 position: absolute;
 margin-left: 608px;
}

#global_navigation a{
 display: block;
 width: 123px;
 height: 14px;
 color: #1f9a3b;
}

#global_navigation a:hover{
 color: #f5822a;
}

#global_navigation ul li a{
 text-transform: uppercase;
 font-weight: bold;
 font-size: 1.1em;
 line-height: 1.4em;
 letter-spacing: .1em;
 text-align: right;
}

#photography #n_photography a, #graphic_design #n_graphic_design a,
#about #n_about a, #contact #n_contact a{
 color: #fff;
}

#photography #n_photography a:hover, #graphic_design #n_graphic_design a:hover,
#about #n_about a:hover, #contact #n_contact a:hover{
 color: #f5822a;
}

#global_navigation #n_home{
 margin-top: 23px;
 margin-left: 30px;
}
#n_home a{
 display: inline;
}

#n_photography{
 margin-top: 21px;
}

#n_graphic_design{
 margin-top: 38px;
}

#n_about{
 margin-top: 55px;
}

#n_contact{
 margin-top: 72px;
}

#navigation{
}

	/* photography-specific */
#graphic_design #navigation, #photography #navigation{
 float: left;
 width: 280px;
 margin-top: 30px;
}

#graphic_design #navigation ul, #photography #navigation ul{
 margin-left: 30px;
 margin-top: 1em;
}

#graphic_design #navigation li, #photography #navigation li{
 margin-bottom: 1em;
 margin-left: 1.2em;
}
#graphic_design #navigation li a, #photography #navigation li a{
 text-transform: uppercase;
 font-weight: bold;
 font-size: 1.1em;
 line-height: 1.4em;
 letter-spacing: .1em;
 color: #9ca1a4;
}

#graphic_design #navigation li.currentp a, #photography #navigation li.currentp a{
 color: #D9D7CA;
}
#graphic_design #navigation li.second a, #graphic_design #navigation li.current a, #graphic_design #navigation li.currentp li.current a,
#photography #navigation li.second a, #photography #navigation li.current a, #photography #navigation li.currentp li.current a{
 color: #379225;
}
#graphic_design #navigation li.current li a, #graphic_design #navigation li.currentp li a,
#photography #navigation li.current li a, #photography #navigation li.currentp li a{
 color: #9ca1a4;
}
#graphic_design #navigation li.current li a:hover, #graphic_design #navigation li.currentp li a:hover,
#photography #navigation li.current li a:hover, #photography #navigation li.currentp li a:hover{
 color: #f5822a;
}
#graphic_design #navigation li.first,
#photography #navigation li.first{
 margin-bottom: 1.5em;
 margin-left: 0;
}

#graphic_design #navigation li.first a,
#photography #navigation li.first a{
 color: #9ca1a4;
 padding-left: 2px;
 padding-right: 5.5em;
 padding-bottom: 2px;
 border-bottom: 1px solid #f5822a;
}
#graphic_design #navigation li.first a:hover,
#photography #navigation li.first a:hover{
 color: #9ca1a4;
 border-bottom: 1px solid #9ca1a4;
}

#graphic_design #navigation li.second,
#photography #navigation li.second{
 margin-left: .6em;
 margin-bottom: 2em;
}
#graphic_design #navigation li a:hover,
#photography #navigation li a:hover{
 color: #f5822a;
}

#graphic_design #navigation li li,
#photography #navigation li li{
 margin-left: 0;
}


/*
___BODY___________________________ */

#content{
 overflow: hidden;
}
#content h2{
}

#content p{
}

#content a{
}

	/* photography specific */
#photography #content{
 min-height: 300px; /* gotta change this when IE is a major browser... and supports it... lol */
}

#graphic_design .entertainment a > img,
#photography .entertainment a > img{ position: relative; left: 1px; top: 1px; }
#graphic_design .entertainment a:hover > img,
#photography .entertainment a:hover > img{ border: 1px solid #f5822a; position: relative; left: 0px; top: 0px; }
#graphic_design .entertainment span.display_caption a > img,
#photography .entertainment span.display_caption a > img{ position: relative; left: 0px; top: 0px; }
#graphic_design .entertainment span.display_caption a:hover > img,
#photography .entertainment span.display_caption a:hover > img{ border: 0px solid #fff; position: relative; left: 0px; top: 0px; }

      /* entertainment */

#graphic_design div.entertainment,
#photography div.entertainment{
 float: left;
 width: 480px;
 margin-top: 30px;
}
#graphic_design div.entertainment ul,
#photography div.entertainment ul{
 margin-top: 1.1em;
 margin-left: 30px;
}
#graphic_design div.entertainment li,
#photography div.entertainment li{
 float: left;
 width: 83px;
 height: 74px;
}
#graphic_design div.entertainment li.last,
#photography div.entertainment li.last{
}

#graphic_design div.entertainment div.display,
#photography div.entertainment div.display{
 /* height: 510px; */
 margin-top: 14px;
 margin-left: 8px;
 margin-bottom: 2em;
}
#graphic_design div.entertainment span.display_caption a,
#photography div.entertainment span.display_caption a{
 position: relative;
 top: 8px;
}

   /* --- photography: interior_design */
#photography div.interior{
 float: left;
 width: 480px;
 margin-top: 30px;
}
#photography div.interior ul{
 margin-top: 4.4em;
 margin-left: 30px;
}
#photography div.interior li{
 float: left;
 width: 147px;
 height: 120px;
}
#photography div.interior li.last{
}


#photography div.main{
 float: none;
}
#photography div.main ul{
 margin-left: 30px;
 margin-top: 95px;
}
#photography div.main li{
 float: left;
 width: 97px;
 margin-right: 53px;
}
#photography div.main li.last{
 margin-right: 0;
}

   /* graphic design  */
#graphic_design div.main{
 float: none;
}
#graphic_design div.main ul{
 margin: auto;
 margin-top: 95px;
 width: 397px;
}
#graphic_design div.main li{
 float: left;
 width: 97px;
 margin-right: 53px;
}
#graphic_design div.main li.last{
 margin-right: 0;
}

/*
#graphic_design p{
 margin-top: 85px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 font-size: 1.2em;
 font-style: normal;
}
*/

/* graphic design-specific */
/*
#graphic_design #content{
 background: url("images/graphic_design_background.jpg") no-repeat top left;
 height: 384px;
 padding-top: 66px;
}
*/

#graphic_design #content{
 min-height: 300px;  /* gotta change this when IE is a major browser... and supports it... lol */
}

	/* about-specific */
#about #content{
 background: url("images/about_background.gif") no-repeat top left;
 height: 346px;
 padding-top: 104px;
}

#about #content span{
 display: block;
 width: 378px;
 padding: 0 8px;
 margin-left: auto;
 margin-right: auto;
 background: #fff;
 padding-bottom: 3px;
}
#about #content p{
 padding-top: 10px;
 font-size: 11px;
 line-height: 1.5em;
 margin-left: auto;
 margin-right: auto;
 color: #1f9a3b;
}
#about #content p.first{
 padding-top: 3px;
}

	/* contact-specific */

#contact #content{
display: block;
margin: 0;
padding: 0;
 width: 760px;
 height: 505px;
 background: url("images/023-or.jpg") no-repeat top left;
 /*background: url("images/oranges.jpg") no-repeat top left;*/
}

#contact address{
 margin-left: 180px;
 margin-top: 220px;
/* margin-left: 240px;
 margin-top: 200px;*/
 float: left;

 text-align: center;
 font-size: 1.2em;
 font-style: normal;
 color: #1f9a3b;
}

#contact address a{
 color: #1f9a3b;
}

/* old
#contact address{
 margin-top: 85px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 font-size: 1.2em;
 font-style: normal;
} */