/*
    Document   : global.css
    Created on : Feb 25, 2010, 11:00:48 AM
    Author     : jon
    Description:
        Global stylesheet
*/
td,th,tr,thead,tfoot,tbody,caption,table,legend,label,form,fieldset,li,ul,ol,dd,dt,dl,var,tt,sup,sub,strong,strike,small,samp,s,q,kbd,ins,img,font,em,dfn,del,code,cite,big,address,acronym,abbr,a,pre,blockquote,p,h6,h5,h4,h3,h2,h1,iframe,object,applet,span,div,body,html{font:100% inherit inherit inherit;margin:0;padding:0;border:0;vertical-align:baseline}td,th,tr,thead,tfoot,tbody,caption,table,legend,label,form,fieldset,li,ul,ol,dd,dt,dl,var,tt,sup,sub,strong,strike,small,samp,s,q,kbd,ins,img,font,em,dfn,del,code,cite,big,address,acronym,abbr,a,pre,blockquote,p,h6,h5,h4,h3,h2,h1,iframe,object,applet,span,div,body,html,:focus{outline:0}body{line-height:1;color:black;background:white}ul,ol{list-style:none}table{border-collapse:separate;border-spacing:0}td,th,caption{text-align:left;font-weight:normal}q:after,q:before,blockquote:after,blockquote:before{content:""}q,blockquote{quotes:"" ""}/* Reset CSS by Eric Meyer - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
body {
	font-family: Helvetica, "MS Trebuchet", arial, sans-serif;
	color: #505050;
	overflow-y: scroll;
	margin: 0;
        background :#FFF;
}

p,a,h1,h2,h3,h4,span,div,strong,i
{
   font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue', 'Helvetica Neue UltraLight', 'Arial', sans-serif;

    font-size: 12px;
}
p
{
    font-family: Helvetica, "MS Trebuchet", arial, sans-serif;
    margin-bottom: 10px;
    
}
.left
{
    float: left;
}
.col-1 ul
{
    margin-left: 2px;
}
.col-1 ul li{
    font-family: Helvetica, "MS Trebuchet", arial, sans-serif;
    margin: 1px 0px;
}
.col-1 ul li.title {
    font-size: 18px;
}
a
{
    background:none;
    color: #AAA;
    
}
h1
{
    font-size: 14pt;
}
h2
{
    margin-top: 40px;
    font-size: 30pt;
    line-height: 20px;
}
#maincontent
{
    display: block;
    float: left;
    clear: left;

    width: 990px;
}
#top
{
    position: relative;
    margin: 0 0;
    padding: 0 0;
}
.about h2,
.clients h2,
.contact h2
{
    margin: 0 0;
    margin-top: 20px;
    width: 300px;
    height: 35px;
    padding: 0 0;
    background: transparent url('../images/sprite.png') -184px -41px no-repeat;
    text-indent: -999px;
    overflow: hidden;
}
.contact h2
{
    background-position: -184px 0px;
}
.clients h2
{
    background-position: -184px -78px;
}
#container
{
    position: relative;
    background: #FFF;
    width: 990px;
    height: 500px;
    margin: 0 auto;
    margin-top: 30px;
}
    #topnav
    {
        border-bottom: 1px solid #CCC;
        height: 18px;
    }
        #container a.header
        {
            text-decoration: none;
            text-indent: -999px;
            font-size: 15px;
            color: #000;
            display: block;
            height: 23px;
            width: 300px;
            background: transparent url('../images/sprite.png') 0px  -205px no-repeat;
            margin-bottom: 10px;
        }
        #topnav ul
        {
            
            position: relative;
            width: 590px;
            margin-left: 411px;
            margin-top: 0px;
        }
        #topnav ul li
        {
            float: left;
            padding: 0px 7px;
        }
            #topnav ul li a
            {
               font-size: 16px;
               text-decoration: none;
               display: block;
               margin: 0px 3px;
               float: left;
               background: transparent url('../images/sprite.png') top left no-repeat;
               text-indent: -999px;
               width: 52px;
               height: 16px;
               overflow: hidden;
            }
                #topnav ul li a.beauty { background-position:  0px 0px; width: 49px;}
                #topnav ul li a.commercial { background-position:  0px -19px; width: 84px}
                #topnav ul li a.editorial { background-position:  0px -38px;}
                #topnav ul li a.celebrities { background-position:  0px -57px; width: 70px;}
                #topnav ul li a.travel  { background-position:  0px -76px; width: 38px}
                #topnav ul li a.clients  { background-position:  0px -95px; width: 44px;}
                #topnav ul li a.about   { background-position:  0px -114px; width: 40px}
                #topnav ul li a.contact { background-position:  0px -133px;}

                #topnav ul li a.beauty:hover,
                #topnav ul li.active a.beauty
                { background-position:  -90px 0px;}
                #topnav ul li a.commercial:hover,
                #topnav ul li.active a.commercial
                { background-position:  -90px -19px;}
                #topnav ul li a.editorial:hover,
                #topnav ul li.active a.editorial
                { background-position:  -90px -38px;}
                #topnav ul li a.personal:hover,
                #topnav ul li.active a.celebrities
                { background-position:  -90px -57px;}
                #topnav ul li a.travel:hover,
                #topnav ul li.active a.travel
                { background-position:  -90px -76px;}
                #topnav ul li a.clients:hover,
                #topnav ul li.active a.clients
                { background-position:  -90px -95px;}
                #topnav ul li a.about:hover,
                #topnav ul li.active a.about
                { background-position:  -90px -114px;}
                #topnav ul li a.contact:hover,
                #topnav ul li.active a.contact
                { background-position:  -90px -133px;}

            #topnav ul li a:hover
            {
                color: #000;
            }
            #topnav ul li.active a
            {
                color: #000;
            }

/* text pages */
.col-1
{
    width: 80%;
    margin-top: 10px;
}


/* gallery */
.gallery
{
        margin-top: 5px;
        float: left;
        text-align: center;
        clear: left;
}
.gallery div.image { display: none;	}

.gallery div img
	{
            
		top: 0px;
		left: 0px;
	}
.slideshow_links
{
    float: left;
    clear: both;
    width: 40px;
    margin-left: 960px;
}
    .slideshow_links a.left,
    .slideshow_links a.right
    {
        display:block;
        height: 15px;
        width: 15px;
        background: transparent url('../images/sprite.png') 0 -190px no-repeat;
        text-indent: -999px;
        overflow:hidden;
        float: left;
    }
    .slideshow_links a.right
    {
        background-position: -10px -190px;
    }