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

html, body {height:100%; margin: 0; padding:0; color:#000; font:12px Arial, Verdana, Helvetica, sans-serif; text-align: center;}
form {padding:0; width:150px;}
img {border:0px;}
address {font-style:normal;}
a {text-decoration: none; color:#FFF;}
a:hover {text-decoration: underline; color:#FFF; }
hr {display: none; visibility: hidden;}
label {font-weight:normal;}
fieldset {border: 0; margin: 0; padding: 0;}
p {line-height: 1.4em; padding:0; margin:0 0 1.4em 0;}
textarea {font-family: Arial, Helvetica, sans-serif; font-size:1em;}
input {padding-top:5px; height:22px; width:176px; font-family: Arial, Helvetica, sans-serif;}
input.field {width:150px; color:#000; border-top: #291b26 1px solid; font-size:1em; border-left: #291b26 1px solid; border-right: #8f6e88 1px solid; border-bottom: #8f6e88 1px solid; background:#7a5271;}
input.submit {color: #000; border:none; background:#FFF; font-weight:bold; height:22px; width:150px; font-size:1.1em; cursor:pointer;}
select {font-family: Arial, Helvetica, sans-serif; font-size:1em;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

#siteContainer {width:946px; margin:0 auto; padding:0; font-size: 1em; text-align: left; position:relative;}


embed {margin-top:100px;}
/* header */

#header {float:left; border-bottom:30px #FFF solid; background:#e23b30; position:relative; width:946px;}
#header h1 {float:left; clear:left;}
#header ul {float:left; position:absolute; top:31px; right:31px; margin:0; list-style-type: none; padding:0;}
#header li {margin: 0; padding: 0;}
#header ul li {float:left; height:14px; display:inline;}
#header ul li img {height:14px; display:block; float:left;}
#header ul.sublinks {width:600px; color:#e2cac8; font-size:11px; position:absolute; top:54px; right:7px;}
#header ul.sublinks li {margin-right:16px;}
#header ul.sublinks li.last {margin:0;}
#header ul.sublinks li a {color:#e2cac8;}
#header ul.sublinks li a.linkon {color:#FFF;}

/* home */

#content {float:left; clear:left; width:946px; background:url(../images/gradient.gif) bottom left repeat-x scroll;}
#content h1 {font-size:31px; background:#e23b30; color:#FFF; font-weight:normal; border-bottom:15px #FFF solid;}
#content h1.short {width:529px; height:48px; padding:12px 0 0 30px; margin-right:30px; background:url(../images/h1rightred.gif) #e23b30 top right no-repeat scroll; border-bottom:15px #FFF solid;}
#content h1.long {width:882px; height:48px; padding:12px 0 0 30px; margin-right:30px; border-bottom:15px #FFF solid;}
#content h1.long.red {background:url(../images/h1rightred.gif) #e23b30 top right no-repeat scroll;}
#content h1.long.blue {background:url(../images/h1rightblue.gif) #0091ce top right no-repeat scroll;}
#content h1.long.green {background:url(../images/h1rightgreen.gif) #519858 top right no-repeat scroll;}
#content h1.long.yellow {background:url(../images/h1rightyellow.gif) #f7bd5b top right no-repeat scroll;}
#content h1.long.grey {background:url(../images/h1rightgrey.gif) #999999 top right no-repeat scroll;}
#content h1.long2 {width:882px; height:83px; padding:10px 0 0 30px; margin-right:30px; background:url(../images/h1right2.gif) #e23b30 top right no-repeat scroll; border-bottom:15px #FFF solid;}
#content img.answers {margin:0; float:left; padding:0 0 2px 0;}
#content img.subheader {margin:30px 0 0 0; float:left; padding:0;}
#content ul {margin: 0; padding: 30px 0 0 0; list-style-type: none; width:550px;}
#content li {font-weight:bold; color:#666; line-height:26px; background:url(../images/tick.gif) no-repeat scroll; padding-left:30px;}
#content ul.question {float:left; width:560px;}
#content2 {float:left; width:946px; background:#e8e8e8; border-bottom:10px solid #e8e8e8;}
#content2 p.left {margin:30px 15px 0px 30px; display:inline; line-height:20px; color:#555; width:428px; float:left;}
#content2 p.right {margin:30px 30px 0px 15px; display:inline; line-height:20px; color:#555; width:428px; float:left;}

/* Y Use us*/

#yuseus {float:left; width:560px; height:880px; border-right:30px #FFF solid;}
#yuseus h1 {font-size:31px; background:#e23b30; color:#FFF; font-weight:normal; border-bottom:15px #FFF solid;}
#yuseus h1.short {width:529px; height:48px; padding:12px 0 0 30px; margin-right:30px; background:url(../images/h1rightred.gif) #e23b30 top right no-repeat scroll; border-bottom:15px #FFF solid;}
#yuseus img.subheader {border-bottom:15px #FFF solid; border-left:30px #FFF solid; border-top:30px #FFF solid;}
#yuseus ul {list-style-position:outside; display:inline; margin:0; padding:0; width:550px;}
#yuseus ul li {margin-left:30px; padding:0; list-style-image: url(../images/redbullet.gif); clear:left;}
#yuseus ul li.bottom {margin-top:30px;}
#yuseus ul li ul li {margin-bottom:10px; padding:0; border:0;}
#yuseus ul li ul li.greyarrow {list-style-image: url(../images/greybullet.gif);}
#yuseus ul li ul li.redcircle {list-style-type:none; list-style-image:none; background:url(../images/circlebullet.gif) 0 no-repeat scroll; padding-left:20px; line-height:22px;}
#yuseus ul li ul {margin:15px 0; float:left;}

#contentbox {float:left; width:323px; background:url(../images/foldred.jpg) #e23b30 top right no-repeat scroll; padding-bottom:30px; border-bottom:60px #FFF solid;}
#contentbox.thankyou {height:303px;}
#contentbox.yuseus {border-bottom:30px #FFF solid;}
#contentbox img {margin:30px 23px 0 40px; display:inline; padding:0;}
#contentbox ul {list-style-position:outside; display:inline; margin:0; padding:0; }
#contentbox ul li {color:#FFF; margin:0 30px 0 30px; list-style-image:url(../images/whitebullet.gif);}
#contentbox ul li.ytop {margin:20px 30px 0 40px;}
#contentbox ul li.none {color:#FFF; list-style-image:none; list-style-type:none; padding:15px 0 0 20px; margin:0;}
#contentbox ul li img {margin:0;}

img.quotequestion {width:323px; height:90px; padding:0 0 30px 0; float:left;}

#quotebox {float:left; width:323px; color:#666; background:url(../images/quotebg.gif); height:200px; position:relative; border-bottom:30px solid #FFF;}
#quotebox p {margin:20px 20px 0 20px;}
#quotebox p img.quote1 {margin-right:10px;}
#quotebox p img.quote2 {position:absolute; margin-left:10px; margin-top:5px;}
#quotebox2 {float:left; width:323px; color:#666; background:url(../images/quotebg.gif); height:200px; position:relative; border-bottom:30px solid #FFF;}
#quotebox2 p {margin:20px 20px 0 20px;}
#quotebox2 p img.quote1 {margin-right:10px;}
#quotebox2 p img.quote2 {position:absolute; padding-left:10px; padding-top:5px;}

/* services */

#servicesmain {width:946px; float:left;}
#servicesmain h1 {font-size:31px; background:#e23b30; color:#FFF; font-weight:normal; border-bottom:15px #FFF solid;}
#servicesmain h1.long {width:882px; height:48px; padding:12px 0 0 30px; margin-right:30px; border-bottom:15px #FFF solid;}
#servicesmain h1.long.red {background:url(../images/h1rightred.gif) #e23b30 top right no-repeat scroll;}
#servicesmain img.subheader {padding:30px 0 15px 30px; float:left;}
#servicesmain img.services {padding:30px 0 30px 114px; float:left;}
#servicesmain ul {list-style-position:outside; display:inline; margin:30px 0 0 0; padding:0; width:946px; float:left;}
#servicesmain ul li {margin-left:30px; padding:0; list-style-image: url(../images/redbullet.gif);}

.service {float:left; width:287px; height:148px; color:#FFF; margin:30px 15px 15px 30px; display:inline;}
.service.one {background:url(../images/projectscat.gif); width:287px; height:148px; margin:30px 15px 15px 30px;}
.service.one a {display:block; width:287px; height:148px;}
.service.two {background:url(../images/consumercat.jpg); width:287px; height:148px; margin:30px 15px 15px 0;}
.service.two a {display:block; width:267px; height:91px; padding:57px 0 0 20px;}
.service.three {background:url(../images/innovationcat.jpg); width:287px; height:148px; margin:30px 0 15px 0;}
.service.three a {display:block; width:267px; height:83px; padding:65px 0 0 20px;}
.service.four {background:url(../images/communicationcat.jpg); width:287px; height:148px; margin:0 15px 30px 30px;}
.service.four a {display:block; width:267px; height:91px; padding:57px 0 0 20px;}
.service.five {background:url(../images/marketingcat.jpg); width:287px; height:148px; margin:0 15px 30px 0;}
.service.five a {display:block; width:267px; height:91px; padding:57px 0 0 20px;}
.service.six {background:url(../images/businesscat.jpg); width:287px; height:148px; margin:0 0 30px 0;}
.service.six a {display:block; width:267px; height:98px; padding:50px 0 0 20px;}

/* services subpages*/

#services {float:left; width:560px; border-right:30px #FFF solid;}
#services .height {height:600px;}
#services img.contactimg {margin:15px 0 0 30px;}
#services ul {list-style-position:outside; display:inline; margin:0; padding:0; float:left;}
#services ul li {margin:0 0 0 30px; list-style-image: url(../images/greybullet.gif); color:#555; clear:left;}
#services ul li.padding {margin-bottom:15px;}
#services ul li ul {margin:0 0 10px 0; padding:15px 0 0 30px; float:left; width:500px;}
#services ul li ul li {margin:0 0 15px 0; padding:0;}
#services ul li ul.nospace {margin:0; padding:10px 0 15px 30px; float:left; width:500px;}
#services ul li ul.nospace li {margin:0; padding:0;}

#serviceboxgrey {float:left; width:323px; height:200px; background:url(../images/foldgrey.jpg) #999999 top right no-repeat scroll; padding:0 0 30px 0; border-bottom:30px #FFF solid; color:#FFF;}
#serviceboxblue {float:left; width:323px; height:200px; background:url(../images/foldblue.jpg) #0091ce top right no-repeat scroll; padding:0 0 30px 0; border-bottom:30px #FFF solid; color:#FFF;}
#serviceboxyellow {float:left; width:323px; height:200px; background:url(../images/foldyellow.jpg) #f7bd5b top right no-repeat scroll; padding:0 0 30px 0; border-bottom:30px #FFF solid; color:#FFF;}
#serviceboxgreen{float:left; width:323px; height:200px; background:url(../images/foldgreen.jpg) #519858 top right no-repeat scroll; padding:0 0 30px 0; border-bottom:30px #FFF solid; color:#FFF;}
#serviceboxred{float:left; width:323px; height:200px; background:url(../images/foldred.jpg) #e23b30 top right no-repeat scroll; padding:0 0 30px 0; border-bottom:30px #FFF solid; color:#FFF;}

#servicenav {width:946px; height:95px; margin:0 0 30px 0; padding:0; clear:left;}

.servicenav {font-size:11px; color:#FFF; background:url(../images/shead1.jpg) top left no-repeat scroll; width:173px; height:95px; float:left; margin:0 4px 30px 30px; display:inline;}
.servicenav.on1 {background:url(../images/shead1on.jpg)} 
.servicenav a {display:block; padding:72px 0 0 15px; width:158px; height:23px;}
.servicenav2 {font-size:11px; color:#FFF; background:url(../images/shead2.jpg) top left no-repeat scroll; width:173px; height:95px; float:left; margin:0 4px 30px 0; display:inline;}
.servicenav2.on2 {background:url(../images/shead2on.jpg)} 
.servicenav2 a {display:block; padding:72px 0 0 15px; width:158px; height:23px;}
.servicenav3 {font-size:11px; color:#FFF; background:url(../images/shead3.jpg) top left no-repeat scroll; width:173px; height:95px; float:left; margin:0 4px 30px 0; display:inline;}
.servicenav3.on3 {background:url(../images/shead3on.jpg)} 
.servicenav3 a {display:block; padding:72px 0 0 15px; width:158px; height:23px;}
.servicenav4 {font-size:11px; color:#FFF; background:url(../images/shead4.jpg) top left no-repeat scroll; width:173px; height:95px; float:left; margin:0 4px 30px 0; display:inline;}
.servicenav4.on4 {background:url(../images/shead4on.jpg)} 
.servicenav4 a {display:block; padding:72px 0 0 15px; width:158px; height:23px;}
.servicenav5 {font-size:11px; color:#FFF; background:url(../images/shead5.jpg) top left no-repeat scroll; width:173px; height:95px; float:left; display:inline;}
.servicenav5.on5 {background:url(../images/shead5on.jpg)} 
.servicenav5 a {display:block; padding:72px 0 0 15px; width:158px; height:23px;}

/* portfolio */

#portfolio {float:left; width:560px; border-right:30px #FFF solid;}
#portfolio h1 {font-size:31px; background:#e23b30; color:#FFF; font-weight:normal; border-bottom:15px #FFF solid;}
#portfolio h1.short {width:529px; height:48px; padding:12px 0 0 30px; margin-right:30px; background:url(../images/h1rightred.gif) #e23b30 top right no-repeat scroll; border-bottom:15px #FFF solid;}
#portfolio img.subheader {padding:30px 0 15px 20px;}
#portfolio ul {list-style-position:outside; display:inline; margin:0; padding:0; width:550px;}
#portfolio ul li {margin-left:20px; padding:0 0 15px 0; clear:left; list-style-type:none;}
#portfolio ul li.text {list-style-image: url(../images/redbullet.gif); list-style-type:none; margin-left:30px; padding-bottom:30px;}
#portfolio ul li img {border-bottom:15px #FFF solid; float:left;}
#portfolio ul li img.header {border-bottom:10px #FFF solid; border-left:10px #FFF solid; border-top:10px #FFF solid;}

/* How to use us */

#howtouseus {float:left; width:560px; border-right:30px #FFF solid;}
#howtouseus h1 {font-size:31px; background:#e23b30; color:#FFF; font-weight:normal; border-bottom:15px #FFF solid;}
#howtouseus h1.short {width:529px; height:48px; padding:12px 0 0 30px; margin-right:30px; background:url(../images/h1rightred.gif) #e23b30 top right no-repeat scroll; border-bottom:15px #FFF solid;}
#howtouseus img.subheader {padding:20px 0 20px 30px;}
#howtouseus ul {list-style-position:outside; display:inline; margin:0; padding:0; width:550px;}
#howtouseus ul li {margin-left:30px; padding:0 0 15px 0; list-style-image: url(../images/redbullet.gif); clear:left;}
#contentboxuse {float:left; width:323px; background:url(../images/foldred.jpg) #e23b30 top right no-repeat scroll; padding-bottom:30px; border-bottom:30px #FFF solid;}
#contentboxuse img {margin:30px 23px 0 40px; display:inline; padding:0;}
#contentboxuse ul {list-style-position:outside; display:inline; margin:0; padding:0; }
#contentboxuse ul li {color:#FFF; margin:15px 35px 0 40px; list-style-image:url(../images/whitebullet.gif);}
#contentboxuse ul li ul li {margin:10px 0 0 15px;}

/*Get in touch */
#contactushead {float:left; margin-bottom:15px;}
#contactushead h1 {font-size:31px; background:#e23b30; color:#FFF; font-weight:normal; border-bottom:15px #FFF solid;}
#contactushead h1.long {width:882px; height:48px; padding:12px 0 0 30px; margin-right:30px; border-bottom:15px #FFF solid;}
#contactushead h1.long.red {background:url(../images/h1rightred.gif) #e23b30 top right no-repeat scroll;}
#contactushead h1.long.blue {background:url(../images/h1rightblue.gif) #0091ce top right no-repeat scroll;}
#contactushead h1.long.green {background:url(../images/h1rightgreen.gif) #519858 top right no-repeat scroll;}
#contactushead h1.long.yellow {background:url(../images/h1rightyellow.gif) #f7bd5b top right no-repeat scroll;}
#contactushead h1.long.grey {background:url(../images/h1rightgrey.gif) #999999 top right no-repeat scroll;}

img.getintouchhead {float:left; border-bottom:30px #FFF solid;}
#getintouch {float:left; width:316px; margin-bottom:10px; border-right:30px #FFF solid; display:inline;}
#getintouch.sitemap {margin-left:30px; width:800px; height:310px; display:inline;}
#getintouch.sitemap a {color:#666;}
#getintouch.sitemap ul li {margin-bottom:10px;}
#getintouch.sitemap ul li ul li {margin:5px 0 0 30px;}
#getintouch img.subheader {border-bottom:15px #FFF solid; border-left:30px #FFF solid;}
#getintouch img.contactimg {margin:15px 0 0 30px;}
#getintouch ul {list-style-position:outside; display:inline; margin:0; padding:0; width:550px;}
#getintouch ul li {margin-left:30px; padding:0; list-style-image: url(../images/redbullet.gif); clear:left; color:#666}
#getintouch ul li ul li a {color:#666}
#getintouch .address {margin-left:30px;}
#getintouch .address img {margin:30px 0 10px 0;}
#contentbox3 {float:left; width:570px; height:547px; background:url(../images/foldred.jpg) #e23b30 top right no-repeat scroll; padding:0; margin:0 30px 0 0; border-bottom:30px #FFF solid; color:#FFF; display:inline;}
#contentbox3 img.formhead {margin:30px 23px 30px 30px; display:inline; padding:0;}
#contentbox3 form {padding:0 0 0 30px; margin:0; width:530px; text-align:right; color:#FFF; float:left; clear:left; display:inline;}
#contentbox3 form #formleft {width:260px; float:left; text-align:left; margin-left:105px; display:inline;}
#contentbox3 form #formright {width:135px; float:left; text-align:left; margin-left:10px; display:inline;}
#contentbox3 label {float:left; margin:10px 0 0 0; display:inline;}
#contentbox3 br {clear:left;}
#contentbox3 ul {list-style-position:outside; display:inline; margin:0; padding:0; }
#contentbox3 ul li {color:#FFF; margin:0 30px 0 30px; list-style-image:url(../images/whitebullet.gif);}
#contentbox3 input {width:400px; height:22px; font-family: Arial, Helvetica, sans-serif; padding:5px 0 0 5px; margin:10px 0 0 0; margin-right:20px; display:inline;}
#contentbox3 input.tel {width:250px; float:left; margin-left:44px; display:inline;}
#contentbox3 input.email {width:250px; float:left; margin-left:71px; display:inline;}
#contentbox3 input.check {width:15px; height:15px; padding:0; margin:0;}
#contentbox3 textarea {width:400px; height:100px; color:#000; border-top: #291b26 1px solid; font-size:12px; border-left: #291b26 1px solid; border-right: #e4a4a0 1px solid; border-bottom: #e4a4a0 1px solid; background:#e2736b; font-family: Arial, Helvetica, sans-serif; padding:5px 0 0 5px; margin:10px 20px 0 0; display:inline;}
#contentbox3 input.field {color:#000; border-top: #291b26 1px solid; font-size:12px; border-left: #291b26 1px solid; border-right: #e4a4a0 1px solid; border-bottom: #e4a4a0 1px solid; background:#e2736b;}
#contentbox3 input.submit {color: #000; border:none; background:#FFF; font-weight:bold; height:22px; width:100px; font-size:12px; float:right; padding:3px;}

/* footer */

#footer {position:relative; float:left; background:#e23b30; color:#FFF; height:140px; width:946px;}
#footer img.gradient {border-bottom:1px #fff solid;}
#footer h3 {clear:left; margin:22px 0 0 33px;}
#footer ol {padding: 0; list-style-type: none;}
#footer li {padding: 0;}
#footer ul {padding: 0; margin:0; list-style-type: none; clear:left;}
#footer li.copyright {width:300px; margin:14px 0 0 30px;}
#footer li.tel {width:110px; margin:0 0 0 30px; float:left; display:inline;}
#footer li.email {width:350px; margin:0 0 0 5px; display:inline;}
#footer li.photolink {position:absolute; top:77px; right:180px; float:left; display:inline;}
#footer li.photolink2 {position:absolute; top:80px; right:29px; width:145px; display:inline;}

/*flash footer */

#flashfooter {margin-top:30px;}
#flashfooter h1 {color:#FFF; font-size:12px;}