/* roundroommedia.com   |   screen.css   |   12/20/09 */

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; }

blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none; } 

/* remember to define focus styles! */:focus { outline: 0; } 

/* remember to highlight inserts somehow! */ins { text-decoration: none; }

del { text-decoration: line-through; } 

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0; }

body {
	background: #fff url(../images/body-bg.jpg) 0 0 repeat-x;;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif; 
	color: #7b7c78; 
	text-align: left; 
	margin: 0; 
	padding: 0;
	}
	
#wrap {
	width: 990px;
	margin: 0;
	}
	
h1 a {
	float: left;
	clear: both;
	text-indent: -9999em;
	display: block;
	width: 170px;
	height: 93px;
	background: url(../images/logo.jpg) 0 25px no-repeat;
	margin: 73px 0 0 30px;
	padding: 50px 30px 0 0;
	border-right: #ccc solid 1px;
	}
	
* html h1 a {
	margin: 73px 0 0 15px;
	}
	
#print-logo { display: none; }

#header { 
	width: 990px;
	padding-top: 5px; 
	}

a.estimates {
	/*color: #fff;
	weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	float: left;
	margin: 0 0 0 845px;
	padding: 5px 40px 2px 0;
	background: url(../images/circle-btn.png) 110px 0 no-repeat;
	display: block;
	height: 18px;*/
	display: block;
	height: 18px;
	padding: 5px 40px 2px 0;
	text-indent: -9999em;
	}
	
/*a.estimates:visited { color: #fff; }

a.estimates:hover { 
	text-decoration: underline; 
	background: url(../images/circle-btn.png) 110px -23px no-repeat;
	}*/

#nav {
	float: left;
	margin: 100px 0 21px 0;
	}
	
#nav li {
	list-style: none;
	font-size: 12px;
	float:left;
	}
	
#nav li a {
	color: #92938d;
	text-decoration: none;
	float: left;
	padding: 40px 50px;
	}
	
#nav li a:visited { color: #92938d; }

#nav li a:hover { 
	color: #92938d; 
	background: url(../images/nav-hover-bg.jpg) center center no-repeat;
	}
	
#nav li a.active { 
	color: #92938d; 
	background: url(../images/nav-active-bg.jpg) center center no-repeat;
	}
	
#content { 
	width: 990px; 
	clear: both;
	}
	
#content p {
	font-size: 12px;
	color: #666;
	line-height: 20px;
	margin-bottom: 15px;
	}
	
#content ul { margin: 0 0 10px 13px; }

#content li {
	list-style: disc;
	font-size: 1.1em;
	line-height: 16px;
	}
	
#content #subnav li {
	list-style: none;
	font-size: 1.3em;
	line-height: 30px;
	}
	
#content a {
	color: #3a7fa6;
	text-decoration: underline;
	}
	
#content a:visited { color: #666; }

#content a:hover { color: #19384a; }

#content #subnav a { text-decoration: none; }

#content #subnav a:visited { color: #3a7fa6; }

#content #subnav a:hover { color: #19384a; }

#content #subnav a.active { color: #666; }
	
#sidebar {
	width: 190px;
	float: left;
	padding: 20px;
	clear: both;
	min-height: 335px;
	border-right: #ccc solid 1px;
	}
	
* html #sidebar { height: 335px; }
		
h2.identity-home {
	display: block;
	width: 242px;
	height: 21px;
	padding: 25px 0 20px 0;
	text-align: center;
	font-size: 1.6em;
	background-color: #3a7fa6;
	float: left;
	margin-bottom: 0;
	}
	
h2.websites-home {
	display: block;
	width: 242px;
	height: 21px;
	padding: 25px 0 20px 0;
	text-align: center;
	font-size: 1.6em;
	background-color: #adafa7;
	float: left;
	margin-bottom: 0;
	}
	
h2.collateral-home {
	display: block;
	width: 242px;
	height: 21px;
	padding: 25px 0 20px 0;
	text-align: center;
	font-size: 1.6em;
	background-color: #c5cb86;
	float: left;
	margin-bottom: 0;
	}
	
#content h2 a {
	color: #fff;
	text-decoration: none;
	}
	
#content h2 a:visited { color: #fff; }

#content h2 a:hover { color: #333; }
	
#content a.identity-img {
	display: block;
	width: 242px;
	height: 309px;
	background: url(../images/identity-main.jpg) 0 0 no-repeat;
	float: left;
	text-indent: -9999em;
	margin-bottom: 15px;
	}
	
#content a:hover.identity-img { background: url(../images/identity-main.jpg) -243px 0 no-repeat; }

#content a.websites-img {
	display: block;
	width: 242px;
	height: 309px;
	background: url(../images/website-main.jpg) 0 0 no-repeat;
	float: left;
	text-indent: -9999em;
	margin-bottom: 15px;
	}
	
#content a:hover.websites-img { background: url(../images/website-main.jpg) -243px 0 no-repeat; }

#content a.collateral-img {
	display: block;
	width: 242px;
	height: 309px;
	background: url(../images/collateral-main.jpg) 0 0 no-repeat;
	float: left;
	text-indent: -9999em;
	margin-bottom: 15px;
	}
	
#content a:hover.collateral-img { background: url(../images/collateral-main.jpg) -243px 0 no-repeat; }

#copy-home {
	padding: 20px 50px;
	width: 656px;
	float: left;
	margin-left: 230px;
	}
	
* html #copy-home { margin-left: 115px; }
	
.column-01, .column-02, .column-03 {
	width: 190px;
	float: left;
	}

#footer {
	color: #adafa7;
	font-size: 1.1em;
	margin: 20px 0 20px 380px;
	float: left;
	}
	
* html #footer { margin: 10px 0 20px 200px; }
	
#footer a {
	color: #adafa7;
	text-decoration: none;
	}
	
#footer a:visited { color: #adafa7; }

#footer a:hover { text-decoration: underline; }

/*    INTERNAL STYLES      */

#copy { 
	padding: 20px 50px;
	float: left; 
	width: 656px;
	background-color: #fff;
	min-height: 335px;
	}
	
* html #copy { height: 335px; }
	
#copy h2 {
	font-size: 1.6em;
	color: #bec482;
	margin-bottom: 20px;
	}
	
#copy p {
	font-size: 1.2em;
	}
	
/*    Jquery Slider     */

#slider {
	width: 650px;
	height: 315px;
	margin: 0 auto;
	position: relative;
	border-bottom: #ccc solid 1px;
	}

.scroll {
	height: 280px;
	width: 650px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	background-color: #fff
	}

.scrollContainer div.panel {
	padding: 0;
	width: 650px;
	}
	
#copy .panel img { margin-bottom: 15px; }
	
#copy .panel p {
	font-size: 1.0em;
	color: #ccc;
	float: left;
	}

#copy ul.navigation {
	list-style: none;
	margin: 0;
	padding-bottom: 5px;
	border-bottom: #ccc solid 1px;
	width: 650px;
	float: left;
	}

#copy ul.navigation li {
	width: 40px;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
	}

#copy ul.navigation a {
	color: #555;
	text-decoration: none;
	display: block;
	width: 40px;
	padding: 0 0 5px 0 ;
	}
	
* html #copy ul.navigation a { color: #555; }

#copy ul.navigation a:visited { color: #ed1b2e; }

* html #copy ul.navigation a:visited { color: #ed1b2e; }

#copy ul.navigation a:hover { color: #ccc; }

#copy ul.navigation a.selected { color: #3a7fa6; }

#copy ul.navigation a:focus { outline: none; }
	
#copy .panel h2 {
	font-size: 1.5em;
	color: #a9a9a9;
	border-bottom: #ed1b2e solid 1px;
	width: 630px;
	text-transform: uppercase;
	margin-bottom: 5px;
	}

.panel img { 
	display: block;
	width: 650px;
	background-color: #ccc; 
	height: 250px 
	}
	
/*    Contact Form     */

form input {
	margin-bottom: 15px;
	border: #ccc solid 1px;
	color: #333;
	}
	
form textarea {
	margin-bottom: 15px;
	border: #ccc solid 1px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	width: 260px;
	}
	
/*---------Concepts----------*/

h2.concepts {
	font-size: 1.6em;
	color: #bec482;
	margin: 150px 0 0 0;
	padding: 0 0 45px 50px;
	float: left;
	border-bottom: #ccc solid 1px;
	width: 500px;
	}
	
.concept-left { 
	float: left;
	margin-right: 50px; 
	}