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

body {
text-align: center;
background: #fff url(bg_body2.png) repeat-x 0 0;
padding: 0px;
margin: 0;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
z-index: 1;
line-height: 1.3em;
}

#wrapper {
width: 979px;
margin: 0 auto;
text-align: left;
position: relative;
}

#header {
position: relative;
height: 170px;
}

#header a#logo {
height: 160px;
width: 245px;
display: block;
background: url(sprites.png?v=2) -3px -43px;
}

#header .contact {
position: absolute;
top:55px;
right: 30px;
}

#nav {
position: absolute;
bottom: 0;
right: 0;
}

#content {
padding-top: 5px;
border-top: 2px #b7b7b7 solid;
}

body#home #content {
padding-top: 0px;
border-top: none;
border-bottom: 10px #889C00 solid;
margin-bottom: 17px;
}

#contenthead {
border-bottom: 10px #889C00 solid;
background: url(contenthead_bg.jpg) 0 0 no-repeat;
padding-bottom: 1px;
}

#contenthead img {
margin-left: 136px;
}

/*---- home feature ----*/

#feature {
border: 2px #B7B7B7 solid;
border-bottom: none;
padding: 5px 0px 1px 5px;
}

#feature #flashcontent {
width: 713px;
height: 225px;
float: left;
background: #fff;
padding-right: 1px;
}

#feature #newsitems {
width: 251px;
height: 225px;
background: url(bg_newsitems.jpg) no-repeat 0 0;
overflow: hidden;
}

/*---- end home feature ----*/

#main {
float: left;
display: inline;
width: 560px;
margin: 40px -560px 40px 137px;
}

body#portfolio #main{
width: 585px;
margin-right: -585px;
}

body.casestudies #content #main{
width: 844px;
margin-right: -844px;
}

#main2 {
background: url(main2_bg.gif) repeat-y 7px 0;
}

#main2 #col1, #main2 #col2, #main2 #col3  {
float: left;
display: inline;
margin-top: -3px;
}

#main2 #col1 {width: 467px; margin-left: 7px;}
#main2 #col2 {width: 213px; margin-left: 23px;}
#main2 #col3 {width: 225px; margin-left: 24px;}


#sidebar {
float: right;
width: 240px; /* 257- 1-16 */
margin-top: 40px;
padding: 0px 0px 0px 16px;
border-left: 1px #c1c1c1 solid;
}

body#portfolio #sidebar, body.casestudies #sidebar{
border-left-color: #fff;
}


#sidebar form {
width: 206px;
}

#sidebar label, #sidebar input, #sidebar textarea {
display: block;
width: 206px;
margin: 0;
padding: 0px;
}

#sidebar label, #sidebar button {
margin-top: 9px;
}

#sidebar button {
margin-bottom: 16px;
}

#sidenav {
float: left;
width: 117px;
padding-top: 40px;
margin-left: -137px;
display: inline;
}

#sidenav ul {
list-style-type: none;
padding: 0px;
margin: 0;
}

#quicklinks {
list-style-type: none;
padding: 0px;
margin: 0 0 20px 0;
clear: both;
border: 1px #C1C1C1 solid;
border-left: none;
border-right: none;
padding: 14px 0px 12px 0px;
}

#quicklinks li {
padding-left: 14px;
margin-bottom: 2px;
background: url(bullet_quick.gif) 0 3px no-repeat;
}

/*umma*/

#infobox {
clear: both;
background: url(infobox_bg.jpg) no-repeat 0 0;
height: 138px;
border: 1px #C1C1C1 solid;
border-left: none;
border-right: none;
overflow: hidden;
}

#infobox ul, #infobox li {
list-style-type: none;
padding: 0px;
margin: 0;
}

#infobox li{
float: left;
}

#infobox li a {
display: block;
height: 138px;
}

#infobox #one a {width: 205px;}
#infobox #two a {width: 196px;}
#infobox #three a {width: 207px;}
#infobox #four a {width: 182px;}
#infobox #five a {width: 180px;}

#footer {
padding: 11px 0px 7px 0px;
margin: 0 8px 40px 8px;
color: #405B77;
text-align: left;
border-bottom: 1px #C1C1C1 solid;
}

#footer #address {
float: right;
width: 260px;
margin-left: 20px;
display: inline;
}

#address ul {
list-style-type: none;
padding: 0px;
margin: 6px 0 0 0;
clear: both;
}

#address li {
padding-left: 12px;
margin-bottom: 2px;
background: url(bullet_address.gif) 0 4px no-repeat;
}

.contactblock{
border: 1px #ccc solid;
border-left: none;
border-right:none;
padding-top: 10px;
width: 300px;
}

/*---- portfolio image css ----*/

#clients{
float: left;
width: 212px;
margin: 0;
padding: 0px;
list-style-type: none;
text-align: right;
line-height: 1em;
}

#clients li{
padding-bottom: 7px;
}

#portfolioitem{
width: 361px;
font-size: 11px;
float: right;
}

#pictureholder{
border: 1px #ccc solid;
height: 281px;
width: 359px;
position: relative;
overflow: hidden;
}

#pictureholder div{
position: absolute;
height: 281px;
width: 5000px;
}

#pictureholder img{
float: left;
}

#sitelink{
float: right;
width: 100px;
text-align: right;
padding-top: 5px;
}

#controller{
padding: 3px 0px 4px 0px;
margin-bottom: 5px;
border-bottom:	1px #ccc solid;
}

#controller a{
font-size: 9px;
padding: 0px 3px 0px 3px;
margin: 0px;
background: #878787;
color: #FFF;
}

/*---- case studies ---*/

ul#caseselector{
margin: 0;
padding: 0px;
list-style-type: none;
font-size: 10px;
}

ul#caseselector li{
display: inline;s
}

#caseselector a, #caseselector a:active{
display: block;
float: left;
color:  #ccc;
padding-top: 48px;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
width: 120px;
margin-right: 13px;
}

a#case1{background-image: url(case_study_01.jpg);}
a#case2{background-image: url(case_study_02.jpg);}
a#case3{background-image: url(case_study_03.jpg);}
a#case4{background-image: url(case_study_04.jpg);}
a#case5{background-image: url(case_study_05.jpg);}
a#case6{background-image: url(case_study_06.jpg);}

#caseselector a:hover, #caseselector a.active, #caseselector a.active:active {
color: #000;
text-decoration: none;
background-position: -152px 0;
}

#case ul{
margin: 0;
padding: 0px;
list-style-type: none;
}

#case{
position: relative;
}

#case li{
display: block;
position: absolute;
top: 0;
left: 0;
}


/*---- formatting ----*/

.green {color: #606701;}
.dkgreen {color: #646900;}
.blue {color: #013269;}
.redbold{font-weight: 700;color: #990000;}

.intro {color: #013269; font-size: 15px; line-height: 1.2em;}
.smalltxt {font-size: 9px;}

h1 {color: #013269; font-size: 18px; font-weight: 100; margin-top: 0;}
h2 {color: #013269; font-size: 15px; font-weight: 100; margin-bottom: 0;}

h5 {color: #013269; font-size: 12px; font-weight: 100; margin: 0 0 4px 0;}

#contactformform h3{color: #666; text-transform: uppercase; border-bottom: 1px #CCC solid;}

#header .contact {font-size: 11px; text-transform: uppercase;}

#main p {margin: 0 0 .75em 0;}
#main2 p, #main p{line-height: 1.4em;}
body.casestudies #main p{width: 560px;}

dl {line-height: 1.3em;}
dt {color: #013269;}


body#home h2 {margin-top: 0; font-size: 13px;}
/*
body#home h2 {color: #FFC24B; font-size: 14px; text-transform: uppercase; margin: 0 0 4px 0;}
body#home #main2 p {margin: 0 0 10px 0;  line-height: 15px;}
*/

#newsitems h2{
font-size: 12px;
color: #C5CF20;
text-transform: uppercase;
margin: 0;
padding: 10px 0px 10px 14px;
}

#newsitems{
font-size: 11px;
color: #94BEE1;
}

body#home #col1 .intro{
font-size: 17px;
color: #333;
margin-bottom: 0;
margin-top: 0;
}

body#home #col2 p, body#home #col3 p{
margin-top: .5em;
}

#col2 ul{
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
}

#nav{font-size:14px;}
#sidenav{font-size:11px;}
#footer {font-size: 9px;}
#address {font-size: 11px; color: #4d4e4f; line-height: 14px;}
#sidebar {font-size: 12px;}
#sidebar p {line-height: 1.1em; margin-top: 0;}
#sidebar label {font-size: 9px; color: #333; text-transform: uppercase;}

.nomargin {margin: 0;}

/*---- navigation ----*/

/* nav */

#nav ul {
list-style-type: none;
padding: 0px 30px 0px 0px;
margin: 0;
}

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

#nav a {
float: right;
display: block;
text-transform:capitalize;
padding: 4px 0px 5px 0px;
}

/* sidenav */

#sidenav ul {
border-top: 1px #c1c1c1 solid;
}

#sidenav li {
border-bottom: 1px #c1c1c1 solid;
padding: 4px 0px 4px 7px;
}

/*---- links ----*/

a, a:active {
text-decoration: none;
color: #455F7F;
}

a:hover {
text-decoration: underline;
}

#nav a, #nav a:active {
margin-left: 27px;
color: #175089;
}

#nav a:hover {
color: #999;
text-decoration: none;
}

#newsitems a, #newsitems a:active{
color: #94BEE1;
}


body#home #nav .menu0 {
display: none;
}

body#whycreativibe #nav .menu1 a, body#whycreativibe #nav .menu1 a:active,
body#about #nav .menu2 a,         body#about #nav .menu2 a:active,
body#services #nav .menu3 a,      body#services #nav .menu3 a:active,
body#portfolio #nav .menu4 a,     body#portfolio #nav .menu4 a:active,
body#news #nav .menu5 a,          body#news #nav .menu5 a:active,
body#givingback #nav .menu6 a,    body#givingback #nav .menu6 a:active,
body#contact #nav .menu7 a,       body#contact #nav .menu7 a:active {
color: #999;
}

#quicklinks a, #address ul a {
color: #013269;
}

body#home #quicklinks a {
color: #C1C1C1;
}

body#home .slidetext a {
color: #79BFFF;
}

#footer a {
margin: 0 4px;
}

#footer a.first {
margin-left: 0;
}

body.link1 #sidenav li.link1,
body.link2 #sidenav li.link2,
body.link3 #sidenav li.link3,
body.link4 #sidenav li.link4,
body.link5 #sidenav li.link5,
body.link6 #sidenav li.link6,
body.link7 #sidenav li.link7,
body.link8 #sidenav li.link8,
body.link9 #sidenav li.link9,
body.link10 #sidenav li.link10,
body.link11 #sidenav li.link11,
body.link12 #sidenav li.link12,
body.lin13 #sidenav li.link13,
body.link14 #sidenav li.link14,
body.link15 #sidenav li.link15{
background: url(sidenav_bg.gif);
}

#sidenav a, #sidenav a:active {
color: #013971;
}

#sidenav a:hover {
color: #4e749C;
text-decoration: none;
}

#clients a, #clients a:active {
color: #535353;
font-size: 11px;
}

#clients a:hover, #clients a.active{
color: #036;
text-decoration: none;
}

#sitelink{
font-weight: 700;
font-size: 10px;
color: #036;
}

#getting_started{
display:block;
width:157px;
height:33px;
background:url(home_getstartedtoday_roll.png) 0 0 no-repeat;
margin-bottom:20px;
}

#getting_started:hover{
background-position: left bottom;
}

/*---- forms ----*/

.searchbtn{
background:url(sprites.png) -3px -4px no-repeat;
height:17px;
width:70px; 
text-indent:-9999px;
padding:0; 
border:0; 
cursor:pointer; 
display:block;
} 

#sidebar .searchbtn{
float: right;
}


.searchbtn:hover{
background-position: -3px -21px;
}

#contactformform {
font-size: 10px;
}

.contactform td {
padding-right: 5px;
padding-bottom: 5px;
}


/*---- lists, dl ----*/

dl, dt, dd {
margin: 0;
padding: 0px;
}

dd {
padding-bottom: 6px;
}

.triangles {
list-style-type: none;
padding: 4px 0px 12px 0px;
margin: 0;
}

.triangles li {
padding-left: 14px;
margin-bottom: 2px;
background: url(bullet_quick.gif) 0 3px no-repeat;
}

#newsitems ul{
margin: 0;
padding: 0px 14px 0px 14px;
list-style-type: none;
}

#newsitems li{
padding-bottom: 10px;
}

#col2 ul {
padding: 0px 0px 12px 0px;
margin: 0;
list-style-type: none;
}

#col2 li{
padding-left: 12px;
margin-bottom: 2px;
}

li.bluesq{background: url(bluesq.gif) 0 4px no-repeat;}
li.ornagesq{background: url(ornagesq.gif) 0 4px no-repeat;}
li.redsq{background: url(redsq.gif) 0 4px no-repeat;}
li.greensq{background: url(greensq.gif) 0 4px no-repeat;}

/*---- utilities ---*/

img{
border: none;
}

.hidden {
position: absolute;
left: -9999px;
}

.spacer {height: 16px; background:#FFF;}
.clearer { clear: both; }