/* Default CSS */

/* Element styles */

body {
	margin:0px;
	padding-bottom:60px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	color:#202020;
	background-color:#96B2DD;
	background-image:url(../images/background/Columns.gif);
	background-repeat:repeat-y;
	background-position:left;
}

h1 {
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#F37121;
	margin-top:4px;
}

h2 {
	font-size:10px;
	line-height:17px;
	font-weight:bold;
}

h3 {
	font-size:13px;
	line-height:10px;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#96B2DD;
}

a:link,a:visited {
	color:#770000;
	text-decoration:none;
}

a:hover,a:active {
	color:#BB0000;
	text-decoration:none;
}

a img {
	border:none;
}

ul {
	margin-bottom:0px;
}

/* Standard Pages */

#indexBackground {
	position:absolute;
	left:30px;
	top:0px;
	width:790px;
	height:496px;
}

#indexContent {
	position:absolute;
	left:245px;
	top:100px;
	border-left:1px solid #BEBEBE;
}

#indexPageContent {
	font-size:13px;
	width:470px;
	padding-left:44px;
	font-size:12px;
	line-height:26px;
	margin-top:-7px;
}


/* Menu */

#menu {
	position:absolute;
	left:0px;
	top:0px;
	width:30px;
}

#menuDivider1 {
	position:absolute;
	left:0px;
	top:100px;
	width:31px;
	height:1px;
}

#menuAbout {
	position:absolute;
	left:0px;
	top:101px;
	width:30px;
	height:76px;
}

#menuDivider2 {
	position:absolute;
	left:0px;
	top:177px;
	width:31px;
	height:1px;
}

#menuServices {
	position:absolute;
	left:0px;
	top:178px;
	width:30px;
	height:97px;
}

#menuDivider3 {
	position:absolute;
	left:0px;
	top:276px;
	width:31px;
	height:1px;
}

#menuPortfolio {
	position:absolute;
	left:0px;
	top:277px;
	width:30px;
	height:105px;
}

#menuDivider4 {
	position:absolute;
	left:0px;
	top:382px;
	width:31px;
	height:1px;
}

#menuContact {
	position:absolute;
	left:0px;
	top:383px;
	width:30px;
	height:91px;
}

#menuDivider5 {
	position:absolute;
	left:0px;
	top:474px;
	width:31px;
	height:1px;
}


/* Submenu */

#submenu {
	position:absolute;
	left:40px;
	top:205px;
	margin:0px;
	width:220px;
	padding:0px;
	font-size:13px;
	line-height:16px;
	text-decoration:none;
}

#submenuLogo {
	position:absolute;
	left:65px; /* was 35 */
	top:95px;
	width:117px;
	height:97px;
}

#submenuLogo img {
	width:117px;
	height:97px;
}

#submenu ul {
	padding-left:0px;
	margin-left:10px;
}

#submenu ul li {
	list-style:none;
	list-style-position:inside;
	line-height:8px;
	margin:0px 0px 15px 0px;
	padding:0px;
}

#submenu ul ul {
	padding-left:0px;
	margin-top:-3px;
	margin-left:10px;
	margin-bottom:18px;
}

#submenu ul ul li {
	font-size:11px;
	margin-bottom:10px;
}

.serviceslist ul {
	margin-top:0;
}

.serviceslist ul li {
	line-height:20px;
}

#submenu ul li a:link,#submenu ul li a:visited {
	color:#770000;
}

#submenu ul li a:hover,#submenu ul li a:active,#submenu ul li a.currentPage {
	color:#BB0000;
}

#submenu ul ul li a:link,#submenu ul ul li a:visited {
	color:#770000;
}

#submenu ul ul li a:hover,#submenu ul ul li a:active,#submenu ul ul li a.currentPage {
	color:#BB0000;
}


/* Portofio Pages */

#portfolioContent {
	position:absolute;
	left:290px;
	top:100px;
}

#portfolioPageContent {
	width:470px;
	padding-left:50px; /* was 44px */
	border-left:1px solid #BEBEBE;
}

#portfolioPageContent ul {
	margin:0px 0px 0px 17px;
	padding:0px;
	list-style-type:none;
	color:#F37121;
}

.portfolioImage {
  margin-bottom:25px;
  width:430px;
}

#portfolioNameAndNav {
  position:absolute;
  float:right;
  top:321px;
  left:428px;
  width:32px;
}

.thumbnail img{
	border: 1px solid #ddd;
}

#portfolioNameAndNav .next {
	padding-left:12px;
}


#portfolioNavLeft {
}

#portfolioNavRight {
}


/* Contact */

#contact {
	margin-top:25px;
}

#contactCompanyNameAndPhone {
	width:220px;
	height:13px;
}

#contactEmail {
	width:117px;
	height:13px;
}


/* Content bottom margin hack */

#contentBottomMargin {
	height:55px;
}


/* Copyright */

#copyright {
	position:absolute;
	left:821px;
	top:0px;
	width:20px;
}

#copyright img {
	position:absolute;
	left:0px;
	top:100px;
	width:20px;
	height:230px;
}


/* Hosting Table */

#hostingTable table {
	font-size: 12px;
	line-height: 17px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px;
	border: thin solid #BEBEBE; 
	text-align: center;
	border-collapse: collapse;
}

#hostingTable tr td th {
	padding: 10px 20px 10px 20px;
	border: thin solid #BEBEBE; 
}

#hostingTable th {
	text-align: center;
	color: #ffffff;
	background-color: #F0824B;
	border: thin solid #BEBEBE;
	padding: 3px;
}

#hostingTable tr {
	padding:3px;
	border: thin solid #BEBEBE; 	
}

#hostingTable td {
	padding:3px;
	border: thin solid #BEBEBE; 
}


/* Contact Form */

div.accordion {
	padding:12px;
	font-size:12px;
	line-height:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.accordion h3.docs { 
	clear:left; 
	font-size:12px; 
	font-weight:normal; 
	padding:0 0 1em; 
	margin:0;
}

#accordion table {
	border: 0;
	font-size: 12px;
	line-height: 17px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 5px;
	text-align: left;
	border-collapse: collapse;
}

#accordion td.form_field {
	padding-bottom: 7px;
}

#accordion td.label {
	padding-bottom: 7px;
}

#accordion span.warn {
	color: red;
}

#accordion #salesFormErrors { 
	color: red;
	padding-bottom: 18px;
}

#accordion #supportFormErrors { 
	color: red;
	padding-bottom: 18px;
}

#accordion #billingFormErrors { 
	color: red;
	padding-bottom: 18px;
}