/* Free css docuement at www.moobnn.com
Template: Mobiaa
 Author Paarth */
 

* {
margin : 0;
padding : 0;
}
* body {
margin : 30px 0 0;
background : url(../images/bg.gif) repeat-x #fff;
font : 0.74em "Trebuchet MS", Arial, Sans-Serif;
color : #444;
}
h1 {
font-size : 3.4em;
font-weight : normal;
float : left;
}
h1 a {
text-decoration : none;
color : #333;
}
h2 {
font-size : 2em;
color : #fff2b3;
font-weight : normal;
margin : 0 0 0.8em;
}
h3 {
font-size : 1.5em;
border-bottom : 1px solid #eee;
margin : 0 0 0.8em;
}
p {
margin : 0 0 2em 0;
line-height : 1.8em;
}
em {
border-bottom : 1px dotted #fff;
cursor : pointer;
}
a {
color:#396;
}
a:hover {
color : #000;
text-decoration : none;
}
img {
border : 0;
}
.red {
color : #9d2900;
}
#header {
width : 940px;
height : 40px;
margin : 0 auto;
}
#menu {
float : right;
padding : 6px 0 0 0;
list-style : none;
}
#menu li {
display : inline;
}
#menu a {
display : block;
float : left;
margin-left : 30px;
padding : 7px;
text-decoration : none;
text-transform : capitalize;
font-size : 13px;
color : #000000;
}
#menu a:hover {
color : #000;
border-bottom : 2px solid #c70012;
}
#menu .active a {
border-bottom : 2px solid #c70012;
color : #9d2900;
}
.inner_copyright{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.wrap {
width : 940px;
margin : 0 auto;
}
#teaser {
clear : both;
height : 259px;
background : url(../images/headerbg.jpg) repeat-x #fff;
}
.box {
float : left;
padding : 66px 0 0;
width : 480px;
color : #c7e3ee;
}
#image {
float : right;
width : 388px;
position : relative;
top : 16px;
background : url(../images/apps.png) top right no-repeat;
height : 258px;
}
#bar {
height : 40px;
margin : 0 0 30px;
padding : 4px 0 0 0;
background : url(../images/bar.gif) repeat-x;
}
.step {
color : #fff;
padding : 2px 0 2px 2px;
margin : 0 2px 0 0;
font-size : 1.8em;
float : left;
text-align : center;
height : 32px;
}
.step a {
color : #fff;
margin : 0 10px 0 0;
}
.step p {
margin-right : 360px;
}
.content {
width : 960px;
margin : 0 auto;
padding-left:20px;
}
.content h2 {
font-family : 'Museo700', Arial, sans-serif;
font-weight : normal;
font-size : 26px;
color : #efefef;
padding-left : 5px;
}
.content h3 {
color : #468107;
font-size : 24px;
line-height : 24px;
font-family : 'Museo700', Arial, sans-serif;
font-weight : normal;
padding-bottom : 17px;
}
.content h4 {
font-style : italic;
font-size : 14px;
line-height : 22px;
color : #e77500;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : bold;
padding-bottom : 14px;
}
.col {
float : left;
width : 280px;
padding-right : 35px;
}
.post ul {
padding : 0 0 24px 0;
}
.post ul li {
list-style : none;
background : url(../images/tick-2.png) 8px 7px no-repeat;
line-height : 12px;
padding : 8px 0 10px 31px;
color : #4a8f00;
font-weight : bold;
}
.post img {
display : block;
padding : 9px 0 17px 3px;
}
.post p {
color : #585858;
line-height : 22px;
padding-bottom : 10px;
margin : 0;
}
.post a {
line-height : 22px;
color : #e77500;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : bold;
font-style : italic;
text-decoration : underline;
}
.post a:hover {
text-decoration : none;
}
.post h4 a {
text-decoration : none;
}
.post h4 a:hover {
text-decoration : underline;
}
.item em {
padding-bottom : 6px !important ;
}
.btn-large a {
display : block;
width : 184px;
height : 51px;
text-align : center;
color : #fff;
}
.btn-large a {
background : url(../images/buttons.png) top left no-repeat;
font-size : 18px;
line-height : 18px;
}
.btn-large a span {
display : block;
padding : 18px 0 18px 0;
height : 18px;
}
.btn-large a:hover, .btn-small a:hover {
text-decoration : none;
}
.btn-small a {
display : block;
width : 113px;
height : 34px;
text-align : center;
color : #fff !important ;
}
.btn-small a {
background : url(../images/buttons.png) -61px -5px no-repeat;
font-size : 12px;
line-height : 12px !important ;
}
.btn-small a span {
display : block;
height : 12px;
padding : 10px 0 10px 0;
}
#footer {
clear : both;
width : 940px;
margin : 10px auto;
padding : 15px;
border-top : 1px solid #e0e0e0;
background : url(../images/small_logotype.jpg) 13px right no-repeat #fff;
}
#footer .right {
float : right;
margin : 0 55px 0 0;
}
#footer a {
color : #808080;
font-weight : bold;
}