/* CSS GoodRelations Landing Page */

/* grid definition */
.fullwidth {
	width:100%;
}

.page {
	width:960px;
}

.teaserbg, .footerbg {
	width:100%;
	padding: 3px 0 3px 0;
	background-color: #ececec;
}

.size55of100 {
	width:55.2%;
}

.size44of100 {
	width:44.8%;
}

.size30of100 {
	width:30%;
}

.size5of100 {
	width:5%;
}


/* content */
p.small {
    line-height: 100%;
}

small { 
    font-size: 10px;
}

div.line {
    padding-bottom: 10px;
}

.teaserbg div.line {
    padding-bottom: 0;
}

.with_centered_text {
	text-align:center;
}

.videoFrame {
	width:283px;
	height:227px;
}

.logo {
	display:inline;
	margin-left: 0.4em;
	margin-right: 0.4em;
}

p, h1, h2, h3, ul.logo_list, .videoFrame { 
	padding: 5px 5px 5px 5px;
	color: black;
}

h1 { font-size: 22px; }

p {
    text-align: justify;
}

p.left_aligned, .left_aligned p {
    text-align: left;
}
.right_aligned {
    text-align: right;
}
.bold {
    font-weight: bold;
}

/* teaser overrides */

.teaser h1 { font-size:15px; font-weight:bold; }
.teaser h2 { font-size:20px;  }
.teaser p { font-size:13.5px;}

.teaser h1, .teaser h2 { 
    border: none;
    margin: 0px;
}

.teaser h1 { padding: 12px 0px 8px 10px; } 
.teaser h2 { padding: 0px 0px 14px 10px; }
.teaser p { padding: 0px 0px 10px 10px; }

/* slider overrides */

#slider { 
    width: 510px; 
    height: 250px; 
    margin: 0;
    padding-top: 15px;
}

#slider ul {
    padding-top: 0px;
}

.sl_controls {
    padding: 4px 20px 0 0;
    text-align: right;
}
.slide {
	width: 510px;
	height: 250px;
    background-image: url('../images/slidesbg.jpg');
}
.slide div {
    width:205px;
}

.slide h1, .slide p {
    color: white;
    margin: 0;
}

.slide h1 {
    font-size: 13pt;
    font-weight: bold;
}
.slide p {
    font-size: 11.5pt;
    text-align: left;
    padding-right: 5px;
}

.slide a, .slide a:hover {
	color: white;
        background-color: #636161;
	text-decoration: none;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
	border-radius: 6px;
        padding: 4px 5px 4px 5px;
	color: black;
        background-color: #f49535;
}
.slide a:hover {
    color:white;
}

.semantic_seo {
    background-image: url('../images/semantic_seo.jpg');
}

.automotive{ background-position: 0 0;  } 
.in_short{ background-position: 0 -300px;  } 
.mobile_commerce{ background-position: 0 -600px;  } 
.real_estate{ background-position: 0 -900px;  } 
.restaurants{ background-position: 0 -1200px;  } 
.tickets{ background-position: 0 -1500px;  } 

ul.logo_list {
    margin-right: 40px;
}

.contact {
    line-height: 140%;
}

.footer p {
    font-size:12px;
    margin-right: 5px;
}

.mission p {
    font-size: 14px;
    line-height: 140%;
}

.collapse_padding {
    padding-top: 0px;
}

.google_logo_text {
    font-size: 22px;
    color: #df1430;
}

.yahoo_logo_text {
    font-size: 22px;
    color: #814386;
}

.bestbuy_logo_text {
    font-size: 22px;
    color: #0c7eb4;
}

.sears_logo_text {
    font-size: 22px;
    color: #067BB5;
}

.kmart_logo_text {
    font-size: 22px;
    color: #e82d2c;
}

#video {
	cursor: pointer;
}