/* screen.css */

/* Eric Meyer's Reset Reloaded - Compact */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

body {
	background: #000;
	color: #999;
	font: normal 62.5%/2.2em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
}

/* blocks */
#wrap {
	width: 800px;
	margin: 0 auto;
	font-size: 1.5em;
}

#columns {
	display: block;
	clear: both;
	padding: 20px 0 20px 0;
	margin: 20px 0 20px 0;
	border-top: 1px solid #333;
}

.col {
	width: 45%;
	display: inline;
}

#info {
	font-style: normal;
	font-size: 80%;
	text-align: center;
	display: block;
	clear: both;
}

.star-list li a {
	background: transparent url(i/bullet_star.gif) no-repeat 5px 50%;
	display: block;
	padding: 3px 3px 3px 25px;
	text-decoration: none;
}

.left { float: left; }

.right { float: right; }

#foot {
	clear: both;
	padding: 20px 0 20px 0;
	border-top: 1px solid #333;
}

p#intro {
	font-size: 1.2em;
	line-height: 1.6em;
}

/* links */
a:link, a:visited { color: #ff9900; }
a:hover, a:visited a:active { color: #fff; }

/* headings, text */
h1 {
	background: transparent url(i/webpros_header.jpg) no-repeat center;
	display: block;
	height: 215px;
	width: 100%;
	text-indent: -9999px;
	padding: 50px 0 0 0;
}

h2 {
	color: #fff;
	font-size: 2.5em;
	padding: 0 0 20px 0;
	color: #ff9900;
}

h3 {
	color: #fff;
	font-size: 1.3em;
	padding: 0 0 10px 0;
}

p {
	margin: 0 0 10px 0;
	padding: 0;
}

/* social links */
#social {
	display: block;
	clear: both;
	list-style: none;
	width: 168px;
	height: 32px;
	margin: auto;
	padding: 10px 0 10px 0;
}

#social li {

}

#social li a {
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	text-indent: -9999px;
	border: 0;
	padding: 0 5px 0 5px;
}

#sb-linkedin a { background-image: url(i/sb_linkedin.png); }
#sb-twitter a { background-image: url(i/sb_twitter.png); }
#sb-facebook a { background-image: url(i/sb_facebook.png); }
#sb-google a { background-image: url(i/sb_google.png); }

/* big buttons */
#buttons {
	list-style: none;
	width: 567px;
	margin: auto;
}

#buttons li {

}

#buttons li a, #buttons li a span {
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	height: 156px;
	text-indent: -9999px;
	display: block;
	float: left;
	border: 0;
}

#buttons li a { position: relative; }
#buttons li a span { position: absolute; top: 0; left: 0; float: none !important; }

#dp a { background-image: url(i/nav_designpros.jpg); width: 193px; }
#bb a { background-image: url(i/nav_bbgraphics.jpg); width: 182px; }
#wp a { background-image: url(i/nav_wrappros.jpg); width: 192px; }

#dp a span { background-image: url(i/nav_designpros_hover.jpg); width: 193px; }
#bb a span { background-image: url(i/nav_bbgraphics_hover.jpg); width: 182px; }
#wp a span { background-image: url(i/nav_wrappros_hover.jpg); width: 192px; }

/* twitter widget */
.twtr-tweet {
	background: none !important;
	border-bottom: 1px solid #333 !important;
}

/* clearfix */
.clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clear { zoom: 1; } /* IE6 */

*:first-child+html .clear { zoom: 1; } /* IE7 */