/* CSS Document */

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

s h o w | t h e | w o r l d 

now thats what we call simple

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

* { margin: 0; padding: 0; border: 0; }

body {

	margin: 0;

	padding: 25px 0 0 0;

	font: normal 0.95em/1.5em Verdana, Arial, Helvetica, sans-serif;

	color: #ccc;

	text-align: center;
	
	

}

#home {background: #1E1E1E url(images/bg_1.jpg) top left repeat-x; }



/* --------------------------------------------

	layout styles

-------------------------------------------- */

#headerWrapper {

	width: 100%;

	text-align: center;

	padding: 0;

	margin: 0;

}

#pageHeader {

	width: 775px;

	height: 45px;

	padding: 5px 0 0 0;

	margin: 0px auto;

	text-align: left;

}

#webDesignLogo {

	position: relative; 

	float: left;

}

#pageTitle {

	width: 775px;

	margin: 0px auto;

	padding: 0;
	


}

#titleLeft {

	position: relative;

	float: left;

	text-align: right;

	padding: 23px 0 0 0;

}

#titleRight {

	position: relative;

	float: right;

	width: 100px;

	padding: 10px 0;

}

#titleRightText {

	position: relative;

	float: right;

	width: 400px;

	padding: 40px 0 0 0;

	color: #000;

	font-weight: bold;

	font-size: 80%;

}

#contentWrapper {

	width: 100%;

	text-align: center;

	background-color: #1E1E1E;

	margin: 0;

	padding: 0;

}

#content {

	width: 775px;

	margin: 0 auto;

	text-align: left;

	padding: 0;

}

#content-teaser {

	width: 775px;

	padding-top: 5px;
	
	padding-bottom: 15px;
	
	padding-left: 0px;
	
	padding-right: 0px;

	margin: 0px auto;

}

#content-spacer {

	height: 30px;

}

#footer {

	width: 100%;

	border-top: 1px solid #252525;

	background-color: #1E1E1E;

	font-size: 75%;

	color: #666;

	margin: 0;

	padding: 5px 0 30px 0;

	text-align: center;

}

#designColumns {

	width: 775px;

	padding: 0px;

	text-align: left;

}

.contentleft {

	width: 240px;

	padding: 0px;

	margin: 0 10px 0 0;

	float: left;

	font-size: 80%;

	background-color: inherit;

}	

.contentcenter {

	width: 240px;

	padding: 0px;

	margin: 0 25px 0 0;

	float: left;

	font-size: 80%;

	background-color: inherit;

}	

.contentright {

	width: 240px;

	padding: 0px;

	margin: 0px;

	float: left;

	font-size: 80%;

	background-color: inherit;

}

.contentRow {

	width:100%;

}

#contenttwin {

	width: 510px;

	padding: 0;

	margin: 0;

	float: left;

	background: #2f2f2f;

}

h3.servicesTitle {

	color:#009900;

	font-weight: bold;

	padding: 6px 25px;

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

	letter-spacing: 1px;

	font-size: 80%;

}

h3.servicesNavTitle {

	font-weight: bold;

	padding: 6px 0;

	letter-spacing: 1px;

	font-size: 100%;

}

#twinContent {

	margin: 0 8px 8px 8px;

	padding: 15px;

	background: #2f2f2f url(../i/services_bg.jpg) top left no-repeat;

	font: normal 70%/140% Verdana, Arial, Helvetica, sans-serif;

}

#columnGradient {

	padding: 15px 15px 25px 15px;

	font: normal 90%/1.4em Verdana, Arial, Helvetica, sans-serif;

	background: #333;

	border-top: 1px dotted #757575;

	border-bottom: 1px dotted #757575;

	margin-bottom: 10px;

}

/* --------------------------------------------

	link styles

-------------------------------------------- */

a, a:link, a:active {

	color: #00CC00;

	text-decoration: none;

	padding: 1px;

}

a:visited { color: #0f0;}

a:hover { color: #CCC; text-decoration: underline;

}

#footer-nav {

	width: 775px;

	padding: 5px 0;

	text-align: left;

	background-color: #1E1E1E;

	margin: 0 auto;

}

#footer-nav a, #footer-nav a:link, #footer-nav a:active { color: #666; } 

#footer-nav a:hover { color: #00FF00; }

#copyright { position: relative; float: right; }

/* --------------------------------------------

	nav styles

---------------------------------------------*/ 

ul.nav { 

	margin: 0;

	padding: 0; 

	list-style: none; 

	color: #fff;

}

ul.nav li { 

	display: block; 

	position: relative; 

	float: right; 

	padding: 10px 0px 15px 0px;

	margin: 0px 4px 0px 4px;

	color: #fff;

	background: url(../i/nav_triangle.jpg) -30px -25px no-repeat;

}

ul.nav li a, ul.nav li a:link, ul.nav li a:active, ul.nav a:visited { 

	float: left; 

	display: block; 

	padding: 0 15px; 

	color: #fff;

	text-decoration: none;

} 

ul.nav li:hover a, ul.nav li a:hover { 

	color: #00FF00; 

	text-decoration: none; 

	padding: 0 15px; 

}

ul.nav li.on { 

	font-weight: bold; 

	background-position: 50% 39px; 

	text-decoration: none; 

}

#subNav {

	position: relative;

  	line-height: 1.6em;

	padding: 1px 0 0 0;

	width: 100%;

	font-size: 80%;

	background: url(../i/border_dotted.gif) left top no-repeat;  

}

#subNav a, #subNav a:link, #subNav a:active {

	display: block;

  	width: 100%;

	margin: 0px;

	padding: 7px 0 6px 0px;

	text-decoration: none;

	color: #fff;

	background: url(../i/border_dotted.gif) left bottom repeat-x;  

}

#subNav a:hover {

	color: #6abeff;

	background: #2f2f2f url(../i/subnav_bg.gif) left bottom no-repeat;  

}

.navFolder {

	float: left;

	margin: 0px 10px;

}

.navSubpage {

	float: left;

	margin: 2px 10px 0 45px;

}

/* --------------------------------------------

	html styles

-------------------------------------------- */

h1 {

	font-size: 140%;

	font-weight: bold;

	margin: 0 0 4px 0;

	padding: 0;

	text-transform: lowercase;

}

h2 {

	font-size: 120%;

	font-weight: bold;

	margin: 0 0 4px 0;

	padding: 0;

	text-transform: uppercase;

}

h3 {

	font-size: 100%;

	font-weight: bold;

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

	margin: 0 0 4px 0;

	padding: 0;

	text-transform: uppercase;

	color: #00CC00;

	letter-spacing: 1px;

}

h4 {

	font-size: 100%;

	font-weight: bold;

	margin: 0 0 4px 0;

	padding: 0;

}

form.box {

	margin: 0;

	height: 99px;

	padding: 20px;

	text-align: right;

	border: 8px solid #2f2f2f;

	background: #333;

}

form.contactBox {

	margin: 0;

	padding: 3px;

	text-align: right;

	border: 3px solid #2f2f2f;

	background: #333;

}

form.newsletterBox {

	padding: 15px 15px 25px 15px;

	font: normal 90%/1.4em Verdana, Arial, Helvetica, sans-serif;

	background: #333;

	border-top: 1px dotted #757575;

	border-bottom: 1px dotted #757575;

	margin-bottom: 10px;

}

input { margin: 1px 0; }

form input:focus, form textarea:focus { background-color: #ffff99; }

input.formelement, textarea.formelement, select.formelement {

	margin: 2px;

	padding: 2px;

	border: 1px solid #5e5e5e;

}

select { font-size: 100%; }

.button { 

	background: #fff url(../i/bg_button.gif) left bottom repeat-x;

	margin: 10px 0 0 0; 

	padding: 2px 4px; 

	cursor: pointer;

	border: 1px solid #003c74; 

}

img { border: 0; }

ul { margin: 10px 0 10px 0 }

li {

	list-style-image: url(../i/bullet.gif);

	margin: 2px 0 2px 20px;

}

.clear { clear: both; margin: 0; padding: 0; }

.clearFooter {

	clear: both;

	background-color: #1E1E1E;

	height: 25px;

}

p.column {

	font: normal 90%/120% Verdana, Arial, Helvetica, sans-serif;

	padding: 5px 0 1px 0;

	color: #fff;

}

p.columnGrey {

	font: normal 90%/120% Verdana, Arial, Helvetica, sans-serif;

	padding: 1px 0;

	color: #ccc;

}

p.title {

	color: #fff;

	margin: 0 0 5px 8px;

	font-size: 110%;

}

p.portfolio {

	margin: 0 0 15px 8px;

	font-size: 90%;

	line-height: 140%;	

}

table, td {

	font-size: 100%;

}