body {
background: url(./images/back.jpg) repeat-x top left #FFF;
text-align:center;
font-family:'Myriad Pro', Helvetica, Arial, 'Sans Serif';
font-size:14px;
color:#666666;
}

a {
color: #6b9fc7;
text-decoration: none;
}

a:hover {
color: #000;
}

h1, h2, h3, h4, h5, p, ul, ol, blockquote, q {
margin:0 0 20px 0;
}

h1 {
font-size:25px;
font-weight:bold;
}

h2 {
font-size:20px;
font-weight:bold;
}

h3 {
font-size:16px;
font-weight:bold;
}

h4 {
font-size:15px;
font-weight:normal;
}

p, ul, ol {
line-height:18px;
}

small {
font-size:11px;
display:block;
}

.clear {
clear:both;
}


#page {
width:994px;
margin:auto;
display:block;
overflow: hidden;
background: url(./images/backcentre.jpg) no-repeat top center;
}

#header {
margin:40px 27px 0 27px;
width:940px;
height:124px;
display:block;
}

#header .line1 {
display:block;
height:58px;
background: #000;
overflow: hidden;
position:relative;
text-align: left;
}

#header .line1 h1 {
margin:0px;
float:left;
height:58px;
width:140px;
display:block;
}

#header .line1 h1 a {
height:58px;
width:140px;
display:block;
float:left;
background: url(./images/logo.gif) no-repeat;
text-indent:-9999px;
}

#header ul#nav {
display:block;
float:left;
margin:0 0 0 20px;
height:58px;
width:290px;
}

#header ul#nav li {
display:block;
float:left;
line-height:81px;
color: #FFF;
margin:0 20px 0 0;
}

#header ul#nav li.last {
margin:0px;
}

#header a {
color: #FFF;
}

#header ul#nav li a {
display:block;
float:left;
font-size:13px;
line-height:81px;
color: #FFF;
}

#header a:hover, #header ul#nav li a:hover, #header ul#nav li.active a {
color: #6b9fc7;
}

#header p.contactdetails {
display:block;
line-height:81px;
height:58px;
position:absolute;
top:0px;
font-size:13px;
right:0px;
margin:0 20px 0 0;
color: #FFF;
}

#header .line2 {
display:block;
background: #434747;
height:32px;
}

#header .line2 ul {
margin:0 0 0 0;
display:block;
text-align: center;
}

#header .line2 ul li {
display:inline;
line-height:32px;
height:32px;
margin:0 20px 0 0;
}

#header .line2 ul li.last {
margin:0px;
}

#header .line2 ul li a {
font-size:12px;
line-height:32px;
height:32px;
color: #b4b6b6;
}

#header .line2 ul li.active a {
color: #FFF;
}

#header .line2 ul li a:hover {
color: #FFF;
}

#banner {
margin:0px 27px 0 27px;
width:940px;
height:448px;
display:block;
position:relative;
overflow: hidden;
}

#banner a {
color: #FFF;
}

#banner a:hover {
color: #6b9fc7;
}

#banner .slide {
position:absolute;
height:448px;
display:none;
width:940px;
top:0px;
text-align:left;
left:0px;
background: url(./images/bannertext.png) no-repeat right 124px;
}

#banner #slideimage_0 {
display:block;
}

#banner .slide .device {
display:block;
float:left;
width:400px;
height:439px;
}

#banner .slide .text {
display:block;
width:400px;
height:70px;
margin:160px 40px 0 0;
float:right;
}

#banner .slide .text img {
float:right;
display:block;
margin:1px 0 0 20px;
}

#banner .slide .text h4 {
font-size:22px;
color: #FFF;
font-weight: bold;
margin:0 0 9px 0;
width:315px;
}

#banner .slide .text p {
font-size:14px;
color: #b4b6b6;
margin:0;
width:315px;
}

#banner #slidebuttons {
display:block;
position:absolute;
top:432px;
}

#banner #slidebuttons.slidebuttoncount_1 {
left:186px;
}

#banner #slidebuttons.slidebuttoncount_2 {
left:176px;
}

#banner #slidebuttons.slidebuttoncount_3 {
left:166px;
}

#banner #slidebuttons.slidebuttoncount_4 {
left:156px;
}

#banner #slidebuttons.slidebuttoncount_5 {
left:146px;
}

#banner #slidebuttons.slidebuttoncount_6 {
left:136px;
}

#banner #slidebuttons.slidebuttoncount_7 {
left:126px;
}

#banner #slidebuttons.slidebuttoncount_8 {
left:116px;
}

#banner #slidebuttons.slidebuttoncount_9 {
left:106px;
}

#banner #slidebuttons.slidebuttoncount_10 {
left:96px;
}

#slidebuttons ul li {
display:block;
width:15px;
height:15px;
float:left;
cursor: pointer;
margin:0 5px 0 0;
background:url(./images/dots.jpg) no-repeat top right;
}

#slidebuttons ul li.active {
background:url(./images/dots.jpg) no-repeat top left;
}

.iphone_horizontal .device {
background: url(./images/iphone_horizontal.png) no-repeat;
}

.iphone_horizontal .device img {
margin-top:110px;
margin-left:65px;
}

.iphone_vertical .device {
background: url(./images/iphone_vertical.png) no-repeat;
}

.iphone_vertical .device img {
margin-top:66px;
margin-left:109px;
}

.ipad_horizontal .device {
background: url(./images/ipad_horizontal.png) no-repeat;
}

.ipad_horizontal .device img {
margin-top:79px;
margin-left:40px;
}

.ipad_vertical .device {
background: url(./images/ipad_vertical.png) no-repeat;
}

.ipad_vertical .device img {
margin-top:40px;
margin-left:78px;
}

#home_3cols {
display:block;
margin:0px 27px 0 27px;
width:940px;
padding:35px 0 40px 0;
overflow: hidden;
text-align:left;
}

#home_3cols .widget {
display:block;
width:300px;
margin:0 20px 0 0;
float:left;
}

#home_3cols .widgetlast {
margin:0px;
width:280px;
}

h3.blueblock {
display:block;
overflow: hidden;
height:55px;
margin:0px;
}

h3.blueblock span {
display:block;
float:left;
height:40px;
background: #6b9fc7;
color: #FFF;
padding:0 25px 0 20px;
font-size:24px;
line-height:40px;
}

#home_3cols .widget p {
padding:0 0 0 20px;
}

#clients {
background: url(./images/clientshadow.png) no-repeat left 10px;
padding:0px 27px 0 27px;
width:940px;
display:block;
overflow: hidden;
height:210px;
}

#clients h3 {
height:60px!important;
}

#clients ul li {
width:140px;
margin:0 20px 0 0;
display:block;
float:left;
}

#clients ul li.last {
margin:0px;
}

#twitter {
display:block;
text-align: left;
overflow: hidden;
margin:0px 27px 45px 27px;
width:940px;
height:165px;
}

#twitter ul {
display: block;
padding:0 0 0 20px;
}

#twitter ul li {
width:200px;
float:left;
display:block;
margin:0 30px 0 0;
}

#twitter ul li small {
font-family: Arial;
color: #999999;
}

#twitter ul li p {
font-size:11px;
font-family: Arial;
}

#banner.bannerinside {
width:400px;
height:485px;
margin:0px;
overflow: hidden;
}

#banner.bannerinside .slide {
background: none;
}

#mainarea {
display:block;
text-align: left;
overflow: hidden;
width:967px;
background: url(./images/contentareaback.png) no-repeat 429px 74px;
margin:0 0 0 27px;
}

#sidebar {
width:400px;
margin:0 0 40px 0;
display:block;
float:left;
}

#sidebar #polaroid {
margin:0 0px 50px 31px;
width:284px;
padding:18px 21px 21px 21px;
display:block;
background: url(./images/sidebarpicback.png) no-repeat;
}

#sidebar #polaroid img {
width:284px;
height:240px;
}

#sidebar #testimonial {
margin:0 0px 50px 34px;
width:284px;
padding:18px;
display:block;
background: #6b9fc7;
color: #FFF;
}

#sidebar #testimonial blockquote {
margin:0px;
display:block;
color: #FFF;
}

#sidebar #testimonial blockquote p {
font-size:20px;
line-height:27px;
margin:0 0 10px 0;
}

#sidebar #testimonial blockquote a,
#sidebar #testimonial small a {
color: #daeaf6;
}

#sidebar #testimonial blockquote a:hover {
color: #FFF;
}

#sidebar #testimonial small {
margin:0px;
color: #b5cfe3;
font-size:14px;
}

#sidebar #pullquote {
margin:0 0px 50px 34px;
width:284px;
padding:18px;
display:block;
background: #000;
color: #FFF;
}

#sidebar #pullquote blockquote {
margin:0px;
display:block;
color: #FFF;
}

#sidebar #pullquote blockquote h2 {
margin:0 0 4px 0;
}

#sidebar #pullquote blockquote p {
font-size:20px;
line-height:27px;
margin:0 0 10px 0;
}

#sidebar #pullquote small {
margin:0px;
color: #b5cfe3;
font-size:14px;
}

#sidebar #reviews {
margin:0 46px 20px 34px;
padding:0 18px 0 18px;
width:284px;
display:block;
overflow: hidden;
}

#sidebar #reviews h3 {
font-size:20px;
color: #6b9fc7;
}

#sidebar #reviews .review {
display:none;
height:140px;
}

#sidebar #reviews .reviewactive {
display:block;
}

#sidebar #reviews p {
margin:5px 0 5px 0;
float:left;
}

#sidebar #reviews .meta {
display:block;
}

#sidebar #reviews .meta ul.stars {
display:block;
height:10px;
overflow: hidden;
float:left;
margin:0 5px 0 0;
}

#sidebar #reviews .meta ul.stars li {
display:block;
float:left;
margin:0 1px 0 0;
background: url(./images/star.jpg) no-repeat;
width:10px;
height:10px;
}

#sidebar #reviews .meta small {
font-style: italic;
margin:1px 0 0 0;
font-size:12px;
display:block;
float:left;
}

#sidebar #icons {
margin:0 46px 0 34px;
padding:18px;
display:block;
overflow: hidden;
width:284px;
}

#sidebar #icons img {
display:block;
float:left;
margin:0 10px 0 0;
}

#contentarea {
width:460px;
display:block;
float:right;
background: #FFF;
}

#contentarea.appcontent {
margin:124px 27px 0 0;
}

#contentarea.articlecontent {
margin:0 27px 0 0;
}

#contentarea .meta {
display: block;
background: #414646;
padding:36px 20px 33px 20px;
}

#contentarea .meta img {
float:right;
display:block;
margin:1px 20px 0 20px;
}

#contentarea .meta h2 {
color: #FFF;
margin:0 0 9px 0;
font-size:22px;
}

#contentarea .meta p {
color: #b4b6b6;
margin: 0;
}

#contentarea.appcontent .meta h2 {
width:315px;
}

#contentarea.appcontent .meta p {
width:315px;
}

#contentarea .post {
display:block;
padding:45px 20px; 
}

#contentarea .post h3 {
color: #6b9fc7;
font-size:20px;
margin:0 0 20px 0;
}

#contentarea .post p {
margin:0 0 20px 0;
}

#contentarea .post h5 {
color: #6b9fc7;
font-size:14px;
margin:0 0 6px 0;
font-weight:normal;
}

#contentarea .post ul {
list-style:disc outside;
margin:0 0 20px 18px;
}

#contentarea .post ul li {
margin:0 0 5px 0;
}

#footer {
display:block;
height:50px;
background: #000;
color: #FFF;
text-align: left;
width:940px;
margin:0 27px 50px 27px;
}

#footer p {
font-size:12px;
margin:0px;
}

#footer a {
color: #FFF;
}

#footer a:hover {
color: #6b9fc7;
}

#footer .left {
float:left;
display:block;
height:50px;
line-height:50px;
padding:0 0 0 20px;
}

#footer a.twitterlink {
display:block;
float:right;
margin:10px 20px 0 10px;
background: url(./images/twittericon.jpg) no-repeat;
width:30px;
height:30px;
}

#footer .right {
float:right;
display:block;
height:50px;
line-height:50px;
padding:0 0 0 20px;
}