@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0;}

body { background: #eae7e4 url(../images/sitebg.jpg) repeat-x; margin:0 auto; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

p { font: 13px Arial, Helvetica, sans-serif; line-height:18px; margin-bottom:10px;}

h1 { font:30px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; font-weight:bold; margin-bottom:10px;}

h2 { font:24px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; margin-bottom:10px;}

h3 { font:20px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; font-weight:600;}

h4 { font:17px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px;}

h5 { font:14px Arial, Helvetica, sans-serif; letter-spacing:-1px; font-weight:normal;}

h6 { font:24px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; margin:10px 0;}

a { text-decoration:none; color:#444;}

a:hover { color:#aa0011;}

tr p { line-height:20px;}








#logo {	background: transparent; width:263px; height:105px; position:absolute; left:50%; margin-left:-480px; top:0px;}

#logo h1 {text-indent: -9000px; text-decoration: none; font-size:85px; overflow: hidden; }

#logo h1 a {display:block; }


#top { width:1000px; height:112px; margin:0 auto;}

#logo_top { width:304px; height:112px; margin-right:423px; float:left;}

#watermark {width:273px; height:112px; float:left;}



/*   nav   */


#navbg {  height:44px; background:url(../images/bg_nav2.png) no-repeat center;}

#nav_container { width:1000px; margin:0 auto; height:44px;}

#nav { width: 686px; height:30px; margin:auto; background:#da0000; float:left; margin:7px 0; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing:normal;}

#navslogan { width:314px; height:30px; margin:7px 0 0 0; float:left; background:url(../images/bg_navslogan.png);}

#nav ul { list-style:none; padding:7px 0; }

#nav li { display:inline; padding:0 ;}

#nav li a { color:#fff; padding:7px;}

#nav li a:hover { color:#000;  padding:7px;}

#nav #currentpage a {  color:#000; background:#fff; border-bottom:2px solid #fff;}



#container { width:1000px; margin:0 auto;}

#container2 { width:1000px; margin:15px auto;}

#container_client { padding:0 10%; background: center;}

.imgbdr {border:solid 5px #999; margin:20px 0 20px 20px;}

.container50 { width:480px; padding:10px; margin-top:10px; float:left;}

.container50 img { border:solid 1px #222;}

#container_left { width:314px; float:left; }

#container_left h5 { margin:30px 0;}

#container_right { width: 626px; float:left; margin:0 0 0 30px;}


#container_right_diverse { width: 626px; float:left; margin:0 0 0 30px; text-align:justify;}

#container_right_diverse ul { margin-left:30px; margin-bottom:10px;}

#container_right_diverse li { line-height:18px;}

#container_right_diverse h4 { font:17px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; margin-bottom:10px;}


#h_home_capabilities { width:314px; margin:0; text-align:right;}

.capability { width:304px; height:22px; margin-bottom:15px;}

.capability h5 { padding-top:5px;}

.check { background:url(../images/check.png) no-repeat top left; font:15px Georgia, "Times New Roman", Times, serif; height:22px; width:auto; float:left; letter-spacing:-.05em; padding-left:35px; margin:12px 0px;}

.checksm { background:url(../images/checksm.png) no-repeat top left; font:13px Georgia, "Times New Roman", Times, serif; height:18px; width:300px; float:left; padding-left:22px; margin:5px 0px; clear: both;}

#container_right_home {  width: 666px; float:left; background:url(../images/bg_home_padright.png) repeat-y left; height:100%;}

#container_right_welcome {  width: 666px; float:left; background:url(../images/bg_home_padright.png) repeat-y left; min-height:550px;}

#photofashionshow { width:620px; height:460px; background:url(../images/bg_slideshow.jpg); padding:10px; margin:20px 0 26px 20px;}

#photohome {width:620px; height:460px; margin:auto;}





/*  List  */


.list { margin-bottom:10px; height:130px;}

.list div { width:284px; height:100px; overflow:hidden; float:left; margin-right:15px; border:1px solid #ccc;}

.list div img {   }

.list h4 {  padding-top:10px; font-weight:bold; color:#555;}

.list h4 a { text-decoration:none; color:#555;}

.list h4 a:hover { color:#c30000;}

.list p { color: #c30000; text-transform:uppercase; margin-bottom:5px;}

.list small { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#333; }

.list small img { margin-top:7px;} 




/*  Grid  */

.grid { margin-bottom:10px; height:160px; float:left; width:430px; margin-right: 20px; padding:0 15px 15px 0;}

.grid div { width:150px; height:140px; overflow:hidden; float:left; margin-right:15px; border:1px solid #ccc;}

.grid div img {}

.grid h4 {  padding-top:5px; font-weight:bold; color:#555;}

.grid h4 a { text-decoration:none; color:#555;}

.grid h4 a:hover { color:#c30000;}

.grid p { color: #c30000; text-transform:uppercase; margin-bottom:5px;}

.grid small { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#333;}

.grid small img { margin-top:5px;} 





/*  pages  */

.header { width:284px; height:217px; border:1px solid #444; background:#ccc;}

.header_core { width:955px; padding:5px; margin: 0 auto; text-align:center; border:1px solid #999; background:#CDCDCD;}

.pad10 {padding:10px 0px 20px 10px; line-height:20px; text-transform:capitalize;}

.pad1020 {padding:10px 20px; text-align: justify;}

.pad20 {padding:20px 30px; text-align: justify;}

.pad20 blockquote { margin-left:30px; margin-bottom:20px; margin-right:60px; text-align:justify;}

.pad20 ul { margin-left:30px; margin-bottom:20px; list-style-type:disc;}
				
.pad20 li { line-height:20px;  list-style-type:disc; margin-left:30px; }

.pad50 { padding:20px 50px;}

.pad50 li { margin-left:30px; line-height:18px;}

.pad20right { padding-right:20px; text-align: justify;}

.core_right li { list-style: disc; list-style-type:disc;  } 

.welpad { background: url(../images/bg_weleft.png) no-repeat top right; padding:20px 15px 0 0; margin-top:15px; text-align:justify;}

.resourcepad { margin-top:20px;}



.padsitemap { padding-top:20px;}

.sitemap_column { font-size:11px; text-align:justify; background:#CCC; border:solid 1px #999; width:300px; padding:10px; margin:5px; float:left;}

.justify { }


.margin20 {margin:20px 0;}

.margin202 { margin:20px 20px 20px 0;}

.core_left { width:315px; padding-top:20px; padding-bottom:20px; float:left;}

.core_left_capability { height:16px; margin-bottom:12px;}

.core_right {width:600px; float:left;}

.core_right h1 { font:29px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; font-weight:bold; margin-bottom:10px;}


.welpad {padding:5px 0px;}

.welcontent { background:#CCC; border:solid 1px #999; width:430px; margin: 0px 10px; padding:10px; float:left;}

.welcontent ul {list-style:none; margin-left:20px;}
				
.welcontent li {margin-bottom:15px; display:block;}

.welcontent h4 {border-bottom:solid 1px #999; padding-bottom:10px; margin:0px 10px 10px 0px;}






/*  work  */

.worknav { background: #FFF url(../images/bg_worknav2.jpg) repeat-x bottom; font-size:11px; height:28px; padding-top:14px; text-transform:uppercase; width:100%; position:absolute; top:154px; text-align:center; border-bottom:solid 1px #222;}

.worknava { position:absolute; left:50%; top:14px; margin-left:-470px;}

.worknavb { position:absolute; left:50%; margin-left:250px; top:5px; }

.workbox { width:955px; height:350px; margin:-20px auto 0 auto;}

.workboxnav {padding:10px 0px;}



.worknav li { list-style:none; display:inline; margin-left:5px; font-weight:bold; }

.worknav li a { color:#FFF; text-decoration:none; background:url(../images/bg_b_worknav.jpg) repeat-x center; padding:7px; border:solid 1px #900; }

.worknav li a:hover { color:#FFF; text-decoration:none; background:url(../images/bg_b_worknav2.jpg) repeat-x center; padding:7px; border:solid 1px #222;}


.worknav li2 { visibility:hidden; background: transparent;}

.worknav li2 a { color: #FF9; text-decoration:none;}

.worknav li2 a:hover { color: #000; text-decoration:none;}



#container_work { width:1000px; margin:0 auto; padding-top:40px;}

#work_left { width:274px; float:left; margin-left:10px; padding:20px 10px 0 0;}

#work_left img { margin-bottom:15px; border: solid 1px #222;}

#work_left h3 { font:18px Arial, Helvetica, sans-serif; letter-spacing:-.05em; color:#C00; line-height:22px; margin:0;}

#work_left ul {  margin:20px 0  20px 30px; list-style-type:disc;}

#work_left li {line-height:20px;  list-style-type:disc; }

.workback { border:none;}

.workfeat { background:url(../images/bg_workfeat.png) no-repeat top center; padding-top:10px; margin-top:10px;}






/*   footer   */


#footer_container { width:1000px; margin:0 auto;}

#footer_left { width:304px; float:left; height:160px; margin-left:30px;}

#footer_left h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#555; line-height:19px;}

#footer_right { width:664px; float:left; height:120px;}

#footer_links { font-size:11px; margin-left: 50px; margin-top:35px; text-align:right;}

#footer_links a { padding: 0 4px; text-transform:uppercase; color:#444;}

#footer_links a:hover { padding: 0 4px; color:#aa0011;}

#footer_copy { float:left; width:720px; margin-top:15px; margin-left:30px;}

#footer_copy p { color:#444; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

#l_footer { width:258px; height:63px; margin:28px 0 15px 0;}

#footer { width:100%; background:url(../images/bg_footer.jpg) repeat-x; height:228px;}



/*  clients  */

ul.column{ width:100%; padding: 0; margin: 10px auto; list-style: none; }

ul.column li { float: left; width: 200px; padding: 0; margin: 5px 0; display: inline;}

.block { height: 100%; font-size: 1em; margin-right: 10px; padding: 20px;}

.block h2 { font-size: 1.8em;}

.block img { width: 89%; padding: 5%; background:#fff; margin: 0 auto; display: block; -ms-interpolation-mode: bicubic;}



.TabbedPanelsTabGroup li { list-style: none; display: inline; padding:10px 0 0 20px; outline: none; color:#069; cursor: pointer; float:right; }

.TabbedPanelsTabGroup2 li { list-style: none; display: inline; padding: 0 10px 10px 0; outline: none; cursor: pointer; }

.TabbedPanelsContent { margin-top: 10px;}


.list_thumb { width:284px; padding:10px; float: left; margin:12px; }

.list_thumb h3 { font:18px Arial, Helvetica, sans-serif; letter-spacing:-.05em; margin-top:5px;}

.list_thumb img { border:solid 3px #777;}

.list_thumb img:hover{ border:solid 3px #CC0000;}

.list_thumb a { text-decoration:none; color:#222;}

.list_thumb a:hover { text-decoration:none; color: #CC0000;}




/*   Collapsible Panel   */

.CollapsiblePanel { margin: 0px; padding: 0px 0px 20px 20px; }

.CollapsiblePanelTab { font: bold 0.7em sans-serif; margin: 0px; padding: 2px; cursor: pointer; outline:none; -moz-user-select: none; -khtml-user-select: none;}

.CollapsiblePanelContent { margin: 0px; padding: 0px;}



.CollapsiblePanelTab a { color: #000; text-decoration: none;}

.CollapsiblePanelOpen .CollapsiblePanelTab {}

.CollapsiblePanelClosed .CollapsiblePanelTab {}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {}

.CollapsiblePanelFocused .CollapsiblePanelTab {}






/*   colours   */

.ltgrey {color:#999;}