/* Layout */
/*-------------------------------*/

body {
font-size: 0.76em;
padding: 0 0 0 0px; 
margin:0 0 0 0px;
background-color:#101010;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../media/images/ecms-page-bg.jpg);
background-repeat:repeat-x;
background-position:center-top;
height:100%;
}
#head-container {
width: 849px;
margin: 0px auto;  
padding:0 0 0 0px;
}
#our-work-head-container {
width: 849px;
height:217px;
margin: 0px auto;  
padding:0 0 0 0px;
}
#container {
width: 849px;
margin: 0px auto;  
padding:0 0 0 0px;
}
#our-work-container {
width: 849px;
margin: 0px auto;  
padding:0 0 0 0px;
}
#container-foot {
width: 100%;
height:259px;
margin: 0px auto;  
padding:0 0 0 0px;
background-color:#000000;
background-image:url(../media/images/ecms-cont-footfull-bg.jpg);
background-repeat:repeat-x;
background-position:top right;
}
#container-foot-body {
width: 849px;
margin: 0px auto;  
height:260px;
text-align:left;
}
#container-foot-body a {
color:#666666;
}
#container-foot-body a:hover {
color:#cccccc;
}
img {
border:0px;
}
img a {
border:0px;
}
b {
font-weight:normal;
}
strong {
font-weight:normal;
}
/* header */
/*-----------------------------------*/
#header{
clear: both;
width: 824px;
height: 160px; 
text-align:left;
background-image:url(../media/images/ecms-header-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
padding-left:24px;
}
#our-work-header{
clear: both;
width: 849px;
height: 217px; 
text-align:left;
background-image:url(../media/images/ecms-work-header-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
}
/*-----------------------------------*/
/* Holder for body area of pages */
/*------------------------------------*/
#body-content {
clear: both;
float: left; 
width:617px; 
}
/*-----------------------------------*/
/* Content Holder */
/*------------------------------------*/
#content {
clear: both;
float: left; 
width:404px; 
margin-bottom:50px;
}
#content-port-client {
clear: both;
float: left; 
width:404px; 
margin-bottom:50px;
}
#content-port {
clear: both;
float: left; 
width:404px; 
margin-bottom:50px;
}
#content-full {
clear: both;
float: left; 
width:583px; 
padding-left:34px;
margin-bottom:50px;
}
#content-rgt {
float:right;
width:213px;
height:343px;
background-image:url(../media/images/ecms-content-rgt-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#content-rgt-seo {
float:right;
width:213px;
height:343px;
background-image:url(../media/images/ecms-content-rgt-seo-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#content-rgt-web {
float:right;
width:213px;
height:343px;
background-image:url(../media/images/ecms-content-rgt-web-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#content-rgt-nudge {
float:right;
width:213px;
height:343px;
background-image:url(../media/images/ecms-content-rgt-nudge-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#content-rgt-brand {
float:right;
width:213px;
height:343px;
background-image:url(../media/images/ecms-content-rgt-brand-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#content-rgt-cms {
float:right;
width:213px;
height:343px;
background-image:url(../media/images/ecms-content-rgt-cms-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#content-rgt-port {
float:right;
width:213px;
height:343px;
background-image:url(../media/images/ecms-content-rgt-port-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
}
/*-----------------------------------*/
/* Right hand sub menu*/
/*------------------------------------*/
#submenu {
float:right;
width:213px;
height:80px;
padding-top:113px
}
#submenu ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}
#submenu li {
list-style-type:none;
list-style-position:outside;
color:#ffffff;
}
#submenu li a {
text-decoration:none;
color:#666666;
cursor:pointer;
padding-left:0px;
font-size:0.90em;
list-style-type:none;
list-style-position:outside;
padding-left:14px
}
#submenu li a:hover {
text-decoration:none;
color:#ffffff;
padding-left:0px;
padding-left:14px
}

/* Right hand sub menu SEO*/
/*------------------------------------*/

#submenu-seo {
float:right;
width:213px;
padding-top:113px;
height:80px;
}
#submenu-seo ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}
#submenu-seo li {
list-style-type:none;
list-style-position:outside;
color:#ffffff;
}
#submenu-seo li a {
text-decoration:none;
color:#FFA466;
cursor:pointer;
padding-left:0px;
font-size:0.90em;
list-style-type:none;
list-style-position:outside;
padding-left:14px
}
#submenu-seo li a:hover {
text-decoration:none;
color:#666666;
padding-left:0px;
padding-left:14px
}

/* Right hand sub menu WEB*/
/*------------------------------------*/

#submenu-web {
float:right;
width:213px;
padding-top:113px;
height:80px;
}
#submenu-web ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}
#submenu-web li {
list-style-type:none;
list-style-position:outside;
color:#ffffff;
}
#submenu-web li a {
text-decoration:none;
color:#64E0FF;
cursor:pointer;
padding-left:0px;
font-size:0.90em;
list-style-type:none;
list-style-position:outside;
padding-left:14px
}
#submenu-web li a:hover {
text-decoration:none;
color:#666666;
padding-left:0px;
padding-left:14px
}

/* Right hand sub menu BRAND*/
/*------------------------------------*/

#submenu-brand {
float:right;
width:213px;
padding-top:113px;
height:80px;
}
#submenu-brand ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}
#submenu-brand li {
list-style-type:none;
list-style-position:outside;
color:#ffffff;
}
#submenu-brand li a {
text-decoration:none;
color:#DC72BA;
cursor:pointer;
padding-left:0px;
font-size:0.90em;
list-style-type:none;
list-style-position:outside;
padding-left:14px
}
#submenu-brand li a:hover {
text-decoration:none;
color:#666666;
padding-left:0px;
padding-left:14px
}

/* Right hand sub menu CMS*/
/*------------------------------------*/

#submenu-cms {
float:right;
width:213px;
padding-top:113px
}
#submenu-cms ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}
#submenu-cms li {
list-style-type:none;
list-style-position:outside;
color:#ffffff;
}
#submenu-cms li a {
text-decoration:none;
color:#AEFF5E;
cursor:pointer;
padding-left:0px;
font-size:0.90em;
list-style-type:none;
list-style-position:outside;
padding-left:14px
}
#submenu-cms li a:hover {
text-decoration:none;
color:#666666;
padding-left:0px;
padding-left:14px
}

#submenu-port {
float:right;
width:213px;
height:90px;
padding-top:113px
}
#submenu-port ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}
#submenu-port li {
list-style-type:none;
list-style-position:outside;
color:#ffffff;
}
#submenu-port li a {
text-decoration:none;
color:#666666;
cursor:pointer;
padding-left:0px;
font-size:0.90em;
list-style-type:none;
list-style-position:outside;
padding-left:14px
}
#submenu-port li a:hover {
text-decoration:none;
color:#ffffff;
padding-left:0px;
padding-left:14px
}

/*-----------------------------------*/
/* Main menu*/
/*------------------------------------*/
#nav {
float:left;
width:211px;
height:181px;
padding-left:21px;
padding-top:16px;
background-image:url(../media/images/ecms-menu-bg.jpg);
background-position:top center;
background-repeat:no-repeat;
}
#nav ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}
#nav li {
list-style-position:outside;
color:#333333;
padding-right:5px;
list-style-type:none;
}
#nav li a {
text-decoration:none;
color:#666666;
cursor:pointer;
padding-left:0px;
font-size:0.90em;
list-style-type:none;
}
#nav li a:hover {
text-decoration:none;
color:#ffffff;
padding-left:0px;
}
#nav a {
text-decoration:none;
color:#ffffff;
cursor:pointer;
padding-left:6px;
font-size:1.0em;
}
#nav a:hover {
text-decoration:none;
color:#333333;
padding-left:6px;
}
/*-----------------------------------*/



/*-----------------------------------*/
/* Right Options */
/*-------------------------------------*/
#navright{
float: right; 
width: 232px; 
margin:0 0 0 0px;
height:521px;
}
/*--------------------------------------*/

/* Footer */
/*-------------------------------*/
#footer {
clear: both;
width: 814px;
height: 90px;
padding-left:34px;
}
/*-----------------------------------*/