/* 
    Document   : default.css
    Created on : Feb 3, 2010, 11:52:20 PM
    Author     : trodriguez
    Description:
        Stylesheet for zoommediaplus site
*/

body {
    background-image: url('../../images/Bkgd_logo.jpg') ;
    background-repeat:no-repeat;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: white;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1 {
    font-size: medium;
    font-weight:600;
    letter-spacing: .1em
}

ul {
    list-style: disc;
}

li {
    list-style-position: inside;
}

.og {
    color: #ff9933;
}

.gn {
    color:gray;
}

div#all {
    margin: .5in 0 0 1in;
    width:700px;
}

div#container {
    float:left;
    width: 700px;
    height: 442px;
    background: #ff9933;
}

div#logo {
    float:left;
}

div#topbar { 
    background-color: #ccff9a;
    width: 100%;
    height: 85px;
    margin-top:20px;
}

div#main {
    padding: 20px 40px;
}

div.clearme {
    clear:both;
}


div#menu {
	vertical-align: text-bottom;
	width: 446px;
	float:right;
	padding: 0;
	margin-top: 60px;
}

div#menu a {
    vertical-align:text-bottom;
}

div#menu ul {
    padding: 0px;
    margin: 0px;
}

div#menu li {
    zoom: 1;
    display: inline;
    color: #ff9933;
    vertical-align: text-bottom;
}

div#menu img {
    border-style: none;
}

img#homephoto {
    float:left;
}

div#hometext {
    padding-top: 20px;
    padding-left: 40px;
    width:340px;
    float:left;
    font-size: .8em;
    line-height: 1.3em;
}

div#hometext a:link {
    color: #ccff9a;
}

div#hometext a:visited {
    color: #ccff9a;
}

div#socialbar {
    clear:both;
    float:right;
    margin-top: 5px;
}

div#socialbar img {
    border-style: none;
}

div#socialbar a {
    outline: none;
}

div#copy {
    clear:right;
    float:right;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #ff9933;
    vertical-align:bottom;
    font-size: .6em;
    text-align: center;
    margin-top: 10px;
    margin-right: 30px;
}

a#menuhome {
    background-image: url('../../images/menu_home_up.jpg');
    width: 38px;
    height: 18px;
    display: inline-block;
    outline: none;
}

a#menuhome:hover {
    background-image: url('../../images/menu_home_down.jpg');
}

a#menumobileapps {
    background-image: url('../../images/menu_mobile_up.jpg');
    width: 82px;
    height: 18px;
    display: inline-block;
    outline: none;
}

a#menumobileapps:hover {
    background-image: url('../../images/menu_mobile_down.jpg');
}

a#menuabout {
    background-image: url('../../images/Menu_about_up.jpg');
    width: 58px;
    height: 18px;
    display: inline-block;
    outline: none;
}

a#menuabout:hover {
    background-image: url('../../images/Menu_about_down.jpg');
}

a#menuzoomit {
    background-image: url('../../images/menu_zoomit_up.jpg');
    width: 43px;
    height: 18px;
    display: inline-block;
    outline: none;
}

a#menuzoomit:hover {
    background-image: url('../../images/menu_zoomit_down.jpg');
}

a#menucontact {
    background-image: url('../../images/menu_contact_up.jpg');
    width: 71px;
    height: 18px;
    display: inline-block;
    outline: none;
}

a#menucontact:hover {
    background-image: url('../../images/menu_contact_down.jpg');
}

a#menusupport {
    background: url('../../images/menu_support_up.gif') no-repeat 0 0;
    width: 50px;
    height: 18px;
    display: inline-block;
    outline: none;
}

a#menusupport:hover {
    background: url('../../images/menu_support_down.gif') no-repeat 0 0;
}

div#bigContent  {
    text-align: center;
    /* width:100%; */
    padding: 20px;
    height: 250px;
}

div#bigContentInner {
    padding-top:40px;
    background: #fff;
    height: 100%;
    border: #ccff9a 4px solid;
}
div#bigContent p {
    color: #99ca3b;
    font-family: verdana, arial, sans-serif;
    font-size: .8em;
    font-weight: bold;
    line-height: 1.4em;
}

a#buynow {
    background-image: url('../../images/Buy_now_up.jpg');
    float:right;
    outline: none;
    width: 101px;
    height: 33px;
    margin: 18px 85px 0 0;
}
a#buynow:hover {
    background: url('../../images/Buy_now_down.jpg') no-repeat 0 0;
}

div#bigContent2  {
    /*text-align: center; */
    /* width:100%; */
    padding: 20px;
    height: 250px;
}

div#bigContent2Inner {
    padding:20px;
    background: #fff;
    height: 100%;
    border: #ccff9a 4px solid;
}
div#bigContent2 p {
    color: #99ca3b;
    font-family: verdana, arial, sans-serif;
    font-size: .7em;
    font-weight: bold;
    line-height: 1.4em;
}

div#leftContent  {
    float:left;
    height:170px;
    width:46%;
    padding-top: 20px;
    padding-left: 20px;
}

div#leftContentInner {
    padding: 60px 0;
    background: #fff;
    height: 100%;
    border: #ccff9a 4px solid;
}

div#leftContentInner img {
    display:block;
    margin: 0 auto;
    text-align: center;

}

div#leftContent h2 {
    color: #99ca3b;
    font-family: verdana, arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
}

div#leftContent p {
    color: #99ca3b;
    font-family: verdana, arial, sans-serif;
    font-size: .7em;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
}

div#leftContent a {
    color: #ff9933;
    font-family: verdana, arial, sans-serif;
    font-size: 1em;
    line-height: 1.4em;
}

/* right */

div#rightContent  {
    float:right;
    height:170px;
    width:46%;
    padding-top: 20px;
    padding-right: 20px;

}

div#rightContentInner {
    padding:60px 0;
    background: #fff;
    height: 100%;
    border: #ccff9a 4px solid;
}

div#rightContentInner img {
    display:block;
    margin: 0 auto;
    text-align: center;

}

div#rightContent h2 {
    color: #99ca3b;
    font-family: verdana, arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
}

div#rightContent p {
    color: #99ca3b;
    font-family: verdana, arial, sans-serif;
    font-size: .7em;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
}

div#rightContent a {
    color: #ff9933;
    font-family: verdana, arial, sans-serif;
    font-size: 1em;
    line-height: 1.4em;
}