/***** Univeral Reset *****/

* {
	margin:0;
	padding:0;
}

/***** Basics *****/

body {
	background:#222;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

a {
	color:#666;
	text-decoration:none;
}

a:hover { border-bottom:1px solid #9F9; }

hr {
	background:#CCC;
	border:none;
	clear:both;
	color:#FFF;
	display:block;
	height:1px;
	margin:15px 0;
}

/***** Typography *****/

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	line-height:1.1em;
}

div.content h1.sectionheader, div.content h2.sectionheader, div.content h3.sectionheader {
	border-bottom:1px solid #CCC;
	margin-bottom:15px;
	padding-bottom:5px;
}

li, p {
	font-size:1.2em;
	line-height:1.5em;
}

ul { list-style:disc inside; }
ul li { margin:0 0 0.75em; }

p { margin:0 0 1em; }

/***** Site Wide Classes *****/

.clear { clear:both; }
.distext { display:none; }
.last { margin:0 0 0; }

/***** ID Level Containers *****/

#container {
	margin:35px auto 0;
	overflow:hidden;
	width:1000px;
}

/***** Styles *****/

/* Logo */
h1.logo {
	background:url(../images/site/thinkingip_logo.gif) no-repeat;
	height:45px;
	margin-left:70px;
	width:636px;
}

/* Class Level Containers */
div.sitecontainer {
	background:url(../images/site/container.gif) repeat-y;
	overflow:hidden;
	width:1000px;
}

div.containertop {
	background:url(../images/site/container_top.gif) no-repeat;
	overflow:hidden;
	width:1000px;
}

div.containerbottom {
	background:url(../images/site/container_bottom.gif) no-repeat left bottom;
	overflow:hidden;
	padding-bottom:28px;
	width:1000px;
}

div.content {
	background:#FFF;
	margin:40px auto;
	overflow:hidden;
	width:858px;
}

div.maincontent {
	float:left;
	margin:0 50px 0 0;
	width:500px;
}

div.sidebar {
	float:left;
	width:308px;
}

div.footer {
	background:#EEE url(../images/site/footer.gif) no-repeat left bottom;
	margin:0 auto;
	padding:20px 0;
	width:898px;
}

/* Navigation */
div.navigation {
	background:#EEE url(../images/site/main_nav.gif) no-repeat;
	margin:28px auto 0;
	width:898px;
}

ul.sitenav {
	list-style:none;
	overflow:hidden;
	padding:0 20px;
	width:898px;
}

ul.sitenav li {
	display:inline;
	font-size:13px;
	font-weight:bold;
	list-style:none;
}

ul.sitenav li a {
	background:#CCC;
	color:#000;
	display:block;
	float:left;
	margin:20px 2px 0 0;
	padding:5px 7px;
	text-transform:lowercase;
}

ul.sitenav li a:hover {
	border:none;
	color:#666;
}

/* Active Tab */

body.default ul.sitenav li.aboutus a, body.our-lawyers ul.sitenav li.ourlawyers a, body.our-services ul.sitenav li.ourservices a, body.contingency-litigation ul.sitenav li.fileonline a, body.patents ul.sitenav li.patents a, body.trademarks ul.sitenav li.trademarks a, body.contact-us ul.sitenav li.contactus a, body.en-espanol ul.sitenav li.enespanol a, body.thank-you ul.sitenav li.fileonline a, body.success-stories ul.sitenav li.success a {
	background:#FFF;
	color:#000;
}

/* Footer */
ul.footerlinks {
	list-style:none;
	margin:0 auto 10px;
	text-align:right;
	width:860px;
}

ul.footerlinks li {
	color:#999;
	display:inline;
}

ul.footerlinks li a {
	color:#999;
	font-size:14px;
	font-weight:bold;
	text-transform:lowercase;
}

ul.footerlinks li a:hover {
	border:none;
	color:#666;
}

p.doejo {
	color:#999;
	margin:0 auto;
	text-align:right;
	width:860px;
}

p.doejo a { color:#666; }

p.doejo a:hover {
	border:none;
	color:#333;
}

/***** File Online Form *****/

div.input {
	margin:0 0 10px;
	overflow:hidden;
	width:100%;
}

div.input label {
	float:left;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.5em;
	margin:0 5px 0 0;
	width:160px;
}

div.input input, div.input textarea {
	background:#FFF;
	border:2px solid #CCC;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding:4px;
	width:320px;
}

div.input textarea { height:100px; }

div.input input.areacode, div.input input.number {
	margin:0 10px 0 0;
	text-align:center;
	width:50px;
}

div.input input:focus, div.input textarea:focus {
	border-color:#999;
}

div.submit { padding:0 0 0 165px; }

div.submit input {
	background:#9F6;
	color:#000;
	border:2px solid #9F6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	padding:4px;
}
