/***** devefor.com CSS file						*******/
@import url("fonts.css");

body {
	margin: 0;
	padding: 0;
	background:#f3f4f4;
	font: 12px/18px "Lucida Sans Unicode", Helvetica,Arial,sans-serif;
	color:#222;
        text-align: center;
}

.wrap {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

#topBar {
    font: 14px/40px "Lucida Sans Unicode", Helvetica,Arial,sans-serif;
    background: #000;
    color:#FFF;
}
#topBar p {
    text-align: right;
    padding-right: 10px;
}
#topBar p a{
    color: #FFF;
    text-decoration: none;
    border-bottom: 1px solid #CB0000;
}
#topBar p a:hover{
    border-bottom: 1px solid #FFF;
}

#header {
    padding: 30px 10px 25px 10px;
}
#header #logo {
    float: left;
    background: url(../i/sp.png) no-repeat;
    width: 160px;
    height: 41px;
    text-indent: -9000px;
    text-decoration: none;
}

#enterprise #header #logo {
    float: left;
    background: url(../i/sp.png) no-repeat -280px 0px;
    width: 230px;
    height: 60px;
    text-indent: -9000px;
    text-decoration: none;
}

#header #logo {
    float: left;
    background: url(../i/sp.png) no-repeat;
    width: 160px;
    height: 41px;
    text-indent: -9000px;
    text-decoration: none;
}

#header ol {
    background: url(../i/sp.png) no-repeat right top;
    float: right;
    padding: 13px 0px 11px 0px;
    width: 662px;
    list-style:none;
}

#enterprise #header ol {
    width: 655px;
}

#header  ol li{
    float: left;
}

#header  ol li a{
    text-decoration: none;
    color: #222;
    padding: 12px 22px 12px 25px;background:url(/i/sp.png) no-repeat right -450px;
}

#enterprise #header ol li a{
    text-decoration: none;
    color: #222;
    padding: 12px 17px 12px 17px;
    background:url(/i/sp.png) no-repeat right -450px;
}

#header  ol li a:hover,
#header  ol li.selected a {
    color: #7495bd;
}

#enterprise #header  ol li a:hover,
#enterprise #header  ol li.selected a {
    color: #479b10;
}

#enterprise #header  ol li.last a,
#header  ol li.last a{
    background: none;
}


#promoBar {
    clear: both;
    background:url(../i/sp.png) repeat-x left bottom;
    padding: 40px 0px 16px 0px;
    margin-bottom: 20px;
}
#promoBarMini {
    clear: both;
    background:url(../i/sp.png) repeat-x 0px -294px;
    padding: 40px 0px 16px 0px;
    margin-bottom: 20px;
}

#enterprise #promoBar {
    clear: both;
    background:url(../i/sp.png) repeat-x left bottom;
    padding: 24px 0px 16px 0px;
    margin-bottom: 20px;
}

#promoBG {
    margin: 0px 0px 0px 0px;
    background:#7495bd;
}
#promo {
    height: 250px;
    background:url(../i/bg-promo.png) no-repeat 10px top;
    position: relative;
}



#enterprise #promoBG {
    margin: 0px 0px 0px 0px;
    background:#5fd215;
}
#enterprise #promo {
    height: 250px;
    background:url(../i/bg-promo-enterprise.png) no-repeat 10px top;
    position: relative;
}

#promoBarMini #promo {
    height: 60px;
    background:url(../i/bg-promo-mini.png) no-repeat 10px top;
    position: relative;
}

#promo h2,
#promo p {
    text-indent: -9000px;
}
#promo .actions {
    position: absolute;
    right: 30px;
    bottom: 0;
    text-indent: 0px;
}

#promo .actions a.dw {
    padding:0px;
    line-height: 50px;
    text-decoration: none;
    text-indent: -9000px;
    float: left;
    width: 200px;
}
#promo .actions a.lm {
    padding:0px 0px;
    line-height: 50px;
    text-decoration: none;
    text-indent: -9000px;
    float: left;
    width: 90px;
}

.box {
    width: 240px;
    float: left;
    background:url(../i/sp.png) repeat-x 0px -50px;
    height: 230px;
}
.box h2 {
    margin: 22px 0px 10px 20px;
    color:#0884a0;
    font-size:14px;
    text-indent: -9000px;
    background:url(../i/sp.png) no-repeat 0px 0px;
}

    h2.metrics {background-position: -400px -100px;}
    h2.effort {background-position: -400px -140px;}
    h2.export {background-position: -400px -180px;}
    h2.codart {background-position: -400px -220px;}

#enterprise h2.metrics {background-position: -700px -100px;height:36px;}
#enterprise h2.effort {background-position: -700px -180px;}
#enterprise h2.export {background-position: -700px -220px;}
#enterprise h2.codart {background-position: -700px -260px;}

.box p {
    margin: 10px 15px 10px 20px;
    color:#454545;
    line-height: 16px;
    font-size:12px;
}

#promoBarMini h1{
	background:url(../i/sp-headlines.png) no-repeat -5px 3px;
	line-height: 60px;
	text-indent: -9000px;
	width: 500px;
}
#promoBarMini h1.downloaddevefor{
	background:url(../i/sp-headlines.png) no-repeat -5px -57px;
}
#promoBarMini h1.deveforsupport{
	background:url(../i/sp-headlines.png) no-repeat -5px -127px;
}
#promoBarMini h1.contactus{
	background:url(../i/sp-headlines.png) no-repeat -5px -197px;
}
#promoBarMini h1.blog{
        padding:4px 0;
        text-indent:0px;
	background:none;
        color:#FFF;
        font:48px/48px 'ReykjavikTwoAGaugeOblique', sans-serif;
}
#promoBarMini h1.blog span{
        font:48px/48px 'ReykjavikTwoCGaugeOblique', sans-serif;
}


#promoBarMini #promo p {
    position: absolute;
    right: 0px;
    bottom: 0;
    text-indent: 0px;
}
#promoBarMini #promo p a{
    display: block;
    width: 180px;
    height:60px;
    text-decoration: none;
	text-indent: -9900px;
	outline: none;
}

#sidebar {
    float: left;
    width: 250px;
}
#sidebar ol{
    list-style:none;
    padding:0 0 0 10px;
}
#sidebar ol li{
    width: 240px;
    line-height: 40px;
    margin:0 0 10px 0;
}
#sidebar ol li.selected{
    background:url(/i/sp.png) no-repeat -958px -99px
}

#sidebar ol li a{
    display: block;
    background:url(/i/sp-headlines.png) no-repeat;
    margin: 0 10px;
    text-decoration:none;
    text-indent:-9000px;
    outline:none;
}
    #sidebar ol li a.wide-01{
        background-position: -850px 0px;
    }
    #sidebar ol li a.wide-02{
        background-position: -850px -60px;
    }
    #sidebar ol li a.wide-03{
        background-position: -850px -130px;
    }
    #sidebar ol li a.wide-04{
        background-position: -1100px 0px;
    }
    #sidebar ol li a.wide-05{
        background-position: -1100px -60px;
    }
    #sidebar ol li a.wide-06{
        background-position: -1100px -130px;
    }
    #sidebar ol li.selected a.wide-01,
    #sidebar ol li a.wide-01:hover{
        background-position: -600px 0px;
    }
    #sidebar ol li.selected a.wide-02,
    #sidebar ol li a.wide-02:hover{
        background-position: -600px -60px;
    }
    #sidebar ol li.selected a.wide-03,
    #sidebar ol li a.wide-03:hover{
        background-position: -600px -130px;
    }
     #sidebar ol li.selected a.wide-04,
    #sidebar ol li a.wide-04:hover{
        background-position: -1350px 0px;
    }
     #sidebar ol li.selected a.wide-05,
    #sidebar ol li a.wide-05:hover{
        background-position: -1350px -60px;
    }
    #sidebar ol li.selected a.wide-06,
    #sidebar ol li a.wide-06:hover{
        background-position: -1350px -130px;
    }

#sidebar ul{list-style:none;padding:0;margin:0;}
#sidebar h2{background:url(/i/sp.png) no-repeat -958px -99px;width: 240px;line-height: 40px;margin:0 0 10px 0;padding:0 0 0 15px;font:24px/40px 'ReykjavikTwoCGauge', sans-serif;color:#7495bd;text-shadow:0px 1px #FFF;}


#contentWrap {
	width: 710px;
	background: url(/i/bg-content.png) no-repeat bottom left;
    padding-bottom:30px;
    margin-top:30px;
	float: left;
}
#content {
    margin-top:-30px;
	padding:30px 35px 10px 35px;
	background: url(/i/bg-content.png) no-repeat;
    font:12px/16px "Lucida Sans Unicode",Helvetica,Arial;
    color:#454545;
    position:relative;
}
#content p {
	margin:0 0 20px 0px;
}

#content .widePromo{
    background:url(/i/sp-headlines.png) no-repeat -600px -500px;
    text-indent:-9000px;
    height:120px;
    margin:0 0 0 -10px;
}
#content .widePromo ul {list-style:none;}

#content .wideSupportPromo{
    background:url(/i/sp-headlines.png) no-repeat -602px -650px;
    text-indent:-9000px;
    height:120px;
    margin:0 0 0 -10px;
}
#content .wideSupportPromo ul {list-style:none;}


#content.download {height:287px;}
#content img.downloadImage{
    position:absolute;
    right:1px;
    top: 60px;
}
#content.video {height:332px;}
#content a.videoImage{
    position:absolute;
    right:1px;
    top: 140px;
}
#content.video p {
    width:280px;
}
#content.download p {
    width:330px;
}

#content.support {}
#content img.supportImage{
    position:absolute;
    right:1px;
    bottom: -24px;
}
#content.contact {position: relative}
#content img.contactImage{
    position:absolute;
    right:1px;
    bottom: -23px;
}
#footer {
	clear:both;
	border-top:1px solid #e1e2e2;
	padding:15px 10px;
    font:11px/16px "Lucida Sans Unicode",Helvetica,Arial;
    color:#454545;
    position:relative;
}
#footer a{
	color:#454545;
	text-decoration:none;
}
#footer a:hover{
	color:#7495bd;
	text-decoration:underline;
}
#footer span{
    display:block;
    float:left;
    background:url(/i/sp.png) no-repeat -1000px -200px;
    text-indent:-9000px;
}
#footer span.deveforFooter{
    width: 77px;
    height: 15px;
}
#footer span.vsFooter{
    background-position:-1000px -260px;
    width: 133px;
    height: 25px;
    position:absolute;
    left: 80px;
    top: 35px;
}
#footer p.fl{
    float: left;
    width: 240px;
}

em {
	text-decoration: underline;
}

.clr{
    clear: both;
}

.post h2 {font:32px/32px 'ReykjavikTwoCGauge', sans-serif;margin:0 0 3px 0;}
#content .post h2 a{text-decoration:none;color:#222;}
#content .post h2 a:hover{color:#7495BD}
#content .post{padding:0px 0 30px 0;}
#content .post a{color:#454545;}
#content .post p{padding:0;margin:0 0 1em 0;}
#content .post .post-info{display:block;color:#7495BD;margin:0 0 1em 0;border-bottom:1px solid #EEE;font-size:10px;}
#content .post .tags{display:block;color:#7495BD;margin:0 0 1em 0;font-size:10px;padding:5px 0px;}
#content .post .tags a{text-decoration:none;color:#999;}
#content .post .tags a:hover{text-decoration:underline;}

.blog #sidebar ul li ul{padding:0px 20px 20px 20px;}
.blog #sidebar ul li div{padding:0px 20px 20px 20px;}
.blog #sidebar a{color:#7495BD;margin:0 0 1em 0;font-size:10px;padding:5px 0px;text-decoration:none;}
.post #sidebar a{text-decoration:none;color:#999;}


h2#comments,
h2#respond {font:18px/22px 'ReykjavikTwoCGaugeOblique', sans-serif;margin:0 0 3px 0;border-bottom:2px solid #222;}





.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }

#cdisplay li{list-style:none;margin:0 0 20px 0;padding:10px 0 0 10px;}
#cdisplay cite a{font-weight:bold;text-decoration:none;color:#222;}
#cdisplay small{display:block;color:#7495BD;margin:0 0 1em 0;border-bottom:1px solid #EEE;font-size:10px;}
#cdisplay small a{text-decoration:none;color:#999;}
#cdisplay p{padding:0px 20px 1em 20px ;margin:0;}

#commentform p a{text-decoration:none;color:#999;}
#commentform p textarea{width:640px;font:14px/20px Arial,sans-serif;color:#333;}

.navigation{text-align:center;}
.navigation a{font:18px/22px 'ReykjavikTwoCGaugeOblique', sans-serif;text-decoration:none;color:#CCC;}
.navigation a:hover{color:#999;}
.previous {float:left;margin:0 0px 0 0;width:40%;text-align:right;}