@import url('editor.css');

/****************************************** layout ***************************************/
body {
    background: #00aeef;
}

#outerWrap {
    background: #ebebeb url('/assets/images/bg.gif') left top repeat-x;
    padding: 0 0 20px 0;
}


#wrap {
    width: 931px;
    margin: 0 auto;
}

#header ul {
    clear: both;
}

#logo {
    float: left;
    width: 127px;
    height: 107px;
    margin: 20px 0 0;
}

#slogan {
    float: right;
    width: 300px;
    height: 33px;
    margin: 70px 0 0;
}
/****************************************** header ***************************************/


#header ul {
    padding: 15px 0 0;
}

#header ul li {
    display: block;
    float: left;
    background: none;
    margin: 0;
    padding: 0;
}

#header ul li a {
    display: block;
    text-indent: -99999px;
    height: 54px;
    background-repeat: no-repeat;
}

#nHome a {
    width: 186px;
    background: url('/assets/images/menu.gif') left 0px;
}
#nHome a:hover {
    width: 186px;
    background: url('/assets/images/menu.gif') left 108px;
}
#nHome a.on {
    width: 186px;
    background: url('/assets/images/menu.gif') left 54px;
}

#nServices a {
    width: 186px;
    background: url('/assets/images/menu.gif') -186px 0px;
}
#nServices a:hover {
    background: url('/assets/images/menu.gif') -186px 108px;
}
#nServices a.on {
    background: url('/assets/images/menu.gif') -186px 54px;
}

#nNews a {
    width: 186px;
    background: url('/assets/images/menu.gif') -372px 0px;
}
#nNews a:hover {
    background: url('/assets/images/menu.gif') -372px 108px;
}
#nNews a.on {
    background: url('/assets/images/menu.gif') -372px 54px;
}

#nTestimonials a {
    width: 186px;
    background: url('/assets/images/menu.gif') -558px 0px;
}
#nTestimonials a:hover {
    background: url('/assets/images/menu.gif') -558px 108px;
}
#nTestimonials a.on {
    background: url('/assets/images/menu.gif') -558px 54px;
}


#nContact a {
    width: 187px;
    background: url('/assets/images/menu.gif') -744px 0px;
}
#nContact a:hover {
    background: url('/assets/images/menu.gif') -744px 108px;
}
#nContact a.on {
    background: url('/assets/images/menu.gif') -744px 54px;
}


/****************************************** boxes ***************************************/

#whiteWide {
    width: 930px;
    background: url('/assets/images/boxes/wideTop.gif') left top no-repeat;
    padding: 11px 0 0;
    margin: 0 0 30px 0;
}

#whiteWideInner {
    background: url('/assets/images/boxes/wideBottom.gif') left bottom no-repeat;
    padding: 0 0 11px 0;
}

#whiteWideInner div {
    border-bottom: 1px solid #fff;
    background: #fff;
    padding: 0px 20px;
}

#whiteWide p {
    background: url('/assets/images/quoteLeft.gif') left top no-repeat;
    padding: 20px 0 0 80px;
}

#whiteWide span {
    display: block;
    background: url('/assets/images/quoteRight.gif') right bottom no-repeat;
    padding: 0 80px 0px 0;
    font-size: 19px;
    color: #00aeef;
    font-family: "Lucida Grande", "Lucida Sans Unicode",arial;
    
}

#whiteWide #by {
    font-size: 14px;
    color: #808080;
    background: none;
    margin: 0;
    padding: 20px 0 0 80px;
}

/**************** home left *************/

#homeLeft {
    width: 614px;
    background: url('/assets/images/boxes/homeLeftTop.gif') left top no-repeat;
    padding: 11px 0 0;
    margin: 0 0 30px 0;
    float: left;
}

#homeLeftInner {
    background: url('/assets/images/boxes/homeLeftBottom.gif') left bottom no-repeat;
    padding: 0 0 11px 0;
}

#homeLeftInner div {
    border-bottom: 1px solid #fff;
    background: #fff;
    padding: 0px 20px 0;
}


/**************** home right *************/

#homeRight {
    width: 303px;
    background: url('/assets/images/boxes/homeRightTop.gif') left top no-repeat;
    padding: 10px 0 0;
    margin: 0 0 30px 0;
    float: right;
}

#homeRightInner {
    background: url('/assets/images/boxes/homeRightBottom.gif') left bottom no-repeat;
    padding: 0 0 10px 0;
}

#homeRightInner div {
    border-bottom: 1px solid #fff;
    background: #fff;
    padding: 0px 20px 0;
}

#homeRight h2 {
    font-size: 20px;
    color: #00aeef;
    margin: 0 0 15px 0;
}

#homeRight #hDate {
    margin: 0;
    font-size: 11px;
    color: #999;
}

#homeRight h3 {
    font-size: 13px;
    color: #333;
    margin: 0 0 10px 0;
}

#homeRight .button {
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
}

/****************************************** cols ***************************************/

#main {
    padding: 27px 0 0;
}

/************************* left (inner template) *********************/

#left {
    width: 679px;
    float: left;
    background: #ebebeb url('/assets/images/contentBottom.gif') left bottom no-repeat;
    padding: 0 0 10px 0;
}

#leftInner {
    background: #fff url('/assets/images/contentTop.gif') left top no-repeat;
    padding: 15px;
}



/************************* right (inner template) *********************/

#right {
    width: 245px;
    float: right;
}

/**************** right nav *************/

#right ul {
    
}

#right ul li {
    margin: 0;
    padding: 0; 
    background: none;
    width: 245px;
    margin: 0 0 3px 0;
}

#right ul li a {
    display: block;
    background: url('/assets/images/subNavTop.gif') left top no-repeat;
}

#right ul li a span {
    display: block;
    padding: 13px 0 13px 10px;
    background: url('/assets/images/subNavBottom.gif') left bottom no-repeat;
    font-size: 13px;
    color: #7b7b7b;
}

#right ul li a:hover {
    background-position: center top;
}

#right ul li a:hover span {
    background-position: center bottom;
}

#right ul li.on a {
    background-position: right top;
}

#right ul li.on a span {
    background-position: right bottom;
    color: #fff;
}

#right ul div {
    padding: 10px 0 0;
    background: url('/assets/images/subNavTop.gif') right top no-repeat;
}

#right ul div ul{
    padding: 10px;
    background: url('/assets/images/subNavBottom.gif') right bottom no-repeat;
    
}

#right ul div ul li {
    display: list-item;
    width: auto;
}

#right ul div a {
    color: #fff;
    display: inline;
    background: none;
    padding-left: 10px;
}

#right li.on a.on {
    font-weight: bold;
}

#right ul div li {
    margin: 0 0px 6px 0;
}

#right ul div li a {
    font-size: 12px;
    padding: 0;
}

/************************* footer *********************/

#footer {
    width: 931px;
    margin: 0 auto;
    padding: 4px 0 0;
}

#footer p {
    font-size: 12px;
    color: #fff;
    float: left;
    width: 288px;
}

#footer p a{
    font-size: 12px;
    color: #fff;

}

#footer p a:hover {
	text-decoration: underline;	
}

#footer #us {
    float: right;
    width: 300px;
    text-align: right;
}

#footer #us a {
    color: #fff;
    font-size: 12px;
}

#us a:hover span {
    color: #f37022;
}

/****************************************** unique ***************************************/

/************************* home *********************/

#flashWrap {
    margin: 0 0 20px 0;
}

/************************* news *********************/

#rightNews {
    width: 245px;
    float: right;
}

#rightNews {
    width: 241px;
    background: url('/assets/images/boxes/newsTop.gif') left top no-repeat;
    padding: 6px 0 0;
    margin: 0 0 30px 0;
    float: right;
}

#rightNewsInner {
    background: url('/assets/images/boxes/newsBottom.gif') left bottom no-repeat;
    padding: 0 0 7px 0;
}

#rightNewsInner div {
    border-bottom: 1px solid #fff;
    background: #fff;
    padding: 0px 20px 0;
}

#rightNewsInner .newsItem {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ededed;
    
}

#rightNewsInner .on p, #rightNewsInner .on a {
    color: #00aeef;
}

.newsItem p {
    font-size: 11px;
    color: #7b7b7b;
    margin: 0 0 2px 0;
}

.newsItem a {
    font-size: 13px;
    color: #7b7b7b;
}

.newsItem a:hover {
    color: #363636;
}

/************************* service container *********************/

.service {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #c6c6c6;
}

.service .button {
    margin: 0;
}

#wrap .service h3 {
    margin: 0 0 0px 0;
}

.service p {
    margin: 0 0 10px 0;
}

/************************* testimonials *********************/

.test {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #d8d8d8;
    padding: 0 0 20px 0;
}

#wrap .test img {
    border: none;
    float: left;
    padding: 10px 0 0;
}

 .test p {
    background: url('/assets/images/quoteSmallLeft.gif') left top no-repeat;
    padding: 5px 0 0 40px;
    float: right;
    width: 446px;
}

#wrap .noImg p{
    width: auto;
    float: none;
}

#wrap .test p span {
    display: block;
    background: url('/assets/images/quoteSmallRight.gif') right bottom no-repeat;
    padding: 0 40px 0 0;
}

#wrap p.testAuthor {
    background: none;
    margin: 0;
    padding: 0 40px 0 0;
    text-align: right;
    color: #373737;
}

/************************* sitemap *********************/

#sitemap h4 {
    border-top: 1px solid #e3e3e3;
    padding: 5px 0 0;
    margin: 10px 0 0px;
}

#sitemap h4 a {
    color: #7a7a7a;
    font-size: 14px;
}

#sitemap ul {
    padding: 10px 0 0 10px;
}

#sitemap ul li {
    margin: 0 0 5px 0;
}

#sitemap a:hover {
    color: #00aeef;
}

/************************* services landing *********************/

.sLanding {
    width: 626px;
    height: 202px;
    background-position: top left;
    background-repeat: no-repeat;
    padding: 15px;
    margin: 0 0 15px 0;
}

.sLandingHover {
    background-position: top right;
    cursor: pointer;
}

.sLanding h4 {

    margin: 0 0 10px 0;
}

.sLanding h4 a {
    font-size: 29px;
    color: #00aeef;
}

.sLanding p {
    font-size: 14px;
    color: #808080;
}

#sPeople {
    background-image: url('/assets/images/services/peopleBig.jpg');
}

#sProcess {
    background-image: url('/assets/images/services/processBig.jpg');
}

#sProcess p, #sProposition p  {
    width: 400px;
}

#sProposition {
    background-image: url('/assets/images/services/propositionBig.jpg');
}

/****************************************** contact ***************************************/

#cList {
    margin: 0 0 40px 0;
    padding: 0;
}

#cList li {
    background: none;
    margin: 0 0 10px 0;
    padding: 10px 0 10px 60px;
}

#cList #cNumber {
    background: url('/assets/images/contact/phone.gif') left top no-repeat;
}

#cList #cSkype {
    background: url('/assets/images/contact/skype.gif') left top no-repeat;
}

#cList #cEmail {
    background: url('/assets/images/contact/letter.gif') left top no-repeat;
}