/*	Client: Rock Solid Apps www.rocksolidapps.net
	Autor: Alexander Albrecht www.alexanderalbrecht.de
	© 2008–2009

	Screen, Projection
	CSS-Version 1.42
	06.02.2009

	COLORS
	font				=	#2d2d2d (nicht ganz schwarz)
	background-color		=	#f3f3f3
	link-color			=	#5a5653
	menu-color			=	#484441
	h3-color			=	#2d2d2d
	h4-color			=	#8c8883
	blogdate			=	#5a5653
*/

/* !INITAL RESET */
	/*	HTML UNDOS */
:link, :visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em; font-weight: normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
acronym {cursor: help;}
address	{font-style: normal;}
table {border-spacing: 0;}
table tr td {vertical-align: top; border-collapse: collapse;}

	/*	ADDITIONAL UNDOS */
* {margin: 0; padding: 0;}
img {border: 0;}

	/*	INITIAL SETTINGS */
html { width: 100%; margin: 0; padding: 0; }




/* !SITE GENERAL SETTINGS */
body {
	-webkit-text-size-adjust: auto; /* none (default) | auto | %value */
	font-family: LucidaGrande, Verdana, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 0em;
	line-height: 20px;
	color: #2d2d2d;
	background-color: #f3f3f3;
}

a {
	-webkit-text-size-adjust: auto; /* none (default) | auto | %value */
	color: #5a5653;
}
a:link, a:visited { text-decoration: underline; }
a:hover, a:focus { color: #2d2d2d; text-decoration: none; outline: none; }
/* for PrintCSS a:link:after, a:visited:after { content:" [" attr(href) "] "; } */




/* !HEADER */
div#headerwrapper {	background-color: #fff; }

div#header {
	width: 620px;
	margin: 0 auto;

	position: relative; /* wichtig für menüposition */
	height: 110px;
	padding: 0 40px;
}

h1 {
	position: absolute;
	top: 25px;
	background-image: url(../img/rock-solid-apps-logo-web.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

h1 a {
	display: block;
	width: 125px;
	height: 60px;
	text-indent: -9000px;
}




/* !HEADERBAR BACKGROUNDS */
div#headerbar {
	margin: 0 auto;
	background-position: 0 0;
	background-repeat: repeat-x;
}

body#webcamspro div#headerbar { height: 250px; background-color: #002f67; background-image: url(../img/bg-webcamspro.png); }
body#ruleofthree div#headerbar { height: 250px; background-color: #494f4a; background-image: url(../img/bg-ruleofthree.png); }
body#blog div#headerbar { height: 125px; background-color: #001633; background-image: url(../img/bg-blog.png); }
body#support div#headerbar { height: 125px; background-color: #460500; background-image: url(../img/bg-support.png); }
body#company div#headerbar { height: 125px; background-color: #261a1d; background-image: url(../img/bg-company.png); }


/* !HEADERBAR CENTERIMAGE */
div#headerbar h2 {
	width: 620px;
	margin: 0 auto;
	padding: 0 40px;
	background-position: center 0;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

body#webcamspro div#headerbar h2 { height: 250px; background-image: url(../img/bgbar-webcamspro.png); }
body#ruleofthree div#headerbar h2 { height: 250px; background-image: url(../img/bgbar-ruleofthree.png); }
body#blog div#headerbar h2 { height: 125px; background-image: url(../img/bgbar-blog.png); }
body#support div#headerbar h2 { height: 125px; background-image: url(../img/bgbar-support.png); }
body#company div#headerbar h2 { height: 125px; background-image: url(../img/bgbar-company.png); }


/* !HEADERBAR APPS-OVERVIEW AKA HOME */
body#apps div.appbar h2 {
	height: 250px;
	width: 620px;
	margin: 0 auto 10px auto;
	padding: 0 40px;
	background-position: center 0;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

body#apps div.appbar.webcams { background-color: #002f67; background-image: url(../img/bg-webcamspro.png); }
body#apps div.appbar.webcams h2 { background-image: url(../img/bgbar-apps-webcamspro.png); }
body#apps div.appbar.ruleofthree { background-color: #494f4a; background-image: url(../img/bg-ruleofthree.png); }
body#apps div.appbar.ruleofthree h2 { background-image: url(../img/bgbar-apps-ruleofthree.png); }

body#apps div.idea { height: 100px; background-color: #fff; background-image: url(../img/bg-idea.png); }
body#apps div.idea div#ideawrapper {
	width: 620px;
	margin: 10px auto;
	padding: 20px 40px 0 40px;
}

body#apps h2 a { /* Clickable Appbar */
	display: block;
	width: 620px;
	height: 250px;
	text-indent: -9000px;
}




/* !CONTENT GENERAL */
div#contentwrapper {
	background-image: url(../img/bg-content.png);
	background-position: 0 0;
	background-repeat: repeat-x;
}

div#content {
	width: 620px;
	margin: 0 auto;
	padding: 30px 40px;
	background-color: #fff;

	min-height: 380px;
}

h3 {
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	color: #2d2d2d;
	margin-bottom: 10px;
}

body#apps h3 {
	margin-bottom: 3px;
}

h4 {
	font-weight: bold;
	color: #8c8883;
}

p {
	margin-bottom: 13px;
}

body#blog div#content p {
	width: 400px;
}


/* !CONTENT PRODUCT */
div.descriptionright, div.descriptionright { padding-bottom: 20px; }

div.descriptionright img { float: left; position: relative; }
div.descriptionright p, div.descriptionright h3 { float: right; display: block; width: 380px; }

div.descriptionleft img { float: right; position: relative; }
div.descriptionleft p, div.descriptionleft h3 { float: left; display: block; width: 380px; }

body.product div#content h3 { padding-top: 20px; display: block; }
body.product div#content h3.first { padding-top: 10px; }
body.product div#content { padding-top: 1px; }

ol#features li {
	float: left;
	width: 139px;
	height: 100px;
	padding: 0 8px;

	line-height: 14px;
	text-align: center;
}

ol#features li img { display: block; margin: 0 auto; }

ol#numberedlist { width: 500px; }
ol#numberedlist li { margin-bottom: 20px; padding-left: 30px; background-position: 0 0; background-repeat: no-repeat; }
ol#numberedlist li.number1 { background-image: url(../img/number1.png); }
ol#numberedlist li.number2 { background-image: url(../img/number2.png); }
ol#numberedlist li.number3 { background-image: url(../img/number3.png); }
ol#numberedlist li.number4 { background-image: url(../img/number4.png); }
ol#numberedlist li.number5 { background-image: url(../img/number5.png); }
ol#numberedlist li.number6 { background-image: url(../img/number6.png); }
ol#numberedlist li.number7 { background-image: url(../img/number7.png); }


/* !CONTENT PRODUCT WEBCAMS */
a#getwebcamspro {
	position: relative;
	margin: -84px 0 84px 15px;
	display: block;
	width: 128px;
	height: 22px;
	text-indent: -9000px;
	background: url(../img/getwebcamspro.png) 0 0 no-repeat;
}

img#world-pocket { top: 50px; }
img#photo-app { top: 35px; }
img#webcamstravel { top: 70px; }
img#add-webcams { top: 40px; }
img#think-beyond { top: 67px; }


/* !CONTENT PRODUCT RULE OF THREE */
a#getruleofthree {
	position: relative;
	margin: -84px 0 84px 15px;
	display: block;
	width: 128px;
	height: 22px;
	text-indent: -9000px;
	background: url(../img/getruleofthree.png) 0 0 no-repeat;
}

img#remember { top: 95px; left: 30px; }
img#lethelp { top: 25px; right: 25px; }

body#ruleofthree p.pushdown { margin-top: 20px; }
body#ruleofthree p.appstore { margin-top: 30px; }




/* !CONTENT BLOG */
body#blog div.blogpost {
	margin-bottom: 27px; /* 40px - 13px paragraph margin */
}

body#blog div#content h3 {
	margin-bottom: 0;
}

body#blog div#content h3#archive {
	margin-bottom: 27px;
}

p.blogdate {
	margin-top: -2px;
	font-size: 11px;
	color: #5a5653; 
}

body#blog div#blogsidebar {
	float: right;
	width: 180px;
}

body#blog div#blogsidebar ul {
	margin-bottom: 20px;
}

a.linkrss, a.linktwitter { padding: 0 0 1px 20px; }
a.linkrss { background: url(../img/linkrss.png) 0 0 no-repeat; }
a.linktwitter { background: url(../img/linktwitter.png) 0 0 no-repeat; }


/* !CONTENT COMPANY */
body#company div#content div.person {
	margin-top: 40px;
	height: 190px;
	clear: both;
}

body#company div#content div.person h3, body#company div#content div.person p {
	width: 420px;
	float: right;
}

body#company div#content div.person h3 {
	margin-top: 3px;
}

body#company div#content div.person p.first {
	margin-top: -13px;
}

body#company div#content div.person img {
	float: left;
	position: relative;
	top: 0;
}

body#error404 div#content { height: 380px; }




/* !FOOTER */
div#footer {
	background-image: url(../img/bg-footer.png);
	background-position: center 0;
	background-repeat: no-repeat;

	width: 700px;
	margin: 0 auto;
	padding: 15px 0 20px 0;
	text-align: center;

	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #888;
}

div#footer:hover { color: #2d2d2d; }

body#apps div#footer { background-image: none; }

div#footer p { margin: 0; display: inline; }
div#footer p#applecopyright { display: block; }

ul#menufooter { display: inline; }
ul#menufooter li { display: inline; margin: 0 2px; }

div#footer ul#menufooter a:link, div#footer ul#menufooter a:visited { color: #888; }
div#footer:hover ul#menufooter a:link, div#footer:hover ul#menufooter a:visited { color: #2d2d2d; text-decoration: underline; }
div#footer:hover ul#menufooter a:hover, div#footer:hover ul#menufooter a:active { color: #000; text-decoration: none; }




/* !SEVERAL CLASSES and ID */
.center { text-align: center; }
.small { font-size: 11px; }
.drag { cursor: move, auto; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */