@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

.clr {
	clear:both;
}

h1 {
	margin:0;
	padding:7px 0;
	font-size:16px;
	color:#5f68a7;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	font-size:12px;
	color:#333;
	padding:5px 10px 5px 0;
	line-height:19px;
}

pre {
	color:#333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

a {
	color:#336699;
}

a:hover {
	color:#5f68a7;
	text-decoration:none;
}

address {
	font-size:12px;
	color:#5f68a7;
	font-weight:bold;
}

form {
	margin:0;
	padding:0;
	width:210px;
}

#wrap {
	width:900px;
	margin:0 auto;
	padding:15px 0;
}

.wrap-border {
	background:url(images/middle.png) repeat-y;
	width:684px;
	padding:15px 0 5px 0;
}

#header {
	width:622px;
	height:126px;
	padding:0;
	margin:0 auto;
}

.border-top {
	border-top:1px #5f68a7 solid;
}
/*
.border-bottom {
	border-bottom:1px #5f68a7 solid;
}
*/
#logo {
	width:352px;
	height:111px;
	margin: 15px auto 0 auto;
}

#logo a {
	display:block;
}

#logo a img {
	border:none;
}

#navigation {
	background: url(images/navigation-bg.png) no-repeat;
	height:11px;
	margin:0 auto 5px auto;
	padding:7px 0 10px 0;
	width: 900px;
}

#main {
	width:684px;
	margin:0 auto;
}

/*--- index.html start ---*/

.content {
	width:341px;
	float:left;
}

.container {
	-moz-border-radius:10px;
	width:270px;
	height:80px;
	margin:0 auto;
	padding:0 0 0 30px;
	cursor:pointer;
	/*border:2px #5f68a7 solid;*/
}

.partition {
	float:left;
	width:130px;
	height:69px;
	padding:26px 0 0 2px;
	background:url(images/blue-circle.png) no-repeat 10px 20%;
}

.container:hover .partition {
	background:url(images/orange-circle.png) no-repeat 10px 20%;
}

.partition a {
	color:#fff;
	font-weight:bold;
	font-size:13px;
	padding:5px 0 5px 10px;
	text-decoration:none;
	display:block;
	background:#5f68a7 url(images/roundbar-left.png) no-repeat;
	float:left;
}

.partition a.add-pad {
	padding-right:10px;
}

.partition span {
	background:url(images/roundbar-right.png) no-repeat;
	width:11px;
	height:26px;
	display:block;
	float:left;
}

.partition p {
	color:#848484;
	margin:0;
}

.container:hover .partition a {
	color: #0a4c89;
	background: #F95100 url(images/roundbar-left-hr.png) no-repeat;
}

.container:hover .partition span {
	background:url(images/roundbar-right-hr.png) no-repeat;
}

.partition-2 {
	width:90px;
	height:90px;
	float:left;
	margin-left:10px;
}

.partition-2 a {
	display:block;
}

.partition-2 img {
	border:none;
	width:80px;
	height:80px;
}

/*--- index.html end ---*/


/*--- html_psd.html start ---*/

#main-content {
	width:635px;
	float:left;
}

.main-cont-pad {
	width:625px;
	padding:0 5px 0 0;
	/*border-right:1px #5f68a7 solid;*/
}

h2, h3, h4 {
	margin:5px 0;
	color:#5f68a7;
	padding:0;
	font-size:14px;
}

p {
	font-size:11px;
	color:#5f68a7;
	line-height:15px;
	margin:0;
}

ul, ol {
	color:#5f68a7;
	font-size:11px;
}

label {
	font-size:12px;
}

.separator {
	border-top:1px #5f68a7 solid;
	border-bottom:1px #5f68a7 solid;
}

ul#customer-details {
	margin:0;
	padding:0;
	list-style:none;
}

#customer-details li {
	margin:5px 0;
	padding:0;
}

.uniform {
	width:100px;
	display:block;
	float:left;
}

.portfolio-column {
	width:150px;
	float:left;
	margin:5px 10px;
}

.portfolio-column a {
	display:block;
}

.portfolio-column img {
	border:2px #5f68a7 solid;
}

.portfolio-column2 {
	width:270px;
	float:left;
	padding:0 15px;
}

.portfolio-column2 a.t-link {
	text-decoration:none;
	color:#5f68a7;
	text-align:center;
	display:block;
	font-weight:bold;
	font-size:14px;
	padding-top:15px;
}

.tl-topspace {
	margin-top:20px;
}

.portfolio-column2 a.i-link {
	padding-top:5px;
	display:block;
}

.portfolio-column2 a.i-link img {
	border:2px #5f68a7 solid;
}

.portfolio-column2 a.i-link:hover img {
	border:2px #000 solid;
}









.portfolio-column-w {
	width:205px;
	float:left;
	padding:0 6px;
}

.border-right {
	border-right:1px #5f68a7 solid;
	width:204px;
	padding-right:22px;
}

.pd-left {
	padding-left:22px;
	width:204px;
}

.portfolio-column-w a.t-link {
	background:url(images/label-bg.png) no-repeat;
	text-decoration:none;
	/*color:#5f68a7;*/
	color:#fff;
	text-align:center;
	display:block;
	font-weight:bold;
	font-size:14px;
	padding-top:9px;
	width:204px;
	height:25px;
	margin-top:5px;
}

.portfolio-column-w a.t-link:hover {
	color:#FF9900;
}

.portfolio-column-w a.i-link {
	padding-top:5px;
	display:block;
}

.portfolio-column-w a.i-link img {
	border:2px #5f68a7 solid;
}

.portfolio-column-w a.i-link:hover img {
	border:2px #000 solid;
}













	
#sidebar {
	float:left;
}

.sidebar-pad {
	width:240px;
	padding:0 10px 5px 10px;
	border:1px #5f68a7 solid;
}

ul#side-nav {
	margin:50px 0 20px 28px;
	padding:0;
	list-style:none;
}

ul#side-nav li {
	margin:8px;
	padding:0;
}

ul#side-nav li a {
	display:block;
	width:160px;
	background: url(images/sidebar.png) no-repeat;
	height:22px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	padding-top:5px;
	font-size:14px;
}

ul#side-nav li a:hover {
	color: #FF9900;
}

#secondary-content {
	width:900px;
	/*border-top:1px #5f68a7 solid;*/
	margin-top:10px;
}

#footer {
	margin:10px auto 0 auto;
	border-top:1px #5f68a7 solid;
	padding:0 0 0 0;
	height:40px;
}

#footer-container {
	width:900px;
	margin:0 auto;
	
}

.footer-partition-1 {
	width:900px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
}

.footer-partition-1 p {
	text-align:center;
	color:#5f68a7;
}

.footer-partition-2 {
	width:200px;
	float:left;
}


.footer-box {
	color:#5f68a7;
	float:left;
	width:88px;
}

.footer-partition-2 img {
	border:none;
}

/*----jquery-----*/

div.slider-output {
  float:right;
  margin-right:100px;
}

div.order-box strong.pages-output,div.order-box strong.days-output,div.order-box strong#base-price,strong.order-info-text {
  color:#C00;
}

.add {
  float:right;
  background:url('images/plus.png') 0 50% no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}

.sub {
  float:left;
  background:url('images/minus.png') 100% 50% no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}

.slider {
  float:left;
  background:url(images/slider-bg.jpg) 0 40% no-repeat;
  width:404px;
  height:32px;
  margin:0 15px 0 0;
  padding:0;
}

.ui-slider-handle {
	background:url(images/flower.png) 0 50% no-repeat;
	border:0!important;
	width:24px;
	height:24px;
	position:absolute;
	z-index:500;
	cursor:pointer;
	top: 514px;
}

div.order-box {
  background:url(../images/order-box-close.png) 0 100% no-repeat;
  color:#000;
  font-size:12px;
}

/*--Drop down menu--*/

#jsddm
{	width:320px;
	margin:0 auto;
	padding: 0;
	list-style:none;}

	#jsddm li
	{	float:left;
		margin:0;
		padding:0 12px;
		border-right:1px #fff solid;}
	
	#jsddm li a {
	display:block;
	text-decoration:none;
	font-size:14px;
	color:#fff;
	font-weight:bold;}
	
	#jsddm li a:hover {
	color: #FF9900;}
		
		#jsddm li ul
		{	margin: 5px 0 0 0;
			padding:0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid #fff; }
		
			#jsddm li ul li
			{	float: none;
				display: inline;
				border:none;
				margin:5px 0;
				padding:0;}
			
			#jsddm li ul li a
			{	width: auto;
				color: #fff;
				background:#5f68a7;
				display:block;
				padding: 5px 12px;
				font-size:12px;}
				
			#jsddm li ul li a:hover {
				color: #FF9900;
				background:#48518d;
			}

#jsddm li.no-border {
	border:none;
}

/* Additional stuff */

.software-container {
	width:259px;
	height:270px;
	float:left;
	padding:20px 20px 0 20px;
	border-left:1px #5f68a7 solid;
	border-top:1px #5f68a7 solid;
	border-bottom:1px #5f68a7 solid;
}

.sc-br {
	width:258px;
	border-right:1px #5f68a7 solid;
}