@charset "utf-8";
/* CSS Document */
body {
	text-align:center;
	//font-family:Calibri, Arial, Verdana, Geneva, sans-serif;
	font-family: Georgia, "Times New Roman",
          Times, serif;

	font-size:11pt;
	color:#666666;
	background-color:#000
}

a:link {
	text-decoration:none;
	color:#666666;
	font-weight:bold
}

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

a:visited {
	text-decoration:none;
	color:#666666;
}

#container 
{
	width:1024px;
	margin:0px auto;
 	text-align: center;
	padding:0;
	background-color:#fff;
}

#nav {
	background:url(../images/header_main.jpg) no-repeat;
	width:1024px;
	height:155px;
}

#navigationlist li {
	list-style: none;
	margin-left:0;
}

ul,ol {
	margin-left:30px;
}

#redtop {
	background:url(../images/header_topred.jpg) repeat-x;
	height:21px;
}

#orangetop {
	background:url(../images/header_toporange.jpg) repeat-x;
	height:8px;
}


div#pencil{
	position:absolute;
	bottom:-72px;
}
#paging{
	font-size:12pt;
	color:#666666;
}
#maincont {
	width:960px;
	padding:0 32px;
	background-color:white;
	min-height:637px
}

#formcont {
	width:960px;
	padding:0 32px;
	background-color:white;
	min-height:705px
}

.title {
	text-align:left;
	font-family: Georgia, "Times New Roman",
          Times, serif;
	padding:5px 0px;
}

.leftmain {
	float:left;
	width:682px;
	text-align:left;
	background:inherit;
	padding-top:10px
}

.leftmain img.paperclip {
	float:right;
	clear:both
}

.rightmain {
	width:243px;
	text-align:left;
	background:inherit;
	float:right;
	padding-top:10px
}

.rightmain img {
	padding-bottom:5px;
}

#sc_thumb img {
	float:left;
	padding:0px 2px;
}

#footer {
	background:url(../images/footer_red.jpg) repeat-x;
	height:57px;
	color:white;
	clear:both;
	text-align:center;
	padding-right:20px;
	line-height:3.5;
	margin:0px auto
}
#footer img{
	text-align:left;
	padding-right:20px;
	height:40px;
	margin:5px;
}

#copyright{
	background-color:#000;
	text-align:center;
	height:10px;
	color:#fff;
	
}

#topcont {
	clear:both;
	float:none
}

#nav ul {	
	text-align:right;
	font-family:Calibri, Arial, Verdana, Geneva, sans-serif;
	clear:both;
	font-size:12pt;
	font-weight:bold;
	margin-left:220px;
	padding-top:8em;
}

#nav ul li {
	float:left;
	clear:none;
	text-align:right;
	padding-left:15px;
	padding-right:15px;
}
/*Forms*/

fieldset {
	margin: 1.5em 1em 1em 1em ;
	padding:0;
	float:none;
	clear:left;
	width:90%;
}

legend {
	margin-left:1em;
	color:#204caa;
	font-weight:bold;
}

fieldset ol {
	padding:1em 1em 0 1em;
	list-style:none;
}

fieldset li {
	float:left;
	clear:left;
	width:100%;
	padding-bottom:1em;
}

fieldset.submit {
	float:none;
	width:auto;
	padding-left:12em;
	border-style:none;
}	

label {
	position:relative;
	float:left;
	width:20em;
	margin-right:1em;
}

label em {
	display:block;
	color:#666;
	font-size:75%;
	font-style:normal;
	text-transform:uppercase;
}

label strong {
	position:absolute;
	left:32.5em;
	top:0.2em;
	width:19em;
	color:#c00;
	font-size:75%;
	font-weight:normal;
	text-transform:uppercase;
}

.red {
	color:#ff0000
}

.white {
	color:#ffffff
}

/*Form Validation*/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/* Showcase Page */

h2 {
	font-weight:bold;
	color:#be2911;
	font-size:14pt;
	padding:10px 0;
}

.folio {
	width:5em;
}

.tag {
	margin-bottom:10px
}

#showcasecontainer, #casestudycontainer {
	float:none;
	clear:both
}

#casestudycontainer img {
	float:left;
	padding-right:10px
}

.showcase {
	float:left;
	width:330px
}

.showcase img {
	padding:5px 0px;
}

.showbtn {
	text-align:center;
	width:330px;
	float:left;
	margin:0px auto
}

a.case { /* definition of the "image" class in the <a> tag */
	 width:70px;
	 height:17px;
     display: block; /* a tag must be a block */
	 background:url(../images/btn_casestudy.jpg) no-repeat;
	 float:left;
	 margin-left:65px
     }
	 
a.case:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(../images/btn_casestudy_on.jpg); /* source for start image */
}

a.launch { /* definition of the "image" class in the <a> tag */
	 width:74px;
	 height:17px;
     display: block; /* a tag must be a block */
	 background:url(../images/btn_launch.jpg) no-repeat;
	 float:left;
	 margin-left:5px
     }
	 
a.launch:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(../images/btn_launch_on.jpg); /* source for start image */
}

label {
	position:relative;
	float:left;
	width:4em;
	margin-right:1em;
}

a.websys { /* definition of the "image" class in the <a> tag */
	 width:244px;
	 height:73px;
     display: block; /* a tag must be a block */
	 background:url(../images/btn_websystem.jpg) no-repeat;
	 float:left;
	 margin-bottom:15px;
	 margin-top:15px
     }
	 
a.websys:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(../images/btn_websystem_on.jpg); /* source for start image */
}

a.webdev { /* definition of the "image" class in the <a> tag */
	 width:244px;
	 height:73px;
     display: block; /* a tag must be a block */
	 background:url(../images/btn_webdev.jpg) no-repeat;
	 float:left;
	 margin-bottom:15px;
	 margin-top:15px
     }
	 
a.webdev:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(../images/btn_webdev_on.jpg); /* source for start image */
}

a.consult { /* definition of the "image" class in the <a> tag */
	 width:243px;
	 height:138px;
     display: block; /* a tag must be a block */
	 background:url(../images/btn_consult.jpg) no-repeat;
	 float:left;
	 margin-bottom:15px;
	 margin-top:15px
     }
	 
a.consult:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(../images/btn_consult_on.jpg); /* source for start image */
}

a.homebtn { /* definition of the "image" class in the <a> tag */
	 width:243px;
	 height:138px;
     display: block; /* a tag must be a block */
	 background:url(../images/btn_home.jpg) no-repeat;
	 float:left;
	 margin-bottom:15px;
	 margin-top:15px
     }
	 
a.homebtn:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(../images/btn_home_on.jpg); /* source for start image */
}

.clientlist {
	display:block;
	list-style:circle;
	list-style-position:inside;
}

strong {
	line-height:2em
}


/*List of Portfolio Thumbnails*/

a.dnparts { /* definition of the "image" class in the <a> tag */
	 width:279px;
	 height:88px;
     display: block; /* a tag must be a block */
	 background:url(../images/show_dnparts.jpg) no-repeat;
	 padding:5px 0px;
     }
	 
a.dnparts:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(../images/show_dnparts_on.jpg); /* source for start image */
}

a.komet { /* definition of the "image" class in the <a> tag */
	 width:279px;
	 height:88px;
     display: block; /* a tag must be a block */
	 background:url(../images/show_komet.jpg) no-repeat;
	 padding:5px 0px;
     }
	 
a.komet:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(../images/show_komet_on.jpg); /* source for start image */
}

/*Forms*/

fieldset {
	margin: 1.5em 1em 1em 1em ;
	padding:0;
	float:none;
	clear:left;
	width:90%;
}

legend {
	margin-left:1em;
	color:#666666;
	font-weight:bold;
}

fieldset ol {
	padding:1em 1em 0 1em;
	list-style:none;
}

fieldset li {
	float:left;
	clear:left;
	width:100%;
	padding-bottom:1em;
}

fieldset.submit {
	float:none;
	width:auto;
	padding-left:12em;
	border-style:none;
}	

label {
	position:relative;
	float:left;
	width:15em;
	margin-right:1em;
}

label em {
	display:block;
	color:#666;
	font-size:75%;
	font-style:normal;
	text-transform:uppercase;
}

label strong {
	position:absolute;
	left:32.5em;
	top:0.2em;
	width:19em;
	color:#c00;
	font-size:75%;
	font-weight:normal;
	text-transform:uppercase;
}

.red {
	color:#ff0000
}

.white {
	color:#ffffff
}

/*Form Validation*/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

a.stories { /* definition of the "image" class in the <a> tag */
	 width:244px;
	 height:137px;
     display: block; /* a tag must be a block */
	 background:url(../images/success_img_on.jpg) no-repeat;
	 margin-bottom:15px
     }
	 
a.stories:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(../images/success_img.jpg); /* source for start image */
}



h3 {
	font-weight:bold;
	color:#be2911;
	font-size:14pt;
	padding-top:10px;
	margin:0px auto
}