@charset "utf-8";
/* CSS Document */


/* RESETS AND ROOT STRUCTURE */
a img { border:none; }
html { background:#eff4f5 url(images/bg-tile.gif) repeat; padding:0; }
body { background:url(images/horiz-bg.gif) repeat-x top; color:#191919; font-family: Arial, Helvetica, sans-serif; margin:0; }
.hidden {position:absolute; left:-9999px; visibility:hidden; display:none}

/* FONT SIZES */
body { font-size:90%; }
h1 { font-size:3em }
h1 span.description { font-size:.45em; }
h2 { font-size:1.75em; }
h3, ul.featureblock li > h4:first-child { font-size:1.35em; }
h4 { font-size:1.2em; }
h5, blockquote, #content legend { font-size:1em; }
ul.subnav, #content input[type="submit"] { font-size:1.15em; }
#sidebar table, blockquote cite, #search input, #nav, #mini-nav, .featureblock, #sidebar, #content table { font-size:.75em; }



/* MAIN LAYOUT BUILDING BLOCKS */
#wrapper { display:block; width:960px; padding:0 10px; margin:0 auto; background-image:url(images/wrapper-bg.png); background-repeat:no-repeat; }
#header,
#page,
#footer { display:block; margin:0 auto; background-color:#ffffff; border:3px solid #dfe5e7; border-top:none; border-bottom:none; }
#header { padding:20px 0 0; height:325px; width:954px; }
#page { clear:both; width:954px; background-color:#ffffff; padding:2px 0 40px 0; overflow:hidden; border-bottom:3px solid #dfe5e7; }
#content { display:block; float:left; clear:left; width:518px; clear:left; padding:40px 20px 40px 40px; color:#3f4854; margin:0 }
#sidebar { display:block; float:left; clear:right; width:332px; min-height:381px; background:url(images/sidebar-bg.jpg) no-repeat 0 0; color:#8a989e; padding:5.25em 15px 0 20px; margin:0 }
#footer { background-color:#dfe5e7; padding:40px; color:#8a989e; width:874px; }
div.clear { display:block; height:1px; clear:both; width:100%; }
#content .clear { margin-bottom:3em; }
#page.wide #content { width:619px; padding:40px 40px 0 40px; }
#page.wide #sidebar { width:210px; }
#page.full #content { width:875px; padding:40px 40px 0 40px;}
#headerslideshow { display:block; width:954px; height:200px; clear:both; z-index:1; overflow: hidden; position:relative }


/* CONTENT STYLING */
pre { display:block; padding:2em; margin:1em 0; overflow-x:auto; white-space:pre-wrap; white-space:-moz-pre-wrap !important; white-space:-pre-wrap;white-space:-o-pre-wrap; width:99%;	word-wrap: break-word; background-color:#edf2f3 }
code { font-family:"Courier New", Courier, monospace; color:#999999; font-size:1.25em; }
h1 { margin:0; font-size:3.5em; font-weight:normal; padding:40px 0 0 40px; }
h1 span { padding:2px 0; background:url(images/h1-bg-blue.png) repeat; color:#ffffff; display:block; margin:0 0 2px 0; float:left; clear:left }
h2, h3, h4, h5 { margin:2em 0 .5em 0; }
h2,
h3, ul.featureblock h5, ul.featureblock h4, ul.subnav { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
.profile { display:block; margin:1.5em 0; clear:both; }
.profile h3 { margin:0 0 .25em 0; }
.profile h4 { color:#8a989e; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-top:0; }
.profile > :last-child { margin-bottom:5em; }
a { color:#19447d; text-decoration:none }
a:hover { text-decoration:underline; background-color:#edf2f3 }
p.more {text-align:right; margin:.5em 0;}
p.more a { background-image:url(images/more-arrow.png); background-repeat:no-repeat; background-position:right; padding:2px 20px 2px 0; }
#sidebar ul, #sidebar ol { margin-left:0; padding-left:0; line-height:normal; list-style-position:inside }
ul.subnav { margin-left:0; list-style-type:none; }
ul.subnav a { color:#8a989e; }



tr.alt,
p, ul, ol, ul.featureblock h5 { margin-bottom:1.5em; line-height:175%; }
h2.heading { margin-top:0; margin-bottom:1em; font-family:"Century Gothic", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif; margin-top:0; color:#8a989e; }
.summary h3 { line-height:175%; display:inline; white-space:normal; border-bottom:1px dashed #e4e4e4; padding-bottom:3px; font-family:Georgia, "Times New Roman", Times, serif }
blockquote { line-height:175%; display:block; margin:0 3em; color:#8a989e; text-align:justify; }
p.quote, blockquote {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic; }
p {margin:1em 0; }
blockquote.alignleft, blockquote.alignright { border-right: 1px solid #e4e7e9; border-bottom:1px solid #e4e7e9; background:#f0f2f3 url(images/quotes.png) no-repeat -2px -2px; display:block; padding:2em; }
blockquote.alignright { float:right; margin:0 0 1em 2em; width:40%; }
blockquote.alignleft { float:left; margin:0 2em 1em 0; width:40%; }
blockquote cite { font-family:Arial, Helvetica, sans-serif; display:block; width:100%; text-align:right; margin-top:.5em; font-style:normal; color:#3f4854; }
ol, ul { list-style-position:outside; margin-left:1.5em; display:block; clear:both; }
ul { list-style-type:square; }
ol li, ul li { margin-bottom:.5em; }
.alignleft { float:left; clear:left; margin:0 2em 1em 0; }
.alignright { float:right; clear:right; margin:0 0 1em 2em; }
ul.featureblock {margin:0; padding:0; list-style-type:none}
ul.featureblock { display:block; color:#5e91a8; }
ul.featureblock h4 { size:4em; }
/*ul.featureblock li { width:auto; padding:20px 213px 20px 20px; border-left:1px solid #e3e7e9; border-bottom:1px solid #e3e7e9;  background-color:#e1e6e6; display:block; vertical-align:top; margin:0 0 20px 0; display:block }*/
ul.featureblock li { width:91.5%; padding:2.5%; border-left:1px solid #e3e7e9; border-bottom:1px solid #e3e7e9;  background-color:#e1e6e6; display:block; vertical-align:top; margin:0 0 20px 0; }
ul.featureblock li.image { width:59%; padding-right:35%; background-repeat:no-repeat; background-position:430px; }
/*ul.featureblock.columns li { width:159px; margin-right:20px; display:inline-block; padding:20px; }*/
ul.featureblock.columns li { width:25%; margin-right:2.5%; display:block; float:left; padding:2.5%; }
ul.featureblock p { line-height:normal; }
ul.featureblock li > h4:first-child { margin-top:0; color:#004159; }
ul.featureblock.columns li > :last-child { margin-bottom:0; }
ul.featureblock > li:last-child { margin-right:0; }
ul.featureblock.columns li a { width:auto; display:block; float:none;}
ul.featureblock li a:hover { border-color:#77838a; }
ul.featureblock li li { display:list-item; padding:0; border:none; background-color:transparent; margin:0; }

ul.featureblock.columns.solutions p {
	text-align:left;
}

ul.featureblock.columns.solutions, ul.featureblock.columns.solutions img {
	text-align:center;

}


#content input[type="submit"] {color:#f0f2f2; font-weight:bold; text-decoration:none; text-align:center; padding:5px 15px; border:1px solid #abbac1; background:#8a969e url(images/featureblock-button-bg.gif) repeat-x top; margin:.5em .25em; display:inline-block; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:1.15em;}
a.btn {color:#f0f2f2; font-weight:bold; text-decoration:none; text-align:center; padding:5px 15px; border:1px solid #abbac1; background:#8a969e url(images/featureblock-button-bg.gif) repeat-x top; margin:.5em .25em; display:inline-block; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
a.btn:hover, #content input[type="submit"]:hover {text-decoration:none; border-color:#818f95; color:#fff; cursor:pointer; text-shadow:#7d95a3 1px 1px -1px; }

.vcard { line-height:150%; display:block; margin:1.5em 0; }
.vcard .org { font-weight:bold; }
.vcard .tel, .vcard .fax { font-weight:bold; }



/* LOGO */
a.logo,
a.logo img { border:none; }
a.logo { display:block; float:left; width:214px; height:62px; margin:5px 0 40px 40px; }
a.logo:hover { background-color:transparent; }



/*MINI NAV ABOVE SEARCH */
ul#mini-nav { display:block; float:right; clear:none; list-style-type:none; padding:0 32px 15px 0; margin:0 }
ul#mini-nav li { display:inline; }
ul#mini-nav a { display:block; float:left; padding:0 10px; color:#7a7a7a; text-decoration:none; }
ul#mini-nav a:hover { color:#7a7a7a; text-decoration:underline; }



/* SEARCH BAR */
#search { display:block; float:right; clear:right; padding:0 40px 0 0; margin:0; height:26px; width:202px; }
#search input { border:0; display:block; float:left; padding:0; margin:0 }
#search fieldset { border:none; padding:0; margin:0; }
#search label { display:none; visibility:hidden; }
#search #search-field { background:url(images/search-bg.png) no-repeat 0 0; width:125px; height:26px; padding:0 0 0 6px; color:#63757f; line-height:26px; font-style:italic; }
#search #search-button { background-image:url(images/search-button.png); background-position:0px 0px; width:68px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-shadow: #63757f 1px 1px -1px; text-align:center; height:26px; line-height:26px; }
#search #search-button:hover { cursor:pointer; background-position:0px 52px; }
#search #search-button:active { background-position:0px 26px; text-shadow:none; }



/* CONTENT TABLES */
table { width:auto; margin:1em 0; border:1px solid #e8eef0; }
th,
td { padding:1em; vertical-align:top; text-align:left; }
th { background-color:#d9dfe2; }



/* CONTENT FORMS */
#content form { display:block; clear:both; margin:2em auto; width:315px; overflow:visible }
#content legend { font-weight:bold; padding:0; display:block; color:#333333 }
#content label { }
#content fieldset { border:none; margin:1em 0; }
#content input,
#content textarea,
#content select { display:block; clear:left; margin-top:.25em; margin-bottom:.75em; color:#787878; border:2px solid #c1ccd1; padding:2px; -webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px; }
#content input[type="radio"],
#content input[type="checkbox"] { width:auto; border:none; display:inline-block; vertical-align:text-bottom; margin:.5em 3px 0; padding:0; -webkit-border-radius:0; border-radius:0; -moz-border-radius:0; }
#content textarea,
#content input[type="text"], #content select { width:310px; }
#content input.inline, #content select.inline { display:inline-block; margin-right:2px; }
#content input.small { width:105px; }
#content select.small { width:55px; }
#content select.optional { font-style:italic; color:red;}
#content input[type="submit"] { float:right; }
#content fieldset.error input, #content fieldset.error textarea { border:2px solid red; background-color:#f7d1d1; color:black; }
.error-message { color:red; line-height:125% }



/* SIDEBAR CONTENT */
#sidebar p { line-height:125%; }
.wide #sidebar .product { padding-left:20px }
#sidebar .product { display:block; padding:5px 0 5px 119px; background-position:left; background-repeat:no-repeat; position:relative; left:-19px; }
#sidebar > :first-child { margin-top:0; }
#sidebar img.alignleft { margin:0 15px 15px 0 }
#sidebar ul.speclist li, ul.speclist li { list-style-type:none; text-indent:0; background-image:url(images/tick.png); background-position:left middle; background-repeat:no-repeat; display:block; min-height:18px; padding:3px 0 3px 22px; }



/* FOOTER */
#footer ul { display:block; float:left; width:130px; list-style-type:none; padding:0 15px 0 0; margin:0; clear:none }
#footer li { margin-bottom:.6em; line-height:normal; }
#footer a,
p.terms a { color:#8a989e; text-decoration:none; }
p.terms { padding:1em 0; text-align:center; color:#8a989e; border-top: 3px solid #dfe5e7; }
#footer li.title a { color:#3f4854; font-size:1.25em; } /* STYLES ALL FOOTER LIST TITLES USING CSS PSEUDO SELECTOR */
#footer a:hover,
p.terms a:hover { text-decoration:underline; }
.sponsors { text-align:center; display:block; clear:both; padding:40px 0; }
.sponsors a { display:inline-block; margin:0 30px; }
#footer a:hover { background-color:transparent }



/* dropdowns */
#nav,
#nav ul { list-style:none; line-height:1; z-index:100; margin:0; padding:0 }
#nav { width:876px; margin-left:40px; border-top:1px solid #e4ecef; z-index:10; position:relative }
#nav a { display:block; width:124px; text-decoration:none; padding:10px; }
#nav li:hover,
#nav li.hover { position:static; }
#nav li { float:left; width:144px; margin-bottom:0; }
#nav li li { border-bottom:none; border-top:none; }
#nav li ul { position: absolute; width: 144px; left: -999em; }
#nav li ul ul { margin: -30px 0 0 144px; }
#nav li:hover ul ul,
#nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul { left:auto; }
/* TEXT COLOURS */
#nav a { color:#5e91a8; /*medium*/ }
#nav li:hover a { color:#004159; /*dark*/ }
#nav li:hover li a { color:#5e91a8; /*medium*/ }
#nav li li:hover a { color:#004159; /*dark*/ }
#nav li li:hover li a { color:#5e91a8; /*medium*/ }
#nav li li li:hover a { color:#004159; /*dark*/ }
/* BACKGROUND COLOURS */
#nav ul,
#nav li:hover { background-color:#e2ecf1; /*light*/ }
#nav ul li:hover,
#nav ul ul,
#nav ul ul ul { background-color:#ccdde7; /*medium*/ }
#nav li li li:hover a { background-color:#b8d0dc; /*dark*/ }
#nav a:hover { background-color:transparent;}
/* ARROWS */
#nav li.more { background-image:url(images/nav-light-arrow.png) no-repeat 110px 11px; }
#nav li.more:hover { background-image:url(images/nav-dark-arrow.png); }




/* ICONS */
a.link { background-repeat: no-repeat; background-position:5px 3px ; padding:0 5px 0 26px; display:inline-block; height:22px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; line-height:22px; margin:.5em 0; background-color:#edf2f3; text-decoration:none }
a.link:hover { background-color:#e2ecf1; }

/* GENERIC TYPES */
a.file { background-image:url(images/icons/file.png) }
a.audio {background-image:url(images/icons/audio.png) }
a.image {background-image:url(images/icons/image.png) }
a.video {background-image:url(images/icons/video.png) }
a.feed { background-image:url(images/icons/feed.png) }
a.website { background-image:url(images/icons/website.png) }

/* FILETYPES */
a.contact { background-image:url(images/icons/icon-vcard.png); }
a.pdf { background-image:url(images/icons/pdf.png); }
a.aiff { background-image:url(images/icons/aiff.png)}
a.asc {background-image:url(images/icons/asc.png)}
a.css {background-image:url(images/icons/css.png)}
a.csv {background-image:url(images/icons/csv.png)}
a.gif {background-image:url(images/icons/gif.png)}
a.htm {background-image:url(images/icons/htm.png)}
a.html {background-image:url(images/icons/html.png)}
a.iso {background-image:url(images/icons/iso.png)}
a.jpg {background-image:url(images/icons/jpg.png)}
a.js {background-image:url(images/icons/js.png)}
a.mp3 {background-image:url(images/icons/mp3.png)}
a.mpg { background-image:url(images/icons/mpg.png); }
a.odc { background-image:url(images/icons/odc.png); }
a.odf { background-image:url(images/icons/odf.png) }
a.ogg { background-image:url(images/icons/ogg.png)}
a.php {background-image:url(images/icons/php.png)}
a.png {background-image:url(images/icons/png.png)}
a.ppt {background-image:url(images/icons/ppt.png)}
a.rar {background-image:url(images/icons/rar.png)}
a.rtf {background-image:url(images/icons/rtf.png)}
a.sql {background-image:url(images/icons/sql.png)}
a.swf {background-image:url(images/icons/swf.png)}
a.tar {background-image:url(images/icons/tar.png)}
a.txt {background-image:url(images/icons/txt.png)}
a.wav {background-image:url(images/icons/wav.png)}
a.wma {background-image:url(images/icons/wma.png)}
a.zip {background-image:url(images/icons/zip.png)}

/* SOCIAL MEDIA */
a.blinklist { background-image:url(images/icons/blinklist.png); }
a.brightkite { background-image:url(images/icons/brightkite.png); }
a.delicious { background-image:url(images/icons/delicious.png)}
a.designfloat {background-image:url(images/icons/design_float.png)}
a.digg {background-image:url(images/icons/digg.png)}
a.dopplr {background-image:url(images/icons/dopplr.png)}
a.facebook { background-image:url(images/icons/facebook.png); }
a.flickr { background-image:url(images/icons/flickr.png)}
a.friendfeed {background-image:url(images/icons/friendfeed.png)}
a.furl {background-image:url(images/icons/furl.png)}
a.gamespot {background-image:url(images/icons/gamespot.png)}
a.lastfm { background-image:url(images/icons/lastfm.png); }
a.linkedin { background-image:url(images/icons/linkedin.png); }
a.magnolia { background-image:url(images/icons/magnolia.png)}
a.mixx {background-image:url(images/icons/mixx.png)}
a.myspace {background-image:url(images/icons/myspace.png)}
a.newsvine {background-image:url(images/icons/newsvine.png)}
a.posterous { background-image:url(images/icons/posterous.png); }
a.reddit { background-image:url(images/icons/reddit.png); }
a.sphere { background-image:url(images/icons/sphere.png)}
a.sphinn {background-image:url(images/icons/sphinn.png)}
a.stumbleupon {background-image:url(images/icons/stumble.png)}
a.technorati {background-image:url(images/icons/technorati.png)}
a.tripadvisor { background-image:url(images/icons/tripadvisor.png); }
a.tumblr { background-image:url(images/icons/tumblr.png); }
a.twitter { background-image:url(images/icons/twitter.png)}
a.vimeo {background-image:url(images/icons/vimeo.png)}
a.youtube {background-image:url(images/icons/youtube.png)}
