/* ---------------------------------------------------------------------------*/
/* IMPORT                                                                     */
/* ---------------------------------------------------------------------------*/
@import url(layout.css);
/* ---------------------------------------------------------------------------*/
/* TYPOGRAPHY                                                                 */
/* ---------------------------------------------------------------------------*/
body {
    background-color:#fff;
    font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
    color:#1e1e1e;
}

h1,h2,h3,h4,h5,h6 {
    font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
}

h1 {
    color: #000;
    font-size: 2.4em;
    font-weight: normal;
    letter-spacing: -2px;
}


h2 {
    color: #000;
    margin: 0;
    font-size: 1.6em;
    font-weight: normal;
    letter-spacing: -1px;
}

h3 {
    color: #000;
    margin: 0;
    font-size: 1.4em;
    letter-spacing: -1px;
    font-weight: bold;
}

h4 {
    color: #000;
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
}

h5 {
    font-size: 1.0em;
    font-weight: bold;
}

p {
	margin: 0 0 18px 0;
}


a {
    color: #7d1e2c;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

small {
    font-size:0.8em;
}


/* ---------------------------------------------------------------------------*/
/* DESIGN ELEMENTS                                                                       */
/* ---------------------------------------------------------------------------*/
#header {

}

#logo {
    padding-left:50px;
    padding-top:20px;
    padding-bottom:20px;
    float: left;
}

.clear {
	clear: both;
}

.hidden {
    display:none;
}

/* ---------------------------------------------------------------------------*/
/* MENU BAR                                                                   */
/* ---------------------------------------------------------------------------*/
#menubar {
    padding-left:50px;
    text-align:left;
    font-family: Arial, Geneva, sans-serif;
    font-size: 1.2em;
}


/* ---------------------------------------------------------------------------*/
/* LEFT COLUMN                                                                */
/* ---------------------------------------------------------------------------*/
#leftcolumn {
    line-height:175%;
    font-size:1.2em;
    padding-top:10px;
}

.link-to-vendo-concept-bg-image {
    display:block;
    width:550px;
    height:500px;
    background: #fff url('graphics/link-to-vendo-concept-bg-image.gif') repeat-x 0 0;
}

.link-to-vendo-concept-bg-image a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
    margin:0px;
    padding:0px;
}

.link-to-vendo-concept {
    display:block;
    width:550px;
    height:100px;
    background: url('graphics/link-to-vendo-concept.gif') repeat-x 0 0;
}

.link-to-vendo-concept a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
    margin:0px;
    padding:0px;
}

.what-is-vendo-concepts {
    float:right;
    display:block;
    width:245px;
    height:45px;
    background: url('graphics/what-is-vendo-concepts.gif') no-repeat;
	text-indent:-9009px;
}

.what-is-vendo-concepts a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
    margin:0px;
    padding:0px;
}

a.button {
	display:block;
    width:100%;
    border:1px #7d1e2c solid;
    color: #7d1e2c;
	text-transform: uppercase;
	text-decoration:none;
    padding:10px;
    letter-spacing:-1px;
    font-weight:bold;
    text-align:center;
}

a:hover.button {
    background-color: #7d1e2c;
    color:#fff;
}

/* ---------------------------------------------------------------------------*/
/* RIGHT COLUMN                                                               */
/* ---------------------------------------------------------------------------*/
#smartphone {
    width:300px;
    height:417px;
    background: transparent url('graphics/smart-phone-ipod.gif') repeat-x 0 0;
}

#scrollup {
    position: relative;
    overflow: hidden;
    height: 200px;
    width: 150px;
    top:130px;
    left:105px;
}
.headline {
    position: absolute;
    top: 210px;
    left: 5px;
    height: 195px;
    width:140px;
}

#submenu {
    padding: 0px;
    padding-left:10px;
    padding-bottom:25px;
    margin: 0px;
    height:35px;
    float:left;
    font-family: Arial, Geneva, sans-serif;
	font-size: 0.9em;
}

#submenu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#submenu li {
	margin:0;
    margin-right:0px;
	text-align:left;
	padding:5px;
    border-bottom:1px #ccc dotted;
}
#submenu li a {
    display:block;
	color:#666;
	text-transform: uppercase;
	text-decoration:none;
    font-weight:bold;
	padding:3px;
}
#submenu li a:hover {
	color:#7d1e2c;
}
/* ---------------------------------------------------------------------------*/
/* FOOTER                                                                     */
/* ---------------------------------------------------------------------------*/
#footer a{
    color:#333;
}

#footer p{
    padding-top:10px;
}

.delivering-what-others-dream-about {
    float:right;
    display:block;
    width:235px;
    height:25px;
    background: url('graphics/delivering-what-others-dream-about.gif') repeat-x 0 0;
	text-indent:-9009px;
}

.delivering-what-others-dream-about small {
	display:block;
	width:100%;
	height:100%;
	outline:none;
    margin:0px;
    padding:0px;
}