/*  



Theme Name: Class Racing Stable



Theme URI: http://www.thinkpro.net/



Description: This is a custom wordpress theme built just for the Class Racing Stable.



Version: 1.0



Author: Ronald Miranda



Author URI: http://thinkpro.com/



*/







html {

	background-color: #000000;

	background-image: url(images/bgRepeateoff.jpg);

	background-repeat: repeat-x;

	background-position: center top;

}



body {



	background-image: url(images/bodyBG.gif);



	background-repeat: no-repeat;



	background-position: center top;



	margin-left: 0px;



	margin-top: 0px;



	margin-right: 0px;



	margin-bottom: 0px;



	font-family:Arial, Helvetica, sans-serif;



	width:100%;



	height:100%;



}







#apalogo{



	



	left: 865px;



	top: 20px;



	height: 50px;



	width: 50px;



	position: absolute;



}







.viewMore a {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	font-weight: bold;



	color: #FFFFFF;



	text-decoration: none;



	background-image: url(images/blueTop.jpg);



	background-position: center center;



	padding-top: 5px;



	padding-right: 5px;



	padding-bottom: 5px;



	padding-left: 185px;



}



.viewMore a:hover {



	text-decoration: underline;



	color: #FFFFFF;



}











#wrapper {



	margin-left: auto;



	margin-right: auto;



	width: 1000px;



	position: relative;



	background-repeat: no-repeat;



	background-position: left top;



	overflow:hidden;



}







#wrapperBG {



}







#header {



	width: 1000px;



	background-repeat: no-repeat;



	float: left;



	display: inline;



	background-image: url(images/header.gif);



}







#headerTop {



width: 1000px;



height: 146px;



float: left;



display: inline;



}







#headerBottom {



width: 1000px;



height: 480px;



float: left;



background-image:url(images/header_image.gifOFF);



background-repeat: no-repeat;



position:relative;



}







#headerBottom2 {



width: 1000px;



height: 300px;



float: left;



	display: inline;



background-image:url(images/newLandingPage.jpg);



background-repeat: no-repeat;



overflow: hidden;



}







#logo {



width: 160px;



height: 115px;



margin-left: 60px;



margin-top: 20px;



float: left;



	display: inline;



}











.breadcrumb {



	float: left;



	width: 550px;



	font-size: 10px;



	margin: 0px 0px 20px 0px;



	padding: 0px 0px 3px 0px;



	border-bottom: double #EAEAEA;



	display:none;



}



.nav {



	padding-right: 25px;







}















#menuBar {



	position:absolute;



	top:102px;



	left:189px;



	width:800px;



	z-index:21;



}















#nav {



	margin: 0px;



	padding: 0px;



	list-style: none;



	z-index:21;



	}



	



#nav ul {



	margin: 0px;



	padding: 0px;



	list-style: none;



	z-index:21;



	}







#nav a, #nav a:visited {



	font-size: 12px;



	font-weight: bold;



	color: #FFFFFF;



	padding-top: 13px;



	padding-bottom:13px;



	padding-right:10px;



	padding-left:10px;



	margin-bottom:0px;



	display:block;



	margin-right:3px;



	margin-left:3px;



	text-decoration: none;



	display: block;



	background-color: #212c78;



	text-transform: uppercase;



	}



	



#nav a:hover {



	background-color: #ffffff;



	color:#160c4b;



	}







#nav li {



	float: left;



	margin: 0px;



	padding: 0px;



	z-index:21;



	}



	



#nav li li {



	float: left;



	clear:left;



	margin-top: -2px;



	padding: 0px;



	width: 158px;



	margin-right: 0px;



	margin-bottom: 0px;



	margin-left: 0px;



	}



	



#nav li li a,



#nav li li a:hover,



#nav li li a:visited {



	font-size: 11px;



	font-weight:bold;



	background-image: none;



}



/* nav drop down menu style */	



#nav li li a, #nav li li a:link, #nav li li a:visited {



	width: auto;



	float: none;



	margin: 0px;



	padding: 7px 5px 7px 5px;



	color: #160c4b;



	background-color:#FFFFFF;



	}



	



#nav li li a:hover, #nav li li a:active {



	padding: 7px 5px 7px 5px;



	background-color: #160c4b;



	color: #ffffff;



	border-top-width: 0px;



	}



.subTop img {



	height: 13px;



	width:170px;



	padding: 0px 0px 0px 0px;



	margin-left:-10px;



	margin-top:-11px;



	position: absolute;



}



#nav li ul {



	position: absolute;



	width: 186px;



	left: -999em;



	padding: 2px 8px 8px 6px;



	margin-left: -3px;



	background-image: url(images/bgSubmenu.png);



	background-repeat: no-repeat;



	background-position: left bottom;



	margin-top:0px;



	z-index:21;



	}







#nav li ul li {



	display:block;



	float:left;



	position:relative;



}







#nav li:hover ul {



	left: auto;



	display: block;



	z-index:21;



	}



	



#nav li:hover ul, #nav li.sfhover ul {



	left: auto;



	}















#contentWrapper {



	width: 1000px;



	float: left;



	display: inline;



	margin-top: 0px;



	margin-left: 0px;



	background-image: url(images/contentBG.gif);



	padding-bottom: 25px;



}







#mainColumn #content {



	width: 550px;



	float: left;



	display: inline;



	margin-top: 25px;



	margin-left: 58px;



}







#rightColumn {



	width: 310px;



	float: left;



	display: inline;



	margin-top: 20px;



	margin-left: 38px;



}



#columnLayoutSlim3 {



	width:170px;



	float:left;



	margin-left:5px;



	margin-right:5px;



	display:inline;



}



#columnLayoutSlim3 a {



	font-size: 13px;



	display:block;



	padding-bottom:10px;



	



}







#footer {



	width: 937px;



	height: 53px;



	background-image:url(images/footerBG.gif);



	background-repeat: no-repeat;



	float:left;



	display: inline;



	padding-left: 63px;



	padding-top: 15px;



	background-position: center bottom;



	margin-bottom:150px;



}







#footerLeft {



width: 827px;



height: 51px;



float:left;



	display: inline;



}







#footerRight {



width: 40px;



height: 51px;



float:left;



	display: inline;



	margin-top:8px;



	margin-left:30px;



	display:inline;



}











.footer {

	font-size: 8pt;

	color: #999999;

	line-height: 12pt;

}











#columnLayout {



	float:	left;



	width: 265px;



}



#columnLayout2 {



	float:	right;



	width: 265px;



	



}



.thumb {



	padding: 10px;



	border: 1px solid #E8E8E8;



	margin-bottom: 25px;



}



.thumb h2 {



	margin-bottom: 10px;



}



.thumbright b a{



	text-transform: uppercase;



	font-size: 14px;



}











h1 {



	font-family:"Times New Roman", Times, serif;



	font-size: 18px;



	color: #3B80A9;



	font-weight:lighter;



}







h2 {



	font-family:Arial, Helvetica, sans-serif;



	font-size: 19px;



	color: #000000;



	text-decoration:none;



}











.joinLeft {



	font-family:"Times New Roman", Times, serif;



	font-size: 10pt;



	width:60px;



	height: 20px;



	display: block;



	float: left;



	text-align: right;



	margin-top: 0px;



	margin-right: 0px;



	vertical-align: middle;



	padding-bottom: 9px;



}



	



.joinRight {



	width: 200px;



	height: 20px;



	display: block;



	float: left;



	text-align: right;



	margin-top: 0px;



	margin-right: 0px;



	vertical-align: middle;



	padding-right: 15px;



	padding-bottom: 9px;



}







#newsletter {



	width: 425px;



	height: 225px;



	float: right;



} 



#flash {



	width: 940px;



	height: 480px;



	z-index: 1;



	top: 0px;



	left: 0px;



	margin-left:31px;



	position:absolute;



	float:left;



}



.photos {



width: 80px;



height: 60px;



background-color:#990066;



float: left;



margin-left: 18px;



margin-top: 10px;



} 







#blueTop {

	width: 310px;

	background-image: url(images/blueInside.jpg);

	background-repeat: repeat-y;

	float: left;

	display: inline;

	background-position: left top;

	font-weight: bold;

}







#blueTop h2 {

	font-family:Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	font-size: 16px;

	color: #ffffff;

	font-weight:normal;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	font-weight: bold;

}



	



	



	



#blueInside {



	width: 270px;



	background-image:url(images/blueTop.jpg);



	background-repeat:no-repeat;



	float: left;



	display: inline;



	padding-right: 20px;



	padding-left: 20px;



}







#blueBottom {



	width: 310px;



	height: 10px;



	background-image:url(images/blueBottom.jpg);



	background-repeat: no-repeat;



	float: left;



	display: inline;



	background-position: left bottom;



	margin-bottom: 10px;



}







#blueTopThin {



	width: 265px;



	background-image: url(images/blueInsideThin.jpg);



	background-repeat: repeat-y;



	float: left;



	display: inline;



	background-position: left top;



}







#blueTopThin h2 {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #ffffff;

	font-weight:normal;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

}



	



	



	



#blueInsideThin {



	width: 225px;



	background-image:url(images/blueTopThin.jpg);



	background-repeat:no-repeat;



	float: left;



	display: inline;



	padding-right: 20px;



	padding-left: 20px;



}



#blueInsideThin li p a,



#blueInside li p a {



	font-weight:bold;



	color:#D02327;



}







#blueBottomThin {



	width: 265px;



	height: 10px;



	background-image:url(images/blueBottomThin.jpg);



	background-repeat: no-repeat;



	float: left;



	display: inline;



	background-position: left bottom;



	margin-bottom: 10px;



}











.hppostmeta {



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #E5E5E5;



	margin-bottom: 20px;



}



/* Begin Typography & Colors */



















#content {



	width:550px;



	}







.widecolumn .entry p {



	}







.narrowcolumn .entry, .widecolumn .entry {



	}







.widecolumn {



	}







.narrowcolumn .postmetadata {



	text-align: center;



	}







.alt {



	background-color: #f8f8f8;



	border-top: 1px solid #ddd;



	border-bottom: 1px solid #ddd;



	}











small {



	font-family: Arial, Helvetica, Sans-Serif;



	}







h1, h2, h3 {



	font-family:"Times New Roman", Times, serif;



	font-weight:lighter;



	text-align:left;



	}







h1 {	



	font-family:"Times New Roman", Times, serif;



	font-size: 18px;



	color: #3B80A9;



	font-weight:lighter;



	}















h2 {	



	font-family:"Times New Roman", Times, serif;



	font-size: 18px;



	color: #3B80A9;



	font-weight:lighter;



	}







h2.pagetitle {	



	font-family:"Times New Roman", Times, serif;



	font-size: 18px;



	color: #3B80A9;



	font-weight:lighter;



	}







#sidebar h2 {

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

	text-transform:uppercase;

		font-weight: bold;

}







h3 {



	font-size: 1.3em;



	}







h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {



	text-decoration: none;



	color: white;



	}







h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {



	text-transform:uppercase;



	color: #d02327;



	font-family: Arial, Helvetica, sans-serif;



	}







h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {



	text-decoration: none;



	}







.entry p a:visited {



	color: #b85b5a;



	}







.commentlist li, #commentform input, #commentform textarea {



	font: 0.9em Arial, Helvetica, sans-serif;



	}







.commentlist li {



	font-weight: bold;



	}







.commentlist cite, .commentlist cite a {



	font-weight: bold;



	font-style: normal;



	font-size: 1.1em;



	}







.commentlist p {



	font-weight: normal;



	line-height: 1.5em;



	text-transform: none;



	}







#commentform p {



	font-family: Arial, Helvetica, sans-serif;



	}







.commentmetadata {



	font-weight: normal;



	}







#sidebar {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	}







small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {



	color: #777;



	}







code {



	font: 1.1em 'Courier New', Courier, Fixed;



	}







acronym, abbr, span.caps



{



	font-size: 0.9em;



	letter-spacing: .07em;



	}







a, h2 a:hover, h3 a:hover {



	color: #06c;



	text-decoration: none;



	}







a:hover {



	color: #147;



	text-decoration: underline;



	}







#wp-calendar #prev a, #wp-calendar #next a {



	font-size: 9pt;



	}







#wp-calendar a {



	text-decoration: none;



	}







#wp-calendar caption {



	font: bold 1.3em Arial, Helvetica, sans-serif;



	text-align: center;



	}







#wp-calendar th {



	font-style: normal;



	text-transform: capitalize;



	}



/* End Typography & Colors */















/* Begin Structure */















.narrowcolumn {



	float: left;



	padding: 0px;



	margin: 0px;



	}







.widecolumn {



	padding: 0px;



	margin: 0px;



	}







.post {



	margin: 0 0 40px;



	}







.post hr {



	display: block;



	}







.widecolumn .post {



	margin: 0;



	}







.narrowcolumn .postmetadata {



	padding-top: 5px;



	}







.widecolumn .postmetadata {



	margin: 0px;



	}







.widecolumn .smallattachment {



	text-align: center;



	float: left;



	width: 128px;



	margin: 5px 5px 5px 0px;



}







.widecolumn .attachment {



	text-align: center;



	margin: 5px 0px;



}







.postmetadata {



	clear: left;



	display:none;



}



















/* End Structure */















/*	Begin Headers */



h1 {



	padding: 0px;



	margin: 0;



	font-size: 24px;



	font-weight: bold;



	color: #000000;



	}







h2 {



	margin: 0px;



	}







h2.pagetitle {



	margin-top: 0px;



	text-align: center;



}







h3 {



	padding: 0;



	margin: 0px;



	}







h3.comments {



	padding: 0;



	margin: 40px auto 20px ;



	}



/* End Headers */















/* Begin Images */



p img {



	padding: 0;



	max-width: 100%;



	}







/*	Using 'class="alignright"' on an image will (who would've



	thought?!) align the image to the right. And using 'class="centered',



	will of course center the image. This is much better than using



	align="center", being much more futureproof (and valid) */







img.centered {



	display: block;



	margin-left: auto;



	margin-right: auto;



	}







img.alignright {



	padding: 4px;



	margin: 0 0 2px 7px;



	display: inline;



	}







img.alignleft {



	padding: 4px;



	margin: 0 7px 2px 0;



	display: inline;



	}







.alignright {



	float: right;



	}







.alignleft {



	float: left



	}



/* End Images */























.postmetadata ul, .postmetadata li {



	display: inline;



	list-style-type: none;



	list-style-image: none;



	}







#sidebar ul, #sidebar ul ol {



	margin: 0;



	padding: 0;



	}







#sidebar ul li {



	list-style-type: none;



	list-style-image: none;



	margin-bottom: 15px;



	padding:0px;



	}







#sidebar ul p, #sidebar ul select {



	margin: 5px 0 8px;



	}







#sidebar ul ul, #sidebar ul ol {



	margin: 5px 0 0 10px;



	}







#sidebar ul ul ul, #sidebar ul ol {



	margin: 0 0 0 10px;



	}







ol li, #sidebar ul ol li {



	list-style: decimal outside;



	}







#sidebar ul ul li, #sidebar ul ol li {



	margin: 3px 0 0;



	padding: 0;



	}



/* End Entry Lists */















/* Begin Form Elements */



#searchform {



	margin: 10px auto;



	padding: 5px 3px; 



	text-align: center;



	z-index: 2;



	}







#sidebar #searchform #s {



	width: 108px;



	padding: 2px;



	}







#sidebar #searchsubmit {



	padding: 1px;



	}







.entry form { /* This is mainly for password protected posts, makes them look better. */



	text-align:center;



	}







select {



	width: 130px;



	}







#commentform input {



	width: 170px;



	padding: 2px;



	margin: 5px 5px 1px 0;



	}







#commentform textarea {



	width: 100%;



	padding: 2px;



	}







#commentform #submit {



	margin: 0;



	float: right;



	}



/* End Form Elements */















/* Begin Comments*/



.alt {



	margin: 0;



	padding: 10px;



	}







.commentlist {



	padding: 0;



	text-align: justify;



	}







.commentlist li {



	margin: 15px 0 3px;



	padding: 5px 10px 3px;



	list-style: none;



	}







.commentlist p {



	margin: 10px 5px 10px 0;



	}







#commentform p {



	margin: 5px 0;



	}







.nocomments {



	text-align: center;



	margin: 0;



	padding: 0;



	}







.commentmetadata {



	margin: 0;



	display: block;



	}



/* End Comments */















/* Begin Sidebar */



#sidebar



{



	padding: 0px 0 10px 0;



	}







#sidebar form {



	margin: 0;



	}



/* End Sidebar */















/* Begin Calendar */



#wp-calendar {



	empty-cells: show;



	margin: 10px auto 0;



	width: 155px;



	}







#wp-calendar #next a {



	padding-right: 10px;



	text-align: right;



	}







#wp-calendar #prev a {



	padding-left: 10px;



	text-align: left;



	}







#wp-calendar a {



	display: block;



	}







#wp-calendar caption {



	text-align: center;



	width: 100%;



	}







#wp-calendar td {



	padding: 3px 0;



	text-align: center;



	}







#wp-calendar td.pad:hover { /* Doesn't work in IE */



	background-color: #fff; }



/* End Calendar */















/* Begin Various Tags & Classes */



acronym, abbr, span.caps {



	cursor: help;



	}







acronym, abbr {



	border-bottom: 1px dashed #999;



	}















blockquote cite {



	margin: 5px 0 0;



	display: block;



	}







.center {



	text-align: center;



	}







hr {



	display: none;



	}







a img {



	border: none;



	}







.navigation {



	display: block;



	text-align: center;



	margin-top: 0px;



	margin-bottom: 20px;



	width: 550px;



	float:left;



	background-color: #F3F3F3;



	}



.navigation a {



	font-size:10px;



	font-weight:bold;



}



/* End Various Tags & Classes*/















/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.



	It won't be a stylish marriage, I can't afford a carriage.



	But you'll look sweet upon the seat of a bicycle built for two." */



p {



font-size: 12px;



color: #000000;



line-height: 18px;



}











/************************************************



*	Search Form									*



************************************************/



#badge {



	width: 199px;



	height: 66px;



	z-index: 3;



	position:absolute;



	top: 146px;



	left: 36px;



	background-image: url(images/badge.png);



	background-repeat: no-repeat;



}







#search {



	width: 250px;



	height: 55px;



	z-index:22;



	position:absolute;



	top: 108px;



	left: 729px;



	background-image: url(images/search.png);



	background-repeat: no-repeat;



}



#search img {



	margin: 0px;



	padding: 0px;







}



#searchform {



	bottom: 20px;



	left: 15px;



	padding-bottom: 0px;



	position:absolute;



	}



	



#searchform2 {



	margin: 0px;



	padding: 0px;



	overflow: hidden;



	display: inline;



	}







#s {



	background: #02084c;



	width: 175px;



	color: #FFFFFF;



	font-size: 12px;



	font-family: Arial, Tahoma, Verdana;



	font-weight: normal;



	padding: 1px;



	margin: 0px;



	border-top: 1px solid #02084c;



	border-right: 1px solid #02084c;



	border-left: 1px solid #02084c;



	border-bottom: 1px solid #02084c;



	display: inline;



	}







#s2 {



	background: #e4cfb2;



	width: 200px;



	color: #000000;



	font-size: 12px;



	font-family: Arial, Tahoma, Verdana;



	font-weight: normal;



	padding: 3px;



	margin: 10px 0px 0px 0px;



	border-top: 1px solid #e4cfb2;



	border-right: 1px solid #e4cfb2;



	border-left: 1px solid #e4cfb2;



	border-bottom: 1px solid #e4cfb2;



	display: inline;



	}



	



#sbutt {



	color: #e4cfb2;



	font-size: 11px;



	font-family: Arial, Tahoma, Verdana;



	padding: 2px;



	margin: 0px 0px 0px 5px;



	border: 1px solid #e4cfb2;



	font-weight: bold;



	background-color: #e4cfb2;



	}



	



#sbutt2 {



	background-color: #912118;



	color: #FFFFFF;



	font-size: 11px;



	font-family: Arial, Tahoma, Verdana;



	padding: 2px;



	margin: 0px 0px 0px 8px;



	border: 1px solid #FFFFFF;



	font-weight: bold;



	}



	



#name, #email, #url, #submit {



	background: #FFFFFF;



	color: #000000;



	font-size: 12px;



	font-family: Arial, Tahoma, Verdana;



	padding: 4px;



	margin: 0px 0px 0px 0px;



	border-top: 1px solid #666666;



	border-right: 1px solid #DDDDDD;



	border-left: 1px solid #666666;



	border-bottom: 1px solid #DDDDDD;



	}



	



#words {



	background: #FFFFFF;



	width: 460px;



	color: #000000;



	font-size: 12px;



	font-family: Arial, Tahoma, Verdana;



	padding: 4px;



	margin: 0px 0px 0px 0px;



	border-top: 1px solid #666666;



	border-right: 1px solid #DDDDDD;



	border-left: 1px solid #666666;



	border-bottom: 1px solid #DDDDDD;



	}



	



	



















































































/* blog & content css common ---------------------------------------------------- */







h1 {



font-size:28px;



font-weight:400;



margin:0 0 12px;



padding:0 0 5px;



}



h2 { font-size:20px;



font-weight:400;



margin:0 0 8px;



padding:0;



}



h2 a {



text-decoration:none;



}



h2 a:hover {



text-decoration:none;



}



h3 {



font-size:18px;



font-weight:400;



margin:0 0 10px;



padding:0;



}



h4 {



font-size:16px;



font-weight:700;



margin:15px 0 5px;



padding:0 0 5px;



}



h5 {



font-size:14px;



font-weight:700;



margin:0 0 10px;



padding:0;



}



h6 {



font-size:12px;



font-weight:700;



margin:5px 0;



padding:0 0 5px;



}



p {



font-size:12px;



line-height:18px;



margin:0 0 12px;



}



p a {



text-decoration:none;



}







ul {



font:12px Arial, Helvetica, sans-serif;



margin:0 0 15px 6px;



padding:0;



list-style-position:inside;



}



ul li ul {



margin:8px 0 5px;



padding:0;



}



ol {



line-height:18px;



font-size:12px;



background:none;



margin:0 0 0 5px;



padding:0 0 10px 20px;



}



ol li {



background:none;



list-style-type:decimal;



margin:0 0 5px;



padding:0;



}



ol li ol {



margin:8px 0 5px 24px;



padding:0;



}



blockquote {



	background:url(images/quote2.png) no-repeat;



	background-position:5px 8px;



	margin-bottom:10px;



	font:bold 12px Arial, Helvetica, sans-serif;



	line-height:18px;



	padding:5px 0px 5px 30px;



	margin-bottom:10px;



}



blockquote p { font:bold 12px Arial, Helvetica, sans-serif;  }



.clientname {



	font-size:11px; font-weight:normal; color:#666;



	margin-bottom:12px;



}







li,ul li ul li {



line-height:18px;



margin:0 0 5px;



padding:0 0 0 12px;



}



/* instruction elements -------------------------------------- */



address {



font-style:italic;



}



p.alert,p.download,p.info,p.note {



margin:10px 0 0;



padding:10px 10px 10px 36px;



}



p.alert {



padding:10px 10px 10px 36px;



}



	































































/* instruction elements ------------------------- */











p.alert {



border-top:1px solid #f0baa2;



border-bottom:1px solid #f0baa2;



background:#ffd9c8 url(images/alert.png) no-repeat 12px 13px;



}



p.download {



border-top:1px solid #d4ebaf;



border-bottom:1px solid #d4ebaf;



background:#edfcd5 url(images/download.png) no-repeat 10px 13px;



}



p.info {



border-top:1px solid #eee;



border-bottom:1px solid #eee;



background:#f9f9f9 url(images/info.png) no-repeat 12px 13px;



}



p.note {



border-top:1px solid #efe3ae;



border-bottom:1px solid #efe3ae;



background:#fef6d2 url(images/note.png) no-repeat 14px 13px;



}











/*====================================== 



Extara 2 header - header.css start 



=============================================*/







/*Header 1 --------------------------------------------------------------- */







#header1 {



background:#fff



}



#header1 .h_left {



color:#666



}



/*Header 2 --------------------------------------------------------------- */







#header2 {



background:#fff url(images/headerbg2.png) repeat-x bottom;



border-top:5px solid #333



}



#header2 .h_left {



color:#666



}



#topnav li {



background:none;



}



#topnav li a {



color:#666



}



#topnav li a:hover {



color:#333



}



#header2 p {



color:#666;



}



#header2 p.i_phone {



background:url(images/i_contact.png) no-repeat 0 3px;



}



#header2 p.i_mail {



background:url(images/i_mail.png) no-repeat 0 4px;



}



.red {



color:#c00



}







/*====================================== 



homepages.css start 



=============================================*/











/* banner ------------------------------------------------------------------------------------ */



#banner {



background:#f2f2f2 url(images/bannerbg.png) no-repeat 35px bottom;



border:1px solid #ccc;



}



#banner h2 {



color:#000;



}



#banner p {



color:#333;



}



#banner .option {



color:#006598;



}



#banner .option li {



background-position:0 3px;



color:#666;



}



#banner .option li a {



color:#333



}



.i_feature1 {



background:url(images/i_folder.png) no-repeat



}



.i_feature2 {



background:url(images/i_image.png) no-repeat



}



.i_feature3 {



background:url(images/i_service.png) no-repeat



}



.i_feature4 {



background:url(images/i_globe.png) no-repeat



}







.bgetstartednow span {



background:url(images/b_getstartednow.png) no-repeat



}



.bgetstartednow span a {



background:url(images/b_purchasedownload.png) no-repeat



}



.bgetstartednow span:hover {



background-position:0 -26px



}



.bgetstartednow a {



color:#c00



}



.bgetstartednow a:hover {



color:#000



}







/* #content ------------------------------------------------------ */











#content h3 {



color:#c00;



border-bottom:1px dashed #ddd;



}



#content p {



color:#444;



}



#content .imgborder {



border:3px solid #ccc;



}



#content .testimonials {



border-top:3px solid #e0e0e1;



border-bottom:1px solid #e0e0e1;



background:#f2f2f2;



}



/* subscribe section ----------- */







#subscribe {



border:1px solid #e0e0e0;



background:#f2f2f2;



}



#subscribe p.i_email {



background:url(images/i_mail.png) no-repeat 0 3px;



}



.subtextield {



border:1px solid #e0e0e0;



background:#fff;



color:#333;



}



  



/*========================================================== { home v2  }============================================================== */







/* banner ------------------------------------------------------------------------------------ */



#banner2 {



background:#c00 url(images/banner2bg.png) repeat-y 270px 0;



border:1px solid #c00;



}



#banner2 h2 {



color:#fff;



}



#banner2 .pfeture li {



background:url(images/bullet5.png) no-repeat 0 4px;



color:#fff;



}



#banner2 .pfeture li a {



color:#fff;



}



#banner2 .pfeture li a:hover {



color:#fff;



}



/* #content ------------------------------------------------------ */







#main h3 {



color:#000;



border-bottom:1px dashed #ddd;



}



#main h4 {



color:#000;



}



#main p {



color:#444;



}



/*  Css base rounded corner no image ------------- */



.xsnazzy {



background:transparent;



}



.xsnazzy2 {



background:transparent;



}



.xtop,.xbottom {



background:transparent;



}



.xb2,.xb3,.xb4 {



background:#f4f4f4;



border-left:1px solid #dbdbdb;



border-right:1px solid #dbdbdb



}



.xb1 {



background:#dbdbdb;



}



.xb2 {



border-width:0 2px;



}



.xboxcontent {



background:#f4f4f4;



border:0 solid #dbdbdb;



border-width:0 1px;



}







.box {



background:#f4f4f4;



border:1px solid #dbdbdb;



}







#main .pplans li {



background:url(images/bullet4.png) no-repeat 0 4px;



color:#444;



}



#main .pplans li a {



color:#444;



}



#main .pplans li a:hover {



color:#000;



}



/*========================================================== { home v3  }============================================================== */







#content2 h3 {



color:#c00;



}



#content2 p {



color:#444;



}



#content2 .latestpost p.date {



color:#a5a5a5;



}



#content2 .latestpost p.more {



background:url(images/bullet6.png) no-repeat right



}



#content2 .latestpost {



background:#000;



}



#content2 .latestpost h2 {



color:#fff;



}



#content2 .latestpost h2 a:hover {



color:#fff



}



#content2 .latestpost p {



color:#ddd



}



#content2 .latestpost p a {



color:#fff;



text-decoration:none



}



#content2 .post {



background:url(images/sepretor_hr.png) repeat-x bottom;



}



#content2 .post h2 {



color:#000;



}



#content2 .post h2 a {



color:#000



}



#content2 .post h2 a:hover {



color:#c00



}



#content2 .post p {



color:#444;



}



#content2 .post p a {



color:#c00;



}



#content2 .post p a:hover {



color:#333



}



#content2 p.date {



color:#666;



}



#content2 p.more {



background:url(images/bullet7.png) no-repeat right



}



p.more {



background:url(images/bullet7.png) no-repeat right



}



#content2 .latestpost h2 a,#content2 .latestpost p a:hover {



color:#ccc



}







/* sidebar -------------------------------------------- */







#sidebar2 h3 {



color:#c00;



}



#sidebar2 .services li {



background:url(images/bullet4.png) no-repeat left 4px;



color:#444;



}



#sidebar2 .services li a {



color:#444;



}



#sidebar2 .services li a:hover {



color:#000;



}



#sidebar2 p a {



color:#333



}



#sidebar2 p a:hover {



color:#c00



}



/*========================================================== { home v4  }============================================================== */







#content #banner2 {



background:#000 url(images/bannerbg2.png) no-repeat 5px 5px;



}



#content #banner2 h2 {



color:#fff;



}



#content #banner2 p a {



color:#ccc;



}



#content .subcolumns h2 {



color:#c00;



}



#content .subcolumns .course li {



background:url(images/bullet4.png) no-repeat left 6px;



color:#444;



}



#content .course li a {



color:#4270af;



}



#content .course li a:hover {



color:#c00



}



#content #banner2 p,#content #banner2 p a:hover {



color:#fff



}



/* ------- sidebar ------------------------*/







#sidebar h2.t1 {



color:#333;



}



#sidebar p {



color:#666;



}



.hr {



color:#fff;



border:none;



border-bottom:1px #000 dotted;



}



#sidebar .news {



background:url(images/sepretor_hr.png) repeat-x bottom;



}



#sidebar .news .imgleft {



border:1px solid #666;



}



#sidebar .news .imgright {



border:1px solid #666;



}



#sidebar .news p a {



color:#000;



}



#sidebar .news p a:hover {



color:#c00



}











/*========================================================== { home v5  }============================================================== */



.twocolumns h2 {



background:#000;



color:#fff;



}



.twocolumns p {



color:#666;



}



.twocolumns p a {



color:#000;



}



.twocolumns p a:hover {



color:#c00



}



.twocolumns .news {



background:#ebebeb;



}



.twocolumns .newslist {



background:url(images/sepretor_hr.png) repeat-x bottom;



}



.twocolumns .newslist p.date {



color:#666



}



.twocolumns .newslist .imgleft {



border:1px solid #dbdbdb;



background:#fff;



}



.twocolumns .sponsors li {



color:#444;



}



/*sildeshow ---------------------- */







#dhtmlgoodies_slideshow{



		width:400px;	/* Total width of slideshow */



	}



	#previewPane{



		border:1px solid #000;



		padding-top:5px;



		background:#000;			



	}



	#previewPane img{



		line-height:400px;



	}



	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */



		color:#fff;



		background:#000;



 	}



	#galleryContainer{



		border:1px solid #ccc;



		background:#ebebeb;	



	}



	#arrow_left{



		background:#ebebeb;



 	}



 	#arrow_right{



		background: #ebebeb;



 	}



	#waitMessage{



		background-color:#FFF;



		border:3px double #000;



		color:#555;



	}	



	/*silde show end */



	



	



/*========================================================== { home v6 }============================================================== */











#main h2 {



color:#000;



}



#main .project {



background:#f9f9f9;



border:5px solid #dcdcdc;



}



#main .project h2.title {



color:#000;



text-transform:uppercase;



}



#main .project img {



border-right:5px solid #dcdcdc



}



#main h2 a,#content h2 a,#content p a {



color:#c00



}



#main h2 a:hover,#content h2 a:hover,#content p a:hover {



color:#333



}



#main .project .pcontent {



width:400px



}



/*content ----------------------------------- */



#content h3.newstitle {



color:#000;



}



#content h2.newshead {



color:#000;



border-bottom:none;



}



/*sidebar ----------------------------------- */







#sidebar h2.subtitle {



color:#000;



border-bottom:1px dashed #ddd;



}



/*Our Latest Work ----------------------------------- */



#sidebar h2.subtitle {



color:#000;



border-bottom:1px dashed #ddd;



}



#latestwork {



border-top:2px solid #ececec;



border-bottom:2px solid #ececec;



}



#latestwork h2 {



color:#000;



}



#latestwork .projectlist li {



color:#444;



}



#latestwork .projectlist li img {



border:2px solid silver;



}



#latestwork .projectlist li a {



color:#c00



}



#latestwork .projectlist li a:hover {



color:#333



}



.alllinks {



overflow:hidden;



height:100%;



width:400px;



padding-top:15px



}



.alllinks h2 {



color:#000;



border-bottom:none;



}



.alllinks .mylinks li {



background:url(images/bullet4.png) no-repeat 0 5px;



color:#444;



}



.alllinks .mylinks li a {



color:#666;



}



.alllinks .mylinks li a:hover {



color:#000;



}







/*========================================================== { home v7 }============================================================== */







#banner3 {



border-bottom:3px solid #000;



background:url(images/bannerbg3.png) no-repeat bottom right;



}



#banner3 .b3content h2 {



color:#666;



}



#banner3 .b3content p {



color:#666;



}



.bgetstartednow2 span {



background:url(images/b_getstartednow2.png) no-repeat



}



.bgetstartednow2 span a {



background:url(images/b_getstartednow2.png) no-repeat



}



.bgetstartednow2 span:hover {



background-position:0 -20px



}



.bgetstartednow2 a {



color:#c00



}



#threecoulums .threecolumns-in p {



color:#666;



}



#threecoulums .flickrphoto li {



color:#444;



}



#threecoulums .flickrphoto li img {



border:3px solid #ccc



}



#threecoulums .testimonials {



background:url(images/sepretor_hr.png) repeat-x top;



}



#sidebar h2.threetitle,#threecoulums .threecolumns-in h2 {



color:#000;



}



.black,.bgetstartednow2 a:hover {



color:#000



}







/*========================================================== { home v8 }============================================================== */







/*mcontainer ------------------------------ */











#mcontainer h2 {



color:#fff;



background:#333;



}



#mcontainer h3 {



color:#000;



}



#mcontainer p {



color:#333



}



#mcontainer p a {



color:#333



}



#mcontainer p a:hover {



color:#c00



}



#mcontainer .posts {



background:url(images/sepretor_hr.png) repeat-x bottom;



}











#mcontainer .posts .calendar {



background:#ededed;



border:2px solid #dbdbdb;



color:#c00;



}



#mcontainer .posts .month {



color:#666



}



#mcontainer .posts p.author {



color:#666



}







#l_sidebar .flickr img, #content .flickr img {



border:3px solid #ccc;



margin:0 5px 5px 0



}



/*left sidebar ------------------------------ */



#l_sidebar {



width:220px;



float:left



}



#l_sidebar .welcometext {



background:#333;



}



#l_sidebar .welcometext h2 {



color:#fff;



}



#l_sidebar .welcometext p {



color:#fff;



}



#l_sidebar h3 {



color:#000;



}



/*left sidebar ------------------------------ */



#r_sidebar h2 {



background:#333;



color:#fff;



}



#r_sidebar h3 {



color:#333;



}



#r_sidebar p {



color:#666;



}



#r_sidebar p.spretor {



background:url(images/sepretor_hr.png) repeat-x bottom;



}



#r_sidebar .services li {



background:url(images/bullet4.png) no-repeat 0 5px;



border-bottom:1px dotted #333;



color:#444;



}



#r_sidebar .services li a {



color:#666;



}



#r_sidebar .services li a:hover {



color:#000



}



/*========================================================== { home v9 }============================================================== */







#banner4 {



background:url(images/screenshot.png) no-repeat right bottom;



border-bottom:1px solid #ccc;



}



#banner4 h2 {



color:#333;



}



#banner4 p {



color:#666;



}



#banner4 p a {



color:#333



}



#banner4 p a:hover {



color:#c00



}







#sidebar .date {



color:#666



}



#content .imgcenter {



border:4px solid #ddd;



}



/*========================================================== { home v9 }============================================================== */



 



#banner9 {



background:#f2f2f2 url(images/bannerbg10.png) no-repeat 25px bottom;



border-right:2px solid #dfdede;



border-bottom:2px solid #dfdede



}



/*========================================================== { home v10 }============================================================== */







 



#banner10 {



background:#f2f2f2 url(images/bannerbg10.png) no-repeat 700px bottom;



border-bottom:2px solid #333;



border-top:2px solid #dfdfdf;



color:#333;



}



ul.option10 li {



background-position:0 10px;



color:#333;



}







ul.option10 li a, #banner10 p a, .option9 li a{ color:#c00;} 



ul.option10 li a:hover, #banner10 p a:hover, .option9 li a:hover, .option9 li a:hover { color:#000;} 







/*====================================== 



 innerpages.css start 



=============================================*/







/*========================================================== { inner 1 }============================================================== */







#content h3 {



color:#333;



border-bottom:1px solid #ccc;



}



#content .service {



color:#006598;



background:url(images/sepretor_hr2.png) repeat-y 270px 0;



}



#content .service li {



border-bottom:1px solid #ccc;



color:#666;



}



#content .service li a {



color:#333



}



#content .service li a:hover {



color:#c00



}



#content .bgnone {



background:none



}



.i_globe2 {



background:url(images/i_globe2.png) no-repeat



}



.i_floder {



background:url(images/i_floder.png) no-repeat



}



.i_about {



background:url(images/i_about.png) no-repeat



}



.i_camera {



background:url(images/i_camera.png) no-repeat



}



.i_pc {



background:url(images/i_pc.png) no-repeat



}



.i_service2 {



background:url(images/i_service2.png) no-repeat



}



.i_tools {



background:url(images/i_tools.png) no-repeat



}



.i_lock {



background:url(images/i_lock.png) no-repeat



}



/*========================================================== { inner 2 }============================================================== */



#content .profile {



border-bottom:1px solid #ccc



}



#content .profile2 {



background:#f7f5f5;



border:1px solid #ddd;



}



#content .profile .degree {



color:#999



}







/*========================================================== { inner 3 }============================================================== */







#content h3.eventtitle {



	color:#333;



	border-bottom:none;



}



#content p.date {



	color:#666;



}



.hr2 {



	color:#ccc;



	border:none;



	border-bottom:1px solid #ccc;



}



/*========================================================== { inner 4 }============================================================== */







h1.pagetitle {



color:#c00;



border-bottom:1px solid #ccc;



}



#content .showcase .imgf_right {



border:3px solid #d1d1d1



}



/*========================================================== { inner 5 }============================================================== */







#content .download_product {



border-bottom:1px solid #ccc;



}



/*========================================================== { inner7}============================================================== */







#content .list_rounded li {



background:url(images/bullet3.png) no-repeat 0 5px;



color:#444;



}



#content .list_rounded li a {



color:#666;



}



#content .list_rounded li a:hover {



color:#000



}



/*========================================================== { inner8 }============================================================== */







#content .testtimonials {



background:url(images/quote.png) no-repeat left top;



border-bottom:1px solid #ccc;



}



#content .testtimonials .timg_left {



border:3px solid #ccc;



}



#content .testtimonials .timg_right {



border:3px solid #ccc;



}



/*========================================================== { inner9 }============================================================== */



#content table td {



border-right:1px solid #fff;



font-size:12px;



}



#content table tr.thead {



background:#333;



color:#fff;



}



#content table tr.row1 {



background:#ebebeb;



border-bottom:2px solid #fff



}



#content table tr.row2 {



background:#f5f5f5;



border-bottom:2px solid #fff



}







#content table td a { color:#c00;   }



#content table td a:hover { color:#000;  }







/*========================================================== { inner11 }============================================================== */







#content .message_list li {



color:#db4704;



background:url(images/bullet8.png) no-repeat 0 10px;



}



#content .message_head {



color:#333;



border-bottom:none;



}



#content .message_head:hover {



color:#c00



}



#content .message_subhead {



color:#606060;



border-bottom:none;



}



#content .message_head cite {



color:#606060;



}



.hr3 {



color:#ccc;



border:none;



border-bottom:1px solid #ccc;



}



/*========================================================== { inner12 }============================================================== */







#content .helpline {



color:#006598;



}



#content .helpline li {



color:#666;



background-position:8px 10px;



border:1px solid #e7e7e7;



}



#content .helpline li a {



color:#333



}



#content .helpline li a:hover {



color:#c00



}



.i_csupport {



background:#f8f8f8 url(images/i_support.png) no-repeat



}



.i_job {



background:#f8f8f8 url(images/i_job.png) no-repeat



}



.i_comment {



background:#f8f8f8 url(images/i_comment.png) no-repeat



}



.i_affilate {



background:#f8f8f8 url(images/i_affilate.png) no-repeat



}



.i_mike {



background:#f8f8f8 url(images/i_mike.png) no-repeat



}



.i_email {



background:#f8f8f8 url(images/i_email4.png) no-repeat



}



/*========================================================== { inner13 }============================================================== */







#content .product {



border-top:3px solid #eee;



border-bottom:3px solid #eee



}



#content .product h2 {



color:#333;



border-bottom:3px solid #eee;



}







#content .feature li {



background:url(images/bullet3.png) no-repeat 0 5px;



color:#444;



}



#content .more {



background:url(images/bullet10.png) no-repeat right;



color:#333;



}



#content .more:hover {



color:#c00



}



/*========================================================== { inner14 }============================================================== */











#content .gallery {



border-top:4px solid #ddd;



border-bottom:4px solid #ddd;



background:#f0f0f0;



}







#content .projectdetails li {



background:url(images/bullet3.png) no-repeat 0 5px;



color:#444;



}



#content .pagenavi {



border-top:1px solid #e7e7e7;



border-bottom:1px solid #e7e7e7;



}



#content .pagenavi a {



color:#c00



}



#content .pagenavi a:hover {



color:#000



}



#content .next {



background:url(images/arrow-right.gif) no-repeat right;



}



#content .previous {



background:url(images/arrow-left.gif) no-repeat 0 2px;



}



/*========================================================== { inner15 }============================================================== */







#content .subcolumns h2 {



color:#000;



}



#content .subcolumns li {



background:url(images/bullet3.png) no-repeat 0 5px;



color:#444;



}



/*========================================================== { inner16 }============================================================== */







#content .gallery2 li {



color:#444;



}



#content .gallery2 li a {



color:#333



}



#content .gallery2 li a:hover {



color:#c00



}



/*========================================================== { inner17 }============================================================== */







#content .gallery3 li {



color:#444;



background:none;



}



#content .gallery3 li img {



border:4px solid #eee



}



#content .gallery3 li a {



color:#333



}



#content .gallery3 li a:hover {



color:#c00



}



#content .gallery3 li .use {



background:#333;



color:#fff



}



#content .gallery3 li .use:hover {



color:#fff;



background:#000



}



/*========================================================== { inner18 }============================================================== */







#content .bthumb {



border:5px solid #eee;



background:#fff;



}



#content h3.pname {



color:#000;



border:none;



}



#content span a { color:#c00;}



#content span a:hover { color:#000;}







/*========================================================== { inner19 }============================================================== */







.historyimg {



border:1px solid #666



}



/*========================================================== { 404 Page Seting }============================================================== */







#content .error_title {



background:url(images/titlebg.png) no-repeat;



color:#333;



}







#content .category li {



background:url(images/bullet3.png) no-repeat 0 5px;



color:#444;



}



#content .category li a {



color:#333



}



#content .category li a:hover {



color:#c00



}



/*========================================================== { inner 20 }============================================================== */







.xboxcontent2 {



background:#f8f6f6;



border:0 solid #ddd;



border-width:0 1px;



}



#content .download {



border-bottom:1px solid #ccc;



color:#333;



}



#content .download li {



background:url(images/bullet2.png) no-repeat 0 5px;



}



/*========================================================== { inner 21 }============================================================== */







#content .features {



border-bottom:1px solid #e3e3e3



}







#content .fcontent h3 {



border:none;



}



#content .feature_img {



border:2px solid #d2d2d2



}



/*========================================================== { inner 22 }============================================================== */



#content .screenshot {



background:#fff



}



#content .screenshot h2 {



color:#333;



border-bottom:3px solid #eee;



}



#content .screenshot img {



border:2px solid #ccc;



}



/*========================================================== { inner 23 }============================================================== */







#main .ourwork {



color:#006598;



}



#main .ourwork li {



color:#666;



border-right:1px solid #e7e7e7;



border-bottom:1px solid #e7e7e7;



}



#main .ourwork li a {



color:#c00



}



#main .ourwork li a:hover {



color:#333



}







/*========================================================== { inner 23 }============================================================== */







#main #banner5 {



background:url(images/bannerbg4.png) no-repeat;



border-top:1px solid #000;



border-bottom:1px solid #000;



}



#main #banner5 .b5content h2 {



color:#fff;



}



#main #banner5 .b5content p {



color:#fff;



}



#main .columns3 h3 {



border-bottom:none;



}



#main .columns_img {



border:1px solid #ccc;



}



/*========================================================== { inner 24 }============================================================== */







#main p.captial:first-letter {



color:#fff;



background:#000;



}



/*========================================================== { inner 24 }============================================================== */







#content .subcolumns .xsnazzy2 h3 {



border-bottom:1px solid #ccc;



}



#content .subcolumns .lnews {



border-bottom:1px solid #bbb;



}



#content .subcolumns .fimg {



border:1px solid #a4a4a4;



}



/*========================================================== { Contact us }============================================================== */







.contactform {



color:#000;



background:url(images/at.png) no-repeat 380px 225px;



}



.contactform textarea,.contactform input {



border:1px solid #e7e7e7;



color:#333;



background:#f8f8f8;



border-bottom:1px solid #c6c6c6;



border-right:1px solid #c6c6c6;



}



.contactform textarea:hover,.input:hover {



background:#fff



}



.contactform #contactsubmit {



background:#d22020;



color:#fff;



border:none



}



.contactform #contactsubmit:hover {



background:#000



}



.contactleft {



color:#666;



}



.contactright {



color:#e02000;



}



/*========================================================== { inner 25 }============================================================== */



.price {



color:#cc0606



}



#content .relatedproduct li a {



color:#555;



border:1px solid #fff;



}



#content .relatedproduct li a:hover {



color:#000



}



#content .relatedproduct li a img {



border:3px solid #ccc;



}



#content .relatedproduct li a:hover img {



border:3px solid #999;



}







/*====================================== 



 sidebars.css start 



=============================================*/







#sidebar h3 {



	color:#c00;



	border-bottom:1px dashed #ddd



}



#sidebar h5 {



 	color:#333;



	border-bottom:1px solid #ccc



}



#sidebar .xboxcontent2 h5 {



	border:none



}



#sidebar .sfeatures {



	background:#f6f6f6;



	border:1px solid #e3e3e3



}



#sidebar .sfeatures h5 {



	border-bottom:none;



}



#sidebar .ntextfield {



	background:#fff;



	border:1px solid #ababab;



}



#sidebar p {



	color:#444;



}



#sidebar ul {



	background:none !important



}



#sidebar li li {



	border-bottom:1px dashed #ddd;



	background:none;



	color:#333;



}



#sidebar li a {



	color:#444;



}



#sidebar li a:hover {



	color:#c00;



}



#sidebar .subscribe h5 {



	color:#666;



	border:none



}



#sidebar .subscribetextbg {



	background-position:55px 4px;



}



#sidebar .subscribe_textield {



	border:1px solid #ccc;



	background:#fff;



}



#sidebar .subscribe {



	border:1px solid #efefef;



	border-top:4px solid #efefef;



}



#blog_sidebar .subscribe h2 {



	background:none;



	border-top:none;



}



.subscribe_b {



	border:none;



}



#sidebar p.i_email {



	background:url(images/i_email2.png) no-repeat;



	background-position:5px 4px;



}



#sidebar p a { color:#000; }



#sidebar p a:hover { color:#c00; }



#sidebar p.i_rss {



	background:url(images/toprss.png) no-repeat;



	background-position:5px 4px;



}



#sidebar .testimonials, #r_sidebar .testimonials {



	background:url(images/quote.png) no-repeat left top;



	color:#333;



}



.clientname {



	color:#999; 



}























	



/*  



INNERPAGES



*/











/*========================================================== { inner 1 }============================================================== */



#content h3 {



font-size:18px;



font-weight:normal;



margin:0 0 15px;



padding:0;



}



#content .service {



clear:both;



overflow:hidden;



height:100%;



margin:15px -45px 0 0;



padding:0



}



#content .service li {



width:200px;



height:90px;



float:left;



font-size:12px;



line-height:18px;



text-align:left;



list-style:none;



margin:10px 0 0;



padding:0 25px 0 60px



}



#content .service li a {



font-size:12px;



}



#content .margin_auto {



margin:15px 0



}



#content .service li.service_block {



width:85%



}







/*========================================================== { inner 2 }============================================================== */







#content .profile_section {



overflow:hidden;



height:100%;



margin-top:22px;



margin-bottom:15px



}



#content .profile {



width:280px;



overflow:hidden;



height:100%;



}



#content .profile2 {



width:265px;



overflow:hidden;



height:100%;



padding:5px 10px 0 8px



}



/*========================================================== { inner 3 }============================================================== */







#content h3.eventtitle {



	margin:0 0 0 0;



	padding:0 0 3px 0;



	font-size:14px;



	font-weight:bold;



}



#content p.date {



	font-size:11px;



}



.hr2 {



	clear:both;



}



#content .event_spacer {



	margin-top:22px;



	margin-bottom:22px;



}



/*========================================================== { inner 4 }============================================================== */







h1.pagetitle {



font-size:20px;



font-weight:bold;



margin:0 0 8px;



padding:0



}



#content .showcase_spcaer {



margin-top:12px;



margin-bottom:12px



}



#content .showcase {



width:282px



}



#content .showcase .scontent {



width:165px;



margin-bottom:10px



}



#content .showcase .imgf_right {



float:right;



}



/*========================================================== { inner 5 }============================================================== */







 #content .download_section {



overflow:hidden;



height:100%;



margin-top:22px;



margin-bottom:15px



}



#content .download_product {



width:280px;



overflow:hidden;



height:100%;



padding-bottom:10px



}



#content .download_product p.producttitle {



margin-bottom:0;



font-size:12px;



font-weight:bold



}



#content .download_product p {



margin-bottom:3px;



font-size:11px



}



/*========================================================== { inner7}============================================================== */







#content .twoby2 {



width:280px;



overflow:hidden;



height:100%;



padding-bottom:15px



}



#content .twoby2 p {



margin-bottom:5px



}



#content .list_rounded {



margin:0 0 15px;



padding:0



}



#content .list_rounded li {



font:12px Arial, Helvetica, sans-serif;



margin:0 0 5px;



padding:0 0 3px 12px



}



#content .list_rounded li a {



text-decoration:none



}



/*========================================================== { inner8 }============================================================== */







#content .testtimonials {



height:100%;



margin-bottom:15px;



padding:0 0 0 20px



}



#content .testtimonials .timg_left {



float:left;



margin:5px 10px 10px 0



}



#content .testtimonials .timg_right {



float:right;



margin:5px 0 10px 10px



}



/*========================================================== { inner9 }============================================================== */



#content table {



margin-bottom:20px



}



#content table td {



padding:8px



}



#content table tr.thead {



font-weight:bold



}



/*========================================================== { inner11 }============================================================== */



#content .message_list ol {



list-style:none;



margin:0;



padding:0



}



#content .message_list li {



font:18px Arial, Helvetica, sans-serif;



list-style:none;



margin:0;



padding:0 0 0 15px



}



#content .message_head {



font:bold 14px Arial, Helvetica, sans-serif;



cursor:pointer;



margin:0;



padding:5px 0 0



}



#content .message_subhead {



font:bold 13px Arial, Helvetica, sans-serif;



cursor:pointer;



margin:0 0 5px;



padding:5px 0 0



}



#content .message_head .timestamp {



font-size:95%;



position:absolute;



right:10px;



top:5px



}



#content .message_head cite {



font:18px Arial, Helvetica, sans-serif



}



#content .message_body p {



padding:5px 10px 0 0



}



.hr3 {



clear:both;



margin:10px 0



}



/*========================================================== { inner12 }============================================================== */







#content .helpline {



clear:both;



overflow:hidden;



margin:15px -45px 0 0;



padding:0



}



* html #content .helpline {



height:380px



}



#content .helpline li {



width:220px;



height:100px;



margin-bottom:20px;



margin-right:20px;



float:left;



font-size:12px;



text-align:left;



list-style:none;



line-height:18px;



padding:8px 10px 8px 50px



}



#content .helpline li a {



font-size:18px;



font-weight:normal;



line-height:24px;



}



/*========================================================== { inner13 }============================================================== */







#content .productlist {



overflow:hidden;



margin-right:-30px;



height:350px



}



#content .product {



width:180px;



overflow:hidden;



height:100%;



margin-right:20px;



float:left;



}



#content .product a { margin-left:5px; }



#content .product h2 {



font:bold 12px Arial, Helvetica, sans-serif;



margin:0 0 5px;



padding:5px 0



}



#content .acenter {



text-align:center



}



#content .feature {



float:left;



margin:0 0 10px;



padding:0



}



#content .feature li {



font:11px Arial, Helvetica, sans-serif;



margin:0 0 5px;



padding:0 0 3px 12px



}



#content .more {



font-size:11px;



font-weight:bold;



padding-right:10px;



text-decoration:underline



}



/*========================================================== { inner14 }============================================================== */







#content .gallerylist {



overflow:hidden;



margin-right:-30px



}



#content .gallery {



width:264px;



float:left;



margin-right:20px;



margin-bottom:20px;



overflow:hidden;



padding:5px 8px



}



#content .gallery img {



margin-bottom:5px



}



/* ie modification gallery height define*/



* html .minheight1 {



height:540px



}



* html .minheight2 {



height:630px



}



#content .projectdetails {



margin:0;



padding:0



}



#content .projectdetails li {



font:11px Arial, Helvetica, sans-serif;



margin:0 0 2px;



padding:0 0 3px 12px



}



#content .pagenavi {



font-size:12px;



text-transform:uppercase;



overflow:hidden;



height:100%;



font-weight:bold;



margin-top:5px;



padding:5px 0



}



#content .next {



padding-right:12px



}



#content .previous {



padding-left:12px



}



/*========================================================== { inner15 }============================================================== */







#content .subcolumns h2 {



font-size:14px;



font-weight:bold;



margin:0 0 3px;



padding:0



}



#content .subcolumns ul {



margin:0;



padding:0



}



#content .subcolumns li {



font:12px Arial, Helvetica, sans-serif;



margin:0 0 2px;



padding:0 0 3px 12px



}



#content .main_columns {



overflow:hidden;



height:100%;



margin-bottom:22px



}



/*========================================================== { inner16 }============================================================== */







#content .gallery2 {



overflow:hidden;



margin:11px -55px 0 0;



padding:0



}



* html #content .gallery2 {



height:380px



}



#content .gallery2 li {



float:left;



width:180px;



display:inline;



font:bold 12px Arial, Helvetica, sans-serif;



margin:0 20px 20px 0;



padding:0



}



* html #content .gallery2 li {



margin:0 20px 20px 0



}



#content .gallery2 li img {



border:2px solid silver;



margin-bottom:5px



}



/*========================================================== { inner17 }============================================================== */







#content .gallery3 {



overflow:hidden;



margin:11px -55px 0 0;



padding:0



}



* html #content .gallery3 {



height:540px



}



#content .gallery3 li {



float:left;



width:180px;



display:inline;



font:12px Arial, Helvetica, sans-serif;



line-height:23px;



background:none;



margin:0 20px 20px 0;



padding:0



}



* html #content .gallery3 li {



margin:0 20px 20px 0



}



#content .gallery3 li a.more{ text-decoration:underline; font-size:11px;}







/*========================================================== { inner18 }============================================================== */







#content .clientname {



margin-bottom:8px;



clear:both;



display:table;



width:100%;



font-size:11px;



}



#content .bthumb {



margin-bottom:5px;



padding:2px



}



#content h3.pname {



font-size:18px;



margin:15px 0 4px;



padding:0



}



#content span { font-size:11px; }







/*========================================================== { inner19 }============================================================== */







.historyimg {



margin-bottom:8px;



}



/*========================================================== { 404 Page Seting }============================================================== */







#content .error_title {



text-align:center;



font-size:14px;



font-weight:bold;



margin-bottom:20px



}



#content .category {



overflow:hidden;



height:100%;



min-height:100px;



margin:0 -40px 30px 0;



padding:0



}



* html #content .category {



height:150px



}



#content .category li {



float:left;



width:170px;



font:12px Arial, Helvetica, sans-serif;



margin:0 20px 2px 0;



padding:0 0 3px 10px



}







/*========================================================== { inner 20 }============================================================== */







.xboxcontent2 {



display:block;



padding:5px 15px



}



#content .download {



line-height:18px;



font-size:12px;



overflow:hidden;



height:100%;



margin:0 0 8px;



padding:10px 0



}



#content .download li {



width:240px;



height:62px;



float:left;



margin:0 10px 15px 0;



padding:0 0 0 15px



}



#content .xboxcontent2 h3 {



font-size:20px;



margin:0 0 10px;



padding:0



}



/*========================================================== { inner 21 }============================================================== */







#content .features {



overflow:hidden;



height:100%;



margin-bottom:15px;



padding-top:5px;



padding-bottom:15px;



}



#content .fcontent {



float:right;



width:380px



}



#content .fcontent h3 {



font-size:16px;



font-weight:bold;



border:none;



margin:0 0 5px;



padding:0



}



#content .feature_img {



float:left;



}



/*========================================================== { inner 22 }============================================================== */











#content .screenshot {



width:180px;



float:left;



display:inline;



overflow:hidden;



height:100%;



padding-bottom:25px;



}



#content .screenshot h2 {



font:bold 12px Arial, Helvetica, sans-serif;



color:#333;



margin:0 0 5px;



padding:5px 0



}



#content .screenshot img {



margin-bottom:3px



}



#content .screenshot p {



margin-bottom:3px



}



#content .sspacer {



padding-right:20px



}



/*========================================================== { inner 23 }============================================================== */







#main .ourwork {



clear:both;



overflow:hidden;



margin:15px -45px 0 0;



padding:0



}



* html #main .ourwork {



height:480px



}



#main .ourwork li {



width:260px;



height:135px;



float:left;



font-size:12px;



text-align:left;



list-style:none;



line-height:19px;



padding:10px 10px 8px;



background:none;



margin:0;



}



#main .ourwork li a {



font-weight:normal;



}



#main .linkspacer {



margin-top:5px;



font-size:12px



}



#main .ourwork li img { padding-top:5px;}







/*========================================================== { inner 23 }============================================================== */







#main #banner5 {



height:227px;



margin-bottom:10px



}



#main #banner5 .b5content {



width:280px;



height:165px;



margin:20px 0 0 20px



}



#main #banner5 .b5content h2 {



font-size:32px;



margin:0 0 5px;



padding:0



}



#main #banner5 .b5content p {



margin:0 0 5px;



padding:0



}



#main p.highlight {



font-size:14px;



font-weight:bold;



text-align:center;



margin:0 0 20px;



padding:0 10px



}



#main .columns3 {



width:260px;



overflow:hidden



}



#main .columns3 h3 {



font-size:14px;



font-weight:bold;



border-bottom:none;



margin:0 0 5px;



padding:0



}



#main .columns_img {



margin-bottom:5px



}



#main .columns_spacer {



margin-left:30px



}



/*========================================================== { inner 24 }============================================================== */







#main p.captial:first-letter {



font-size:32px;



display:block;



font-weight:bold;



float:left;



margin:5px 5px 0 0;



line-height:35px;



padding:10px



}



/*========================================================== { inner 24 }============================================================== */







#content .subcolumns .xsnazzy2 h3 {



font-size:16px;



font-weight:bold;



margin:0 0 5px;



padding:0



}



#content .subcolumns .lnews {



overflow:hidden;



height:100%;



padding-bottom:5px;



margin-bottom:8px



}



#content .subcolumns .fimg {



float:left;



margin:0 8px 5px 0



}



#content .sub_spcaer {



margin-top:15px;



margin-bottom:15px



}



/*========================================================== { Contact us }============================================================== */







.contactform {



width:580px;



margin-top:15px;



min-height:320px;



padding:15px 0



}



.contactform textarea,.contactform input {



font:12px Arial, Helvetica, sans-serif;



margin-right:5px;



width:280px;



padding:5px



}



.contactform textarea {



height:150px



}



.contactform #contactsubmit {



width:133px;



height:28px;



font:bold 12px Arial, Helvetica, sans-serif;



border:none;



cursor:pointer;



}



.contactleft {



font-weight:bold;



width:100px;



float:left;



margin-bottom:12px;



padding:6px 0



}



.contactright {



font:normal 9px Arial, Helvetica, sans-serif;



width:460px;



float:right;



margin-bottom:12px



}



/*========================================================== { inner 25 }============================================================== */



#product_detail {



overflow:hidden;



font-size:11px;



line-height:18px;



margin:20px 0



}



.product_pic {



float:left;



text-align:center;



width:230px



}



.product_pic img {



padding:0 5px



}







#content .relatedproduct {



line-height:15px;



font-size:12px;



min-height:180px;



margin:0 -40px 0 0



}



* html #content .relatedproduct {



height:180px



}



#content .relatedproduct li {



float:left;



width:100px;



text-align:center;



list-style-type:none;



background:none;



margin:5px 19px 0 0



}



* html #content .relatedproduct li {



margin:5px 10px 0 0



}



#content .relatedproduct li a {



padding:4px 4px 0 0



}



#content .relatedproduct li a:hover {



color:#000



}



#content .relatedproduct li a img {



margin:4px 0 5px



}



#content .relatedproduct li a:hover img {



margin-top:4px



}











/*========================================================== { inner 16 }============================================================== */







.box .imgl { margin:2px 10px 5px 0; float:left; border:1px solid #ddd; }



#content .box h5 { margin-bottom:5px;}











#content .stepslist {



overflow:hidden;



margin-right:-30px;



margin-top:15px;



height:250px; /* ie height */



}



#content .steps {



width:180px;



overflow:hidden;



height:100%;



margin-right:20px;



float:left;



}



#content .steps a { margin-left:5px; }



#content .steps h2 {



font:bold 14px Arial, Helvetica, sans-serif;



margin:0 0 5px;



padding:5px 5px;



border-bottom:2px solid #ccc;



background:#eee;



color:#c00;



}



#content .steps li { font-size:12px;}











/*========================================================== { inner 17 }============================================================== */











#content .product_steps { overflow:hidden; height:100%; border-bottom:1px dashed #ddd; padding-bottom:15px; margin-bottom:15px; }



#content .product_steps h3 { border:none; margin-bottom:3px; }







#content .pleft { width:100px; font-size:82px; text-align:center;  float:left; background:#eee; border:1px solid #ddd; color:#bbb; margin-top:6px;   }



#content .pright	{ width:460px; float:right; padding:3px 0 0 15px; border-left:2px solid #fff;   overflow:hidden; height:100%; }











/*========================================================== { inner 18 }============================================================== */







#content .magazine_left { width:241px; float:left; }







#content .magazine_left img { padding:2px; margin-bottom:10px;  }







#content .magazine { width:310px; float:right; }



#content .magazine h3 { border:none;  font-size:26px; }



#content .magazine .box p { font-size:11px; line-height:18px; }







#content .magazine img { float:left;  }



#content  .mcontent { width:250px; float:right; }







#content .hr {



	color:#fff;



	border:none;



	border-bottom:1px solid #ccc;



	margin-bottom:10px;



	padding:0;



	clear:both;



}



* html #content .hr { margin-bottom:0; }











/*========================================================== { inner 19 }============================================================== */







#content .pboxlist { overflow:hidden; height:100%; margin-bottom:15px; }



#content .productbox { background:#eee; border:1px solid #ddd; float:right; padding:8px; width:500px;    }







#content .iconbox { float:left; background:#fff; padding:5px 5px; vertical-align:middle; text-align:center; border:1px solid #ddd;  width:50px;  overflow:hidden; z-index:0; margin-top:15px; }







#content .articleimg { border-bottom:3px solid #ccc; margin-bottom:10px; padding:0 0;  }











#content .subcolumns h3 { margin-bottom:5px; }







/*========================================================== { M05-}============================================================== */



#content .sitemap {



overflow:hidden;



margin-right:-30px;



margin-top:15px;



height:100%;



}



#content .sitemap_list {



width:155px;



overflow:hidden;



height:100%;



margin-right:38px;



float:left;



}







#content .sitemap_list li { font-size:12px;}







#content .sitemap_list li a { color:#666; }



#content .sitemap_list li a:hover { color:#000; text-decoration:underline;  }















/******ACCORDION BEGINS********/



#accordion {







}



#solutionsSections {



	height: 250px;



	overflow: scroll;



	overflow-x:hidden;



	margin-top: 5px;



}







.toggler {



	color: #FFFFFF;



	font-size: 14px;



	font-weight: bold;



	margin-top: 0;



	margin-right: 0;



	margin-bottom: 10px;



	margin-left: 0;



	background-image: url(images/accordionBG.gif);



	background-position: left top;



	height: 34px;



}



.toggler:hover {



	background-image: url(images/accordionBGhover.gif);



	background-position: left top;



	cursor:pointer;



} 



.element {



	margin-bottom: 0px;



 



}



#blankDIV {



	padding-bottom:10px;



}



.element p {



	margin: 0;



	padding: 4px;



}







#accordion h3 {



	font-size: 12px;



	font-weight: normal;



	padding-top: 4px;



	padding-left: 10px;



	padding-bottom:3px;



}



#accordion h2 {



	font-size: 12px;



	font-weight: bold;



	color: #666666;



	margin-top: 10px;



}



/******ACCORDION ENDS********/







h5 {



	font-size:11px;



	font-weight:normal;



	color:#000000;



	text-align:right;



	padding-bottom:35px;



}



h6 {



	width:544px;



	height:18px;



	padding-top:46px;



	padding-left:5px;



	font-size:18px;



	font-weight:bold;



	color:#FFFFFF;



	background-image: url(images/h6bg.gif);



}