/*OmniOS Landing Page
  April 13, 2012
*/


/*STRUCTURE*/

#landing {
padding-top: 95px;
margin: -80px auto 0;
background-image: url(../img/tail_bg.png);
background-repeat: no-repeat;
width: 1000px;
min-height:1200px;
font: normal 1em/2em Helvetica,Arial,sans-serif;
text-align:left;
color: #444444;
}

h1 {
height:20px; 
width:950px; 
font: italic 2em Georgia, serif;
text-align:left;
color: #777;
padding:50px 0 25px 55px;
background: transparent;
border-top: 15px solid #333;
}

h2 { 
font: italic 1.3em/1.4em Georgia,serif; 
text-align: left;
letter-spacing: .03em;
color: #b15800;	
padding-top: 20px;
}

#col_a{
float: left;
width: 480px;
padding-left: 55px;
}

#col_b{
margin-top: 55px;
float: left;
width: 360px;
min-height: 780px;
background-image: url(../img/corner.png);
background-repeat: no-repeat;
padding: 12px 0 0 55px;
}

.clearfix:after {
clear:both;
display: block;
float: none;
width: 100%;
height: 0;
overflow: hidden;
content:"";
}

/*ELEMENTS*/

/*default links*/

a {text-decoration: none;}

a:link, a:active {
color: #ffab1d;
/*color: #fd7e00;
/*color: #fd7e00;*/
}

a:visited {
color: #e88800;
/*color: #dd5e09;*/
}

a:hover {
color: #ffab1d;
}
/*end default links*/

em {
font-weight:600;
}

ul {
font-size: 0.9em;
line-height: 1.4;
color: #666666;
list-style-image: url(../img/bullet_gray.png);
list-style-position: outside;
}

#col_b li {
padding-bottom: 10px;
}

.bullet_links ul {
margin-left: 190px;
font-style:normal;
font-size: 1em;
color: #dd5e09;
list-style-image: url(../img/bullet_orange.png);
list-style-position: inside;
}

.bullet_links ul li {
width: 225px;
margin-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}

.bullet_links ul li.grouptalk a,
.bullet_links ul li.grouptalk a:link,
.bullet_links ul li.grouptalk a:hover,
.bullet_links ul li.grouptalk a:visited,
.bullet_links ul li.grouptalk a:active {
color: #ffab1d;
}

ul.bullet_sublinks{
font-size: 0.9em;
line-height: .8;
padding:0;
margin-left: 0;
}

ul.bullet_sublinks li{
margin: 0 0 0 30px;
padding-bottom: 5px;
padding-left: 0;
}

.bullet_links ul li ul.bullet_sublinks a,
.bullet_links ul li ul.bullet_sublinks a:link,
.bullet_links ul li ul.bullet_sublinks a:hover,
.bullet_links ul li ul.bullet_sublinks a:visited,
.bullet_links ul li ul.bullet_sublinks a:active {
color: #888888;
}

ul.bullet_sublinks li.mailicon {
list-style-image: url(../img/OS_mail_icon.png);
list-style-position: inside;
}

ul.bullet_sublinks li.chaticon {
list-style-image: url(../img/OS_chat_icon.png);
list-style-position: inside;
}


#logo {
background-image: url(../img/OmniOS_logo.png);
width: 450px;
height: 275px;
}

#bttn_big:link,
#bttn_big:visited,
#bttn_big:active {
margin-top: -45px;
background-image: url(../img/button_gitbg.png);
width:205px;
height:35px;
border: 3px solid #e88800;
border-top-color: #ffab1d;
border-bottom-color: #b85400;
font: normal 1.3em Helvetica,Arial,sans-serif;
letter-spacing: .075em;
text-align: center;
color: #FFFFFF;
padding-top: 15px;
padding-right: 20px;
padding-left: 20px;
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
-ms-border-radius: 5px;
}

#bttn_big:hover {
color: #fbfbee;
border: 3px solid #ffab1d;
border-top-color: #ffcc99;
border-bottom-color: #ffab1d;
background-image: url(../img/buttonovr_gitbg.png);
}

#bttn_big span{
font: normal 21px Helvetica,Arial,sans-serif;
letter-spacing: .075em;
}

.arrow-down {
margin-left: 178px;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 20px solid #fff;
display:inline;
}

.intro {
font-weight:700;
}
.intro a {
color: #b85400;
}
 
.widea {
width: 410px;
margin-left:40px;
}

.widea p:first-child {
margin-top:2em;
text-align:right;
}

.callouta {
font-family:Georgia,serif; 
font-style: italic; 
text-align: right;
font-size: 19px;
color: #b85400;
}

.calloutb {
font: italic 19px Georgia,serif; 
font-weight: 100;
text-align: right;
color: #555555;
padding-top: 10px;
}

div.footer{
text-align:center;
font: normal 0.8em Helvetica;
color: #888888;
}
