* {
    margin:                 0;
    padding:                0;
} 

body {  
    background:             #000000;
    color:                  #ffffff;
    font-family:            "Myriad Pro",Helvetica,Arial,sans-serif; 
    font-size:              75%;
}     

a {
    color:                  #ffffff;
    outline:                none;
    text-decoration:        none; 
}
a:hover {
    color:                  #F3A40B;
}
a:active {
    outline:                none;
}

ul {
    list-style:             none;
} 

input, textarea, select {
    padding:                2px;
    font-family:            "Myriad Pro",Helvetica,Arial,sans-serif;  
    font-size:              100%;
}

#header {
    overflow:               hidden;
    margin:                 10px 0 0;
}

#header #logo {
    background:             url("/media/images/logo.png") no-repeat scroll 0 0 transparent;
    float:                  left;
    height:                 107px;
    margin:                 10px 0 15px 0;
    width:                  500px;
}

#header #logo a {
    display:                block;
    height:                 107px;
    text-indent:            -5000px;
    width:                  325px;
}

#header #telephone {
    float:                  right;
    font-size:              2.5em;
    font-weight:            normal;
    margin:                 30px 0 0;
}

#header #navigation {
    float:                  right;
    font-size:              1.5em;
    margin:                 8px 0 0;
    /*width:                  1000px;*/
}  
#header #navigation li {
    float:                  left;
    list-style:             none; 
    margin:                 0 0 0 35px;
}   

#header #navigation li a {
    display:                block;
}
           
#site-wrapper {
    width:                  950px;
    margin:                 0 auto;
    text-align:             left;
}

#framework {
    min-height:             370px;
    overflow:               hidden;
    width:                  950px;
} 

.index {
    background:             transparent url(/media/images/home_bg.jpg) no-repeat scroll 170px 0;
}

.index #content {
    float:                  left;
    padding:                7px 0 0 30px;
    width:                  250px;      
}  
.index #rcontent {     
    float:                  right;
    margin:                 0;
    padding:                80px 0 0 0;
    width:                  453px;
}

.about {
    background:             transparent url(/media/images/about_bg.jpg) no-repeat scroll 170px 0;
}

.about #content {
    float:                  left; 
    padding:                9px 0 0 30px;
    width:                  250px;
} 
.about #rcontent {
    float:                  right;    
    margin:                 0;
    padding:                80px 0 0 0;        
    text-align:             left;
    width:                  450px;
}

.threed-visualisation li,
.digital-media li,
.web-hosting li,
.strategic-marketing li,
.websites li,
.advertising li,
.signage li,
.print-design li,
.printing li,
.photography li,
.branding li,
.corporate-identities li,
.exhibition li,
.illustration li,
.packaging li,
.point-of-sale li,
.copywriting li,
.public-relations li {
    color:                  #BCBCBC;
}

.digital-media,
.web-hosting,
.strategic-marketing,
.threed-visualisation,
.websites {
    background:             transparent url(/media/images/service_web_img.jpg) no-repeat scroll 170px 0; 
    /*height:                 460px;*/
}

.advertising,
.signage {
    background:             transparent url(/media/images/service_ad_img.jpg) no-repeat scroll 170px 0;   
    /*height:                 405px;*/
}

.photography,
.printing,
.print-design {
    background:             transparent url(/media/images/service_design_img.jpg) no-repeat scroll 170px 0;
    /*height:                 405px;*/
}

.branding,
.corporate-identities,
.exhibition {
    background:             transparent url(/media/images/service_branding_img.jpg) no-repeat scroll 170px 0;
    /*height:                 405px;*/
}

.illustration,
.packaging,
.point-of-sale {
    background:             transparent url(/media/images/service_pack_img.jpg) no-repeat scroll 170px 0; 
    /*height:                 405px;*/
}

.copywriting,
.public-relations {
    background:             transparent url(/media/images/service_pr_img.jpg) no-repeat scroll 170px 0; 
    /*height:                 405px;*/    
}

#content {
    float:                  left;
    padding:                0 0 0 30px;
    overflow:               hidden; 
    width:                  250px;   
} 
#rcontent {
    float:                  right;    
    text-align:             right;
    width:                  485px;  
}

#portfolio {
    float:                  left;
    padding:                10px 0;
    position:               relative;
    width:                  800px;
}  

#portfolio ul {
    position:               relative;
}

#portfolio #p-thumbs {
    margin:                 10px 0 10px 55px;
    overflow:               hidden;
    width:                  420px;
}

#portfolio #p-thumbs ul {
    margin:                 0 auto;
}

#portfolio #back {
    background:             url("/media/images/portfolio/left-arrow.png") no-repeat scroll 0 bottom transparent;
    bottom:                 7px;
    height:                 20px;
    left:                   25px;
    position:               absolute;           
}

#portfolio #forward {
    background:             url("/media/images/portfolio/right-arrow.png") no-repeat scroll 0 bottom transparent;
    bottom:                 7px;
    height:                 20px;
    right:                  25px;
    position:               absolute;           
}

#portfolio #back a,
#portfolio #forward a {
    display:                block;
    height:                 20px;
    width:                  20px;
}

#portfolio #back a:hover {
    background:             url("/media/images/portfolio/left-arrow-hover.png") no-repeat scroll 0 bottom transparent; 
}

#portfolio #forward a:hover {
    background:             url("/media/images/portfolio/right-arrow-hover.png") no-repeat scroll 0 bottom transparent; 
}

#portfolio #p-thumbs li {
    float:                  left;
    margin:                 0 8px 5px 0;
}

#portfolio #p-thumbs li a {
    display:                block;
}

#portfolio #p-thumbs li a img {
    border:                 1px solid #FFFFFF;
    width:                  25px;
}

#portfolio #p-content {
    height:                 360px;
    position:               relative;
    width:                  528px;
}

#portfolio #p-content a {
    display:                block;
    text-align:             center;
}

#portfolio #p-content a img {
    border:                 none;
    outline:                none;
}

#portfolio #p-content ul {
    height:                 360px;  
    margin:                 0 auto;
    max-width:              460px;
    width:                  460px;  
}

#portfolio #p-content ul li {
    display:                none;
    left:                   0;
    position:               absolute;
    top:                    0;
}

#portfolio #p-desc {
    float:                  right;
    padding:                0 0 0 10px;
    width:                  252px;
}

#portfolio #p-desc h4 {
    text-align:             justify;
}
 
.terms-and-conditions p {     
    margin:                 0 0 10px;
}

#content.fullwidth {
    width:                  920px;
}

#content.fullwidthmenu {
    padding:                8px 0 0 30px;
    width:                  770px;
}

.contact #content {
    float:                  left; 
    padding:                0 0 0 30px;
    width:                  280px;
}

.contact #content p {
    font-size:              1.1em;
}

.contact #rcontent {
    margin:                 0;
    padding:                0;
    text-align:             left;   
    width:                  640px; 
}

#subnav {
    float:                  left; 
    margin:                 10px 0 0 24px;
    width:                  125px;
}

#subnav li {
    margin:                 0 0 5px 0;         
}

#subnav li a {
    display:                block;
    font-size:              1.2em;
}

h1 {
    font-size:              1.333em;
    padding:                0;
    margin:                 0px 0px 15px 0px;
}  
h2 {
    font-size:              1.5em;
    padding:                0;
    margin:                 0px 0px 15px 0px;
}   
h3 {
    font-weight:            normal;
    font-size:              1.25em;
    color:                  #e0e0e0;
    padding:                0;
    margin:                 0px 0px 15px 0px;
}  
h4 {
    padding:                0;
    margin:                 0 0 15px 0;
    font-weight:            normal;
}    
h5 {
    font-size:              1.583em;
    padding:                0;
    margin:                 0px 0px 15px 0px;
}

/* start services css  */

#services_menu {
    position:               absolute;
    margin-top:             199px;
    padding-left:           30px;
    z-index:                1;
    width:                  635px;
}

#services_menu ul {
    list-style:             none;
    padding:                0;
    margin:                 0;
}
#services_menu li {
    display:                block;
    float:                  left;
    margin-right:           10px;
}

.contact-form fieldset {
    border:                 none;
}
.contact-form li {
    margin:                 4px 0;
    width:                  500px;
}
.contact-form li label {
    float:                  left;
    width:                  195px;
}
.contact-form textarea,
.contact-form input {
    width:                  290px;
}
.contact-form textarea {
    height:                 250px; 
}
.contact-form strong {
    color:                  #F3A40B;
    font-weight:            bold;
    padding:                0 0 0 3px;
}

#footer {
    height:                 110px;
    margin:                 35px 0 0;
    overflow:               hidden;
}
#footer #footer-info {
    font-size:              1.1em;
    margin:                 0 auto;
    overflow:               hidden;
    width:                  600px;
}

#footer #footer-info li {
    float:                  left;
    margin:                 0 30px 0 0;
}

#required {
    text-align:             right;
}
input.button {
    background:             none repeat scroll 0 0 #F3A40B;
    border:                 none;
    float:                  right;
    margin:                 0 9px 0 0;
    width:                  55px;
}   

a.selected {
    color:                  #F3A40B;
}

.rhover,
.hover:hover {
    -ms-filter:                         "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter:                             alpha(opacity=60);
    -moz-opacity:                       0.6;
    opacity:                            0.6;
}
.rhover:hover {
    -ms-filter:                         "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:                             alpha(opacity=100);
    -moz-opacity:                       1.0;
    opacity:                            1.0;
}