/*****
=reset 
******/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
strong {
    font-weight: 600;
}

/******
=global 
*******/
body {
    font-family: trebuchet MS;
    font-size: 62.5%;
    background-color: #fdfef0;
}




a {
    color: #1f3a55;
    text-decoration: none;
}
a:hover, a:active {
    color: #45a1fd;
    text-decoration: underline;
}

a.line {
    text-decoration: underline;
    color: #e2f89f;
}

img {
    border:0;
    margin: 0px;
    padding: 0px;
}
p {
    padding: 5px 0;
/*    font-size: 0.6em; */
    line-height: 1.5;
    color: #1f3a55;
    font-family: verdana, sans-serif; 
    
}

p.home {margin: 0 0 0 30px; width: 350px;}
p.work {margin: 30px 0 0 134px; width: 480px;}
.title {color: #9f9e32; font-weight: bold;}


#wrapper {
    width: 100%;
}

#wrapper-inner {
    background-color:#d7d75b;
    width:729px;
    margin: 0 0 0 8px;
    position: relative;
}

.about, .services, .contactus {height: 440px; background: url(/media/images/aboutBackground.gif) repeat-y scroll 0 0;}

.clients {height: 920px; background: url(/media/images/clientsBackground.gif) repeat-y scroll 0 0;}


.work-content {height: 440px;}

.home-content {height: 316px;}

/*
#wrapper-inner.work {height: 440px;}

#wrapper-inner.about,#wrapper-inner.services,#wrapper-inner.contactus {height: 440px; background: url(/media/images/aboutBackground.gif) repeat-y scroll 0 0;}
#wrapper-inner.clients {height: 920px; background: url(/media/images/clientsBackground.gif) repeat-y scroll 0 0;}
*/


/******
=container
*******/

#container {
    background: url(/media/images/containerShadow.gif) repeat-y scroll 0 0;
    background-color:#fff;
    margin: 0 auto;
    margin-top: 50px;
    width:748px;
}

#container h1 {
    background: url(/media/images/containerTop.gif) no-repeat scroll 0 0;
    margin:0 0 0 0;
    position: relative;
    display:block;
    height:6px;
    width:748px;
    text-indent:-9999px;    
}

#container h2 {
    background: url(/media/images/menuCircles.png) no-repeat scroll 0 0;
    margin:0 0 0 367px;
    position: absolute;
    display:block;
    width:370px;
    height:390px;
    text-indent:-9999px;  
    z-index: 101;
}

/*#container #home-nav {
    position: absolute;
    margin:0px;
    width:200px;
}*/

#container #home-nav ul {
    margin-left: 28px;
}

#container #home-nav ul li{
    z-index: 102;
}


#container #home-nav ul li.circ_about{position: absolute; margin: 70px 0 0 370px;}
#container #home-nav ul li.circ_work{position: absolute; margin: 26px 0 0 498px;}
#container #home-nav ul li.circ_clients{position: absolute; margin: 165px 0 0 527px;}
#container #home-nav ul li.circ_contact{position: absolute; margin: 122px 0 0 648px;}
#container #home-nav ul li.circ_services{position: absolute; margin: 275px 0 0 626px;}


#container #home-nav ul a {
    display: block;
    margin: 0;
    font-family: Times, serif;
    color: #163554;
    list-style-type: none;
    font-size: 1.4em;
    text-decoration: none;
}

#container #home-nav ul a:hover {
    color: #45a1fd;
}




/******
=header home
*******/

#headerHome {
    background: url(/media/images/headerBackground.gif) repeat-x scroll 0 0;
    height: 143px;
    width: 729px;
    margin: 0 0 0 8px;
    position: relative;
}

#headerHome h1 {
    background: url(/media/images/headerGD_left.gif) no-repeat scroll 0 0;
    margin:0 0 0 0;
    position: relative;
    display:block;
    height:57px;
    width:336px;
    text-indent:-9999px;  
}

#headerHome h2 a {
    display:block;
    height:74px;
    width:199px;
    text-indent:-9999px;
}

#headerHome h2 {
    background: url(/media/images/logo.png) no-repeat scroll 0 0;
    display:block;
    float:left;
    margin:12px 0 0 -20px;
    padding:0;
    position: relative;
    width: 200px;
    height: 75px;
    z-index: 100;
}

#headerHome p {
    font-family: verdana, sans-serif;
    margin: -55px 0 0 605px;
    text-align: left;
    color: #fdfef0;
    
}

#header p {
    font-family: verdana, sans-serif;
/*    font-size: 9px; */
    margin: -100px 0 0 605px;
    text-align: left;
    color: #fdfef0;
    
}
/*
#headerHome p, #header p {
    font-family: verdana, sans-serif;
    font-size: 9px; 
    margin: -45px 0 0 610px;
    text-align: left;
    color: #fdfef0;
    
}
*/

/******
=header
*******/
#header {
    background: url(/media/images/headerBackground_sub.gif) repeat-x scroll 0 0;
    height: 124px;
    width: 729px;
    margin: 0 0 0 8px;
    position: relative;
}

#header h1 {
    background: url(/media/images/headerGD_right.gif) no-repeat scroll 0 0;
    margin:0 0 0 397px;
    position: relative;
    display:block;
    height:59px;
    width:331px;
    text-indent:-9999px;
    z-index: 70;
    
}

#header h2 {
    background: url(/media/images/logo.png) no-repeat scroll 0 0;
    display:block;
    float:left;
    margin:-44px 0 0 -20px;
    padding:0;
    position: relative;
    width: 200px;
    height: 75px;  
}

#header h2 a {
    display:block;
    height:74px;
    width:199px;
    text-indent:-9999px;
}

#header p {
    font-family: verdana, sans-serif;
/*    font-size: 9px; */
    position: absolute;
    margin: -47px 0 0 610px;
    text-align: left;
    color: #fdfef0;
    z-index: 105;
}

#header #primary-nav {
    position: relative;
    background:#1f3a55;
    height:28px;
    margin:37px 0 0 0px;
}


#header #primary-nav ul li{
    float: left;
}

#header #primary-nav ul a {
    display: block;
    margin: 7px 0 0 35px;
    font-family: Times; serif;
    color: #c0ccd8;
    list-style-type: none;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: bold;
}

#header #primary-nav ul a:hover {
    color: #d7d75b;
}


#content{
    /*background-color:#d7d75b;*/
    /*width:729px;*/
      position: absolute;
    /*float: left;*/
    z-index: 50; 
}

#contentHome {
    /*background-color:#d7d75b;*/
    /*width:729px;*/
      position: absolute;
    /*float: left;*/
    z-index: 50; 
}

#contentHome h2 {
    background: url(/media/images/office.jpg) no-repeat scroll 0 0;
    margin:157px 0 0 285px;
    display:block;
    width:244px;
    height:159px;
    text-indent:-9999px; 
    
     
}

#content h1 {
    
    margin:0 0 0 0;
    position: relative;
    float: left;
    display:block;
    width:82px;
    height:94px;
    text-indent:-9999px;
}

#content h1.work{background: url(/media/images/circle_work.jpg) no-repeat scroll 0 0;}
#content h1.about{background: url(/media/images/circle_aboutus.jpg) no-repeat scroll 0 0;}
#content h1.services{background: url(/media/images/circle_services.jpg) no-repeat scroll 0 0;}
#content h1.clients{background: url(/media/images/circle_clients.jpg) no-repeat scroll 0 0;}
#content h1.contact{background: url(/media/images/circle_contactus.jpg) no-repeat scroll 0 0;}

#content h2.work{
    background: url(/media/images/workCircles.gif) no-repeat scroll 0 0;
    margin:33px 0 0 92px;
    position: relative;
    float: left;
    display:block;
    width:382px;
    height:246px;
    text-indent:-9999px;
}

#content h2.about{
    background: url(/media/images/aboutStaff.jpg) no-repeat scroll 0 0;
    margin:60px 0 0 20px;
    position: relative;
    float: left;
    display:block;
    width:163px;
    height:195px;
    text-indent:-9999px;
}

#work-nav ul {
    margin-left: 28px;
    
    
}

#work-nav ul li{
    z-index: 105;
    list-style: none;
  
    
    
}

#work-nav ul li.brochures{position: absolute; margin: 75px 0 0 172px;}
#work-nav ul li.advertising{position: absolute; margin: 80px 0 0 304px;}
#work-nav ul li.identity{position: absolute; margin: 75px 0 0 447px;}
#work-nav ul li.logos{position: absolute; margin: 216px 0 0 185px;}
#work-nav ul li.websites{position: absolute; margin: 216px 0 0 312px;}
#work-nav ul li.miscellaneous{position: absolute; margin: 216px 0 0 432px;}


#work-nav ul a {
    display: block;
    margin: 0;
    font-family: Times, serif;
    color: #163554;
/*    font-size: 1.2em; */
    text-decoration: none;
    line-height: 1em;
    text-align: center;
    font-weight: bold;
}


#work-nav ul a:hover {
    color: #fff;
}


#content h3 {
    margin-top: 25px;
    color: #b0d63a;
    font-family: Times, serif;
/*    font-size: .90em; */
    font-weight: bold;
}


#content li {
/*    font-size: .71em; */
    line-height: 1.6;
    color: #f0f6d2;
    font-family: verdana, sans-serif;
    list-style-type: disc;
    margin-left: 1.2em;
}

#content #aboutus,#content #services,#content #contact {
    margin:30px 0 0 288px;
    width: 400px;

}

#content #clients {
    margin: 30px 0 0 148px;
    width: 500px;
}

#clients ul {
    margin: 20px 0 0 0;
    padding: 0;
    
}

#clients li {
    margin: 0;
    padding: 0;
    line-height: 1.3em;
    color: #1f3a55;
    font-family: verdana, sans-serif;
    list-style-type: none;
/*    font-size: .6em; */
}

#clients #col_left {float:left; width: 200px;}
#clients #col_right {float: right; width: 200px;}


#servicesList {
    float: left;
    margin: 19px 0 0 -26px; 
}



#servicesList ul {
    text-align: right;
}

#servicesList ul li {
    display: block;
    list-style: none;
    color: #abaa37;
    font-weight: bold;
/*    font-size: .6em; */
    line-height: 2.8em;
}

#footer_contact p {
    font-family: Times, serif;
/*    font-size: 1.2em; */
    line-height: 1;   
}

#footer h1 {
    background: url(/media/images/containerBottom.gif) no-repeat scroll 0 0;
    margin:0 0 0 0;
    position: relative;
    display:block;
    height:6px;
    width:748px;
    text-indent:-9999px;    
}

p.footer {
    padding: 0;
    color: #a2a243;
    text-align: center;
}