/* Clean */

body{
	background: #f5f2eb;
	font-family: Arial, Helvetica, sans-serif;}

.siteContainer{width: 100%;}

#style{
	width: 410px;}

#header{
	background: url(/Docs/Images/Clean/headerBkgd.jpg) bottom center repeat-x;
	width: 100%;
	height: 171px;}

#header .logo{
	float: left;
	margin: 25px 0 0 13px;}


/********** Navigation **********/
#navigation {
	position:relative;
	float:right;
	width:370px;}
	
#navigation ul {
	position: absolute;
	top: 0px;
	width: 100px;
	margin: 25px 0 0 0;}
	
#navigation li {
	position:relative;
	margin:0;
	padding:0;
	background:none;
	list-style:none;}
	
#navigation li a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	color: #c2b3a0;
	text-decoration: none;
	font-size: 14px;
	text-align: left;
	height: 16px;}
	
#navigation li a:before {
	content:"/ ";}
	
#navigation li a:hover {
	color: #fff;}
	
#navigation li a.active {
	background: url(/Docs/Images/Clean/arrowNav.gif) center left no-repeat;
	color: #fff;}
	
#navigation li ul li a.active {
	background:none;}
	
#navigation li ul {
	display:none;
	margin:0;}
	
#navigation li.parent:hover ul, #navigation li.parent ul.current {
	display: block;
	left: 85px;}
/********** End **********/


#content{width: 960px; margin: 30px 0 0 0;}

/********** Large Rail **********/
#largeRail{width: 560px; float: left;}
/********** End **********/


/********** Post **********/
#largeRail .post{
	text-align: left;}
	
#largeRail .post .title a{
	font-size: 20px;
	font-family: Verdana, Geneva, sans-serif;
	color: #624e35;
	text-decoration: none;}
	
#largeRail .post .title a:hover{
	text-decoration: underline;
	color: #382814;}
	
#largeRail .post .description p{
	font-size: 12px;
	color: #666;
	line-height: 20px;}
	
#largeRail .post .description p a{
	color: #247fa9;
	text-decoration: none;}
	
#largeRail .post .description p a:hover{
	text-decoration: underline;}
	
#largeRail .post .description p.postDate{
	text-align: right;
	font-size: 11px;
	color: #999;}
	
#largeRail .post .line{
	border-top: 1px solid #e1ddd7;
	border-bottom: 1px solid #f5f3ec;}
	
#largeRail .content .download a{
	color:#247FA9;
	text-decoration:none;
	font-size: 12px;}

#largeRail .content .download a:hover{
	text-decoration: underline;}
/********** End **********/



/********** About & Contact *********/
#largeRail .about{
	float: left;
	margin: 0 0 0 0;}
	
#largeRail .about .title{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #624E35;
	text-align: left;
	margin: 0 0 0 0;
	letter-spacing: 1px;}

#largeRail .about .height{
	clear: both;
	height: 20px;
	overflow: hidden;}
	
#largeRail .about .description{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align: left;
	line-height: 20px;
	margin: 10px 0 0 0;}
	
#largeRail .about .description p{}
#largeRail .about .description p a{background: #FDF8CF; color: #89724d; text-decoration: none;}
#largeRail .about .description p a:hover{color: #89724d; text-decoration: underline;}
#largeRail .about .arrow{
	border-top: 1px solid #e1ddd7;
	border-bottom: 1px solid #f5f3ec;}
	
#largeRail .about .spacer{clear: both; height: 30px;}
#largeRail .about .contact .forms{background: #fff; border: 1px solid #E1DDD7; color: #624E35; height: 20px; width: 250px; font-size: 15px;}
#largeRail .about .contact .errors{border: 3px solid #000;}
#largeRail .about .contact .message{background: #fff; border: 1px solid #E1DDD7; color: #624E35; height: 200px; width: 500px; font-size: 15px; white-space: normal;}
#largeRail .about .contact .submit{background: url(/Docs/Images/Clean/submitBTN.gif) top left no-repeat; height: 40px; width: 130px; border: 0px; cursor: pointer;}
#largeRail .about .contact span{font-size: 12px;}
/********** End *********/


/********** Services *********/
#largeRail .services{
	float: left;
	text-align: left;}
	
#largeRail .services .title{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #624E35;}
	
#largeRail .services .subTitle{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #624E35;}
	
#largeRail .services .subDescription{
	font-size:12px;
	color:#666;
	padding: 10px 0 0 0;
	line-height: 20px;}
	
#largeRail .services .subDescription p{text-align: left; padding: 0; margin: 0;}
#largeRail .services .subDescription p a{background: #fdf8cf; color: #89724d; text-decoration: none;}
#largeRail .services .subDescription p a:hover{color: #89724d; text-decoration: underline;}
#largeRail .services .subArrow{
	border-top: 1px solid #e1ddd7;
	border-bottom: 1px solid #f5f3ec;}
#largeRail .services .description{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; padding: 5px 0 0 25px; line-height: 22px;}
#largeRail .services .description p{text-align: left; padding: 0; margin: 0;}
#largeRail .services .description p a{background: #fdf8cf; color: #89724d; text-decoration: none;}
#largeRail .services .description p a:hover{color: #89724d; text-decoration: underline;}
#largeRail .services .arrow{}
#largeRail .services .spacer{clear: both; height: 30px;}
/********** End *********/


/********** Small Rail **********/
#smallRail{
	width: 360px;
	margin: 0 0 0 40px;
	float: left;
	text-align: left;
	font-size: 12px;
	color: #666;}

#smallRail a{
	color: #247fa9;
	text-decoration: none;}
	
#smallRail a:hover{
	text-decoration: underline;}
	
#smallRail .title{
	font-size: 20px;
	font-family: Verdana, Geneva, sans-serif;
	color: #624e35;}
	
#smallRail .sub{
	font-size: 11px;
	color: #999;}
	
#smallRail .line{
	border-top: 1px solid #e1ddd7;
	border-bottom: 1px solid #f5f3ec;}
/********** End **********/


/********** The List **********/
#smallRail .theList .toDo a{
	font-size: 12px;
	color: #247fa9;
	text-decoration: none;}
	
#smallRail .theList .toDo a:hover{
	text-decoration: underline;}
/********** End **********/


/********** Who We Are **********/
#smallRail .whoWeAre .text{
	line-height: 20px;
	margin: 10px 0 40px 0;}
	
#smallRail .whoWeAre ul{
	margin: 5px 0 5px 15px;}
/********** End **********/


/********** Social Networks **********/
.social .facebook{
	background: url(/Docs/Images/facebook.png) center left no-repeat;
	vertical-align: middle;
	padding: 0 0 0 35px;
	margin: 10px 0;
	height: 33px;}
	
.social .twitter{
	background: url(/Docs/Images/twitter.png) center left no-repeat;
	vertical-align: middle;
	padding: 0 0 0 35px;
	margin: 0 0 40px 0;
	height: 29px;}
	
.social .linkText{
	padding: 7px 0 0 0;}
	
.social .linkText a{
	text-decoration: none;}
	
.social .linkText a:hover{
	text-decoration: underline;}
/********** End **********/


/********** Tutorials *********/
#largeRail .entry{width: 560px; float: left;}
#largeRail .entry .size{width: 560px; float: left;}

#largeRail .entry .date{display: none;}

#largeRail .entry .tags{display: none;}

#largeRail .entry .title{font-family: Verdana, Geneva, sans-serif; font-size: 20px; color: #624E35; text-align: left;}
#largeRail .entry .title a{font-family:Verdana, Geneva, sans-serif; font-size: 20px; color: #624E35; text-decoration: none;}
#largeRail .entry .title a:hover{text-decoration: underline;}
#largeRail .entry .subTitle{font-family:Verdana, Geneva, sans-serif; font-size: 20px; color: #624E35; text-align: left; margin: 10px 0 0 0;}

#largeRail .entry .subDescription{font-size:12px; color:#666; text-align: left; padding: 5px 0 10px 0; line-height: 22px; width: 560px; float: left;}
#largeRail .entry .subDescription a{background: #fdf8cf; color: #666; text-decoration: none;}
#largeRail .entry .subDescription a:hover{color: #666; text-decoration: underline;}

#largeRail .entry .subDescriptionContinue{font-size:12px; color:#666; text-align: left; padding: 5px 0 10px 35px; line-height: 22px; width: 490px; float: left;}
#largeRail .entry .subDescriptionContinue a{background: #fdf8cf; color: #666; text-decoration: none;}
#largeRail .entry .subDescriptionContinue a:hover{color: #666; text-decoration: underline;}

#largeRail .entry .description{font-size:12px; color:#666; text-align: left; padding: 5px 0 5px 0; line-height: 22px; width: 560px; float: left;}
#largeRail .entry .description p{text-align: left; padding: 0; margin: 0;}
#largeRail .entry .description p a{ background: #fdf8cf; color: #666; text-decoration: none;}
#largeRail .entry .description p a:hover{color: #666; text-decoration: underline;}

#largeRail .entry .arrow{
	border-bottom:1px solid #F5F3EC;
	border-top:1px solid #E1DDD7;}
#largeRail .entry .subArrow{
	border-bottom:1px solid #F5F3EC;
	border-top:1px solid #E1DDD7;}
#largeRail .entry .spacer{
	clear: both;
	height: 30px;}

#largeRail .entry .code530{background: #f2f2f2 url(/Docs/Images/graph.gif) left top repeat; margin: 5px 0 5px 27px; width: 530px; border: 1px solid #9c9c9c; float: left;}
#largeRail .entry .codeText{background: #f2f2f2 url(/Docs/Images/graph.gif) left top repeat; margin: 0; width: 520px; border: 1px solid #9c9c9c; overflow: hidden; float: left; margin: 5px 0 15px 5px;}

#largeRail .entry .code520{background: #f2f2f2 url(/Docs/Images/graph.gif) left top repeat; margin: 5px 0 5px 5px; width: 520px; border: 1px solid #9c9c9c; float: left;}
#largeRail .entry .code520 pre{text-align: left; padding: 0 0 0 10px;}
#largeRail .entry .code520 .pink{color: #FF00FF;}
#largeRail .entry .code520 .darkBlue{color: #000099;}
#largeRail .entry .code520 .lightBlue{color: #0000FF;}
#largeRail .entry .code520 .green{color: #006600;}
#largeRail .entry .code520 .purple{color: #990099;}
#largeRail .entry .code520 .highlight{background: #fdf8cf;}
#largeRail .entry .code520 .comment{color: #9a9a9a;}

#largeRail .entry .download{text-align: left; clear: both; font-size: 12px; margin: 0 0 0 27px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; color: #666;}
#largeRail .entry .download a{background: #fdf8cf; padding: 5px;  border: 1px solid #9C9C9C; color: #666; text-decoration: none;}
#largeRail .entry .download a:hover{background: #fff; text-decoration: none;}
/********** End *********/


/********** Footer **********/
#footer{
	width: 960px;}
	
#footer a{
	text-decoration: none;
	color: #247fa9;}
	
#footer a:hover{
	text-decoration: underline;}
	
#footer .line{
	border-top: 2px dotted #E1DDD7;}
	
#footer .checkUsOut{
	text-align: left;
	font-size: 11px;
	color: #666;}
/********** End **********/


/********** Thickbox *********/
#TB_closeWindowButton{background: url(/Docs/Images/Clean/thickboxClose.png) top left no-repeat;}
#TB_title{background: url(/Docs/Images/Clean/thickboxTop.png) bottom left no-repeat;}
#TB_footer{background: url(/Docs/Images/Clean/thickboxBottom.png) top left no-repeat;}
#TB_ajaxContent{background: url(/Docs/Images/Clean/thickboxBorder.png) top left repeat-y;}
#TB_ajaxWindowTitle{float:left; padding:12px 0 0 25px; font-size: 20px; font-family: Verdana, Geneva, sans-serif; color: #382814;}
#TB_footer p{margin: 0 0 0 0; padding: 0 30px 0 0; color: #666; font-size: 12px; text-align: right;}
/********** End *********/