/*************************
important data

body width: 960 px
sidebar width:  320px
content width: 600px  (only set for blog page)
content margin-left from sidebar: 40px

orange: 	color: #e96c03;
*************************/

* {
  margin: 0;
	padding: 0;
}
@font-face {
	font-family: handsean;
	src: url('../fonts/UNIVERSB.OTF');
}
@font-face {
	font-family: Univers;
	src: url('../fonts/UNIVERS_.OTF');
}

html {
  overflow: -moz-scrollbars-vertical;  
}
body {
  font: normal normal 13px/18px Arial, Helvetica, Verdana, sans-serif;
  width: 960px;
  margin: 0px auto;
  background: #fff;
  color: #333;
}
h1 {
  font-size: 20px;
}
h2 {
  font-size: 16px;
}
a {
	color: #fe5401;	
	color: #e96c03;
  text-decoration: none;	
}
a:visited {
  color: #fe5401;	
	color: #e96c03;	
}
a:hover {
  text-decoration: underline;
}
a img {
  border: none;
}
table {
  border-collapse: collapse;
}
table tr td, table tr, img, object {
  vertical-align: top;
}
#content p {
  margin-bottom: 10px;
}
#content ul, #content ol {
  margin: 10px 15px;
}
.round {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;		
	border-radius: 6px;	
}

/************************* banner ***************************/
#banner {
  line-height: 14px;
	margin-bottom: 30px;
}
#banner ul#nav {
  float: right;
  font: bold 16px Arial;
  margin-top: 30px;
}
#banner ul#nav li {
  float: left;
  list-style: none;
  margin: 0px 10px;
}
#banner ul#nav li:last-child {
  margin-right: 0px;
}
#banner ul#nav a {
  color: #555;
}
#banner ul#nav li.selected a {
  text-decoration: none;
  cursor: default;
	color: #fe5401;	
	color: #e96c03;	
}
#banner ul#nav a:hover {
	color: #fe5401;	
	color: #e96c03;	
  text-decoration: none;
}
#banner div#logo {
  padding-top: 25px;
}
#banner div p {
  float: right;
  font-size: 12px;
}      
#banner div h1 {
  text-align: left;
  margin: 7px 0px;
  letter-spacing: 1px;
  color: #fff;
  font: normal 20px/23px "Times New Roman", serif;
}
#banner div h1 a {
  background: #555;
  display: block;
  width: 320px;
  padding: 7px 0px 7px 0px;
  color: #fff;
  text-decoration: none;
}
#banner div h2 {
  text-align: left;
  font: bold 13px arial, "Times New Roman", serif;
  color: #555;
	margin-top: 8px;
	display: none;
}
#banner div p {
  float: none;
}

/******************************** sidebar ************************************/
#sidebar {
  width: 320px;
  float: left;
  clear: left;
  margin-top: 35px;  
	line-height: 16px;
}
#sidebar h2 {
  font: bold normal 16px Arial;
  padding-bottom: 4px;
  border-bottom: solid 2px #555;
  padding-left: 0px;
}
#sidebar p {
  border-bottom: dotted 1px #555;
  padding: 4px 0px;
  margin-left: 0px;
}
#sidebar .selected a {
  color: #333;
  cursor: default;
}
#sidebar .selected a:hover {
  text-decoration: none;
}
#sidebar #info div {
  display: none;
}
#sidebar #info div div.features,
#sidebar #info div div.description {
  display: block;
  padding-bottom: 5px;
  margin-left: 0px;   
  border-bottom: dotted 1px #555;  
}
#sidebar #info div div.features p,
#sidebar #info div div.description p {
  border: none;
  margin-left: 1px;
	margin-top: 3px;
	line-height: 14px;
}
#sidebar #info div.features li {
  margin-left: 30px;
}
#sidebar #info div div:last-child {
  border: none;
}

/******************************* footer **************************************/
#footer {
  width: 100%;
  clear: left;
  margin: 15px 0px 20px;
  border-top: dotted 1px #555;
  color: #555;
  font: normal 12px/16px arial;
}
#footer tr td {
  padding-top: 10px;
	width: 350px;
}
#footer tr td:last-child {
  width: 230px;
}
#footer tr td table td:first-child {
  width: 80px;
}
#footer tr td table td {
  padding-top: 0px;
}
#footer table {
  margin-top: 10px;
}
#footer .link {
  margin-top: 10px;
}
#footer .title {
  margin-bottom: 5px;
}

/************************** home *****************************/
.home #slideshow {
  width: 960px;
	position: relative;
	overflow: hidden;
	height: 380px;
	margin: 30px 0px 10px;
}
.home #slideshow div.slides div {
	position: absolute;
	top: 32px;
	z-index: 10;
	height: 350px;
	width: 960px;
	overflow: hidden;
	left: 960px;
}
.home #slideshow div.slides div:first-child {
	left: 0px;
}
.home #slideshow div.slides div img {
  float: right;
	/*cursor: pointer;*/	
}
.home #slideshow div.slides h1 {
	font: bold 34px arial;
	margin: 40px 0px 15px;
	color: #555;
}
.home #slideshow div.slides h2 {
	font: normal 22px/30px arial;
	margin-bottom: 15px;
	color: #555;	
}
.home #slideshow div.slides p {
	font: normal 18px arial;
}
#slideshow #slide_nav a {
	display: block;
	height: 32px;
	width: 32px;
	float: right;
	margin-left: 20px;
	outline: none;
}
#slideshow #slide_nav #next {background: url(../images/next_03.gif) no-repeat -84px 0;}
#slideshow #slide_nav #next:hover {background-position: -42px 0;}
#slideshow #slide_nav #prev {background: url(../images/prev_03.gif) no-repeat -84px 0;}
#slideshow #slide_nav #prev:hover {background-position: -42px 0;}
#slideshow #slide_nav a.disabled {
  cursor: default !important;
	background-position: 0 0 !important;
}
/************************ portfolio ****************************/
#work #sidebar {
  border-bottom: dotted 1px #555;  
  margin-top: 75px;		
}
#work #sidebar #info ul li,
#work #sidebar #info .description {
	font-size: 11px;	
}
#work #sidebar #info .link a {
  background: url(../images/link_icon.gif) no-repeat 1px 1px;
  padding-left: 19px;
  line-height: 20px;
}
#work #sidebar #info .link {
  border: none;
  margin-left: 0px;
  font-size: 12px;
  margin-bottom: 6px; 
  text-align: right;
}
#work #content {
  margin-top: 35px;
  background: #fff;
  position: relative;
  z-index: 10;
	outline-style: none; 
	margin-left: 37px; /* for ie6 */
}
#work div>#content {
  margin-left: 40px;
}
#work form {
  margin-top: 45px;
  position: absolute;
  z-index: 100;
	margin-left: 50px; /* for ie6 */
}
#work div>form {
  margin-left: 370px;
}
#work form select {
  border: solid 1px #555;
  background: #555;
  color: #fff;
}
#work form option {
  padding-left: 5px;
}

/************************ about  ************************/
#about #map {
  height: 350px;
  margin-top: 25px;
	margin-bottom: 20px;
}
#about #content h2 {
  margin-top: 20px;
	margin-bottom: 3px;
} 
/***************** templates ***********************/
.template1 #sidebar p {
  border-bottom: dotted 1px #555;
	padding: 4px 0px;
}
.template1 #content {
  margin: 63px 0px 15px 360px;
}
.template1 #content h1 {
  padding-bottom: 4px;
  border-bottom: solid 2px #555;  
  margin-bottom: 5px;
	margin-top: 15px;	
	line-height: 22px;	
}

/********************************** CMS ***********************************/
#cms_demo #sidebar img {
  padding-top: 50px;
	margin-bottom: 20px;
}

/********************************** Downloads ***********************************/
#downloads #sidebar span {
  float: right;
}
#downloads #sidebar .selected span a {
	color: #fe5401;	
  cursor: pointer;
}


/********************************** blog ***********************************/
#blog #content {
  margin: 33px 0px 15px 40px;
	float: left;
	width: 600px;
}
#blog #sidebar #info div {
  display: block;
  margin-bottom: 30px;
}
#blog #sidebar div table {
  border-collapse: separate;	
	border-bottom: dotted 1px #555;
	padding: 3px 0px;
	/*width: 100%; */
}
#blog #sidebar .selected {
  font-weight: normal;
	color: red;
}
#blog #sidebar div table td {
	width: 52px;
}
#blog #sidebar div table a {
	font-size: 12px;	
}
#blog #content .post {
  margin-bottom: 30px;
	clear: left;
}
#blog #content .post img {
  margin-bottom: 15px;
}
#blog #content .post h1 {
  padding-bottom: 4px;
  border-bottom: solid 2px #555;  
  margin-bottom: 5px;
	line-height: 22px;	
}
#blog #content .post h1 a {
  color: #333;
}
#blog #content .post h1 a:hover {
  text-decoration: none;
	color: #fe5401;	
}
#blog .post p {
  margin-right: 50px;
}
#blog .post p.post_credit {
  text-align: right;
  font: 11px arial !important;
  margin-right: 0px;
	margin-bottom: 15px;
  color: #999;
}
#blog #comments {
  background: #e5e5e5;
  padding: 15px;
	clear: left;
}
#blog #comments p {
  margin: 5px 0px;
}
#blog #comments h2 {
  font-size: 14px;
  margin-bottom: 15px;
}
#blog #comments h2 select option {
  padding: 0px 5px;
}
#blog #comments input {
  width: 241px;
  padding: 4px;
  font: normal 11px verdana;
  color: #555;  
}
#blog #comments .error {
  border: solid 2px red;
}
#blog #comments textarea {
  width: 520px;
  height: 150px;
  padding: 3px;
  font: normal 11px verdana;
  color: #555;
}
#blog #comments label {
  font-size: 12px;
}
#blog #comments .email {
  float: left;
	margin-right: 25px;
}
#blog #comments .url {
  margin-top: 10px;
}
#blog #comments #submit {
  padding-right: 38px;
  padding-bottom: 15px;
  border-bottom: solid 1px #ccc;
  margin-bottom: 15px;
}
#blog #comments #submit input {
  width: 130px;
  float: left;
	font-weight: bold;
	padding: 5px 5px 7px;	
  margin: 0px 20px 0px 0px;
}
#blog #comments #submit p {
  font: normal 11px/16px verdana !important;
  color: #555;
  margin: 16px 0px 0px 180px;
	padding: 5px 10px 5px 15px;
}
#blog #comments #submit p.confirm_submit {
	background: #fff;
	color: #BF8E0B;
}
#blog #comments .comment {
  padding-bottom: 10px;
  border-bottom: solid 1px #ccc;
  margin-bottom: 15px; 
}
#blog #comments .last {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#blog #comments .comment p {
  margin-right: 50px; 
}
#blog #comments .comment p.comment_info {
  font-size: 12px;
}
#blog #comments .comment p span.number {
  padding-right: 20px;  
}

/****************************** pricing ******************************/
#price #content {
  margin-top: 57px;
}
#price #content table h2 {
  font: bold 16px arial;
}
#price #content td, 
#price #content th {
  padding: 5px 0px;
  border-bottom: dotted 1px #555;

}
#price #content table#standard,
#price #content table#optional {
  float: left;
  margin-bottom: 20px;
}
#price #content table#standard {
  width: 320px;
}
#price #content table#optional {
  margin-left: 35px;
  width: 350px;
}
#price #content table#optional select {
  width: 120px;
}
#price #content #optional td:first-child, 
#price #content #optional th:first-child {
  width: 230px;
} 

#price #prices {
  background: #e96c03;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;		
	border-radius: 6px;	
	padding: 10px 20px;	
	color: #fff;
  margin-left: 30px;
  margin-top: 28px;
  font-weight: bold;
  float: left;
  margin-bottom: 20px;	
}
#price #content table#cost {
  width: 185px;  	
}
#price #content table#cost tr td {
  border-bottom: dotted 1px #fff !important;
}
#price #content table#cost td, 
#price #content table#cost th {
  padding: 6px 0px !important;
	border: none !important;
}
#price #content table#cost th {
  font-size: 18px;  

  text-align: left;
}
#price #content table#cost td:last-child,
#price #content table#cost th:last-child {
  text-align: right;
}


#price #content tr.heading td {
  border-top: none;      
  border-bottom: solid 2px #555;  
  background: #fff
}
#price #content table li {
  margin-left: 20px;
  margin-bottom: 5px;
}
#price #content #buttons {
  margin-top: 20px;
}
#price #content #fineprint {
  clear: both;
  background: #eee;
  padding: 15px 15px 15px 40px;
}
#price #content #fineprint li {
  margin-bottom: 10px;
}
#price #samples {
  margin-left: 35px;
  float: left;
}
#price #samples h3 {
  margin: 10px 0px;
}
#price #samples ul {
  margin-left: 15px;
}
#price #samples table {
  width: 240px;
}
#price #samples tr td,
#price #samples tr th {
  text-align: left;
}
#price .tip {
  color: #fff;
	width: 290px;
	padding: 15px;
	font: normal italic 12px arial;
	margin-top: 5px;
	display: none;
	position: absolute;
	background: #555;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;		
	border-radius: 6px;	
}
#price .tip span {
  float: right;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	line-height: 12px;
	border: solid 1px #fff;
	padding: 0px 3px 3px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#price img.help {
  cursor: pointer;
}

/********************* guideline ************************/
.guideline #content li {
	margin-bottom: 8px;
}
.guideline #content ol, .guideline #content ul {
	margin-bottom: 25px;
	margin-top: 10px;
}
.guideline #content ol {
  margin-left: 20px;
}
.guideline #content ul li {
	list-style: none;
}
.guideline #content .pdf {
	background: url(../guideline/pdf.png) no-repeat left center;
	line-height: 18px;	
	padding: 2px 25px;
}