body
{
	margin: auto;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/bg_main.gif);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#F0F0F0;
	color:inherit;
}

/*START TEMPLATE LAYOUT STYLES*/

#wrapper { 
 	width: 923px;
  	padding: 0px 15px 0px 12px;
	margin: auto;
	/*border: 1px solid #000000;*/
} 

#tel {
	width:5px;
	float:left;
	padding: 6px 0px 0px 0px;
	text-align:left;
}

#customerLogin {
	width: 919px;
	height: 61px;
	border-top: 1px dashed #CCCCCC;
	text-align:right;
	font-size:70%;
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#banner {
	width:673px;
	float:right;
	text-align:right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#dash {
	width:923px;
	border-bottom: 1px dashed #CCCCCC;
	height:5px;
	margin: 0px 0px 10px 0px;
	float:left;
}


#flashBanner {
	float:right;
	width:673px;
	text-align:right;
	padding-bottom: 5px;
	padding-top: 5px;
}

#logo {
	width:247px;
	float:left;
	padding:0px 0px 0px 0px;
}

#printEmail {
	width:130px;
	margin: 0px 0px 2px 0px;
	float:right;
	text-align:right;
}

#register {
	background-image:url(images/home_content_white_block.gif);
	background-repeat:no-repeat;
	width:232px;
	height:168px;
	float:left;
	text-align:left;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

#green-banner {
	background-image:url(images/home_green_block.gif);
	background-repeat:no-repeat;
	width:230px;
	height:25px;
	float:left;
	text-align:left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#navTop {
	color:#666666;
	background-color:inherit;
	font-size:70%;
	width:923px;
	float:left;
	height:20px;
	text-align:left;
	border-top: 1px dashed #CCCCCC;
	padding:8px 0px 8px 0px;
}
 
#navTop a { 
	color:#666666;
	background-color:inherit;
	padding: 0px 5px 0px 5px;
	text-decoration:none;
}

#navTop a:hover {
	color:#24BCE4;
	background-color:inherit;
	padding: 0px 5px 3px 5px;
	text-decoration:none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #C0D255;
	
}

#navTop a:link.webmail, #navTop a:visited.webmail { color: #F05322;	text-decoration: none; background-color:inherit;}
#navTop a:active.webmail, #navTop a:hover.webmail { color: #009DDE; text-decoration:none; border-bottom: solid 3px #C1C3C5; background-color:inherit;}

#content { 
 	width: 923px;
	clear:both;
	padding: 15px 0px 0px 0px;
}

#footer {
	width:950px;
	height:110px;
	background-image:url(images/bg_footer.jpg);
	background-repeat:no-repeat;
	margin:10px auto;
	clear:both;
}

#footerLeft {
	float:left;
	margin:75px 0px 0px 0px;
	padding: 0px 0px 0px 86px;
}

#footerRight {
	float:right;
	text-align:right;
	font-size:70%;
	color:#818181;
	background-color:inherit;
	margin:75px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
}

#indexContentLeft {
	width:480px;
	padding:0px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
}

#indexContentRight {
	width:411px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	float:right;
	border-left:1px solid #D4D4D4;
}

#latest_work_no_flash {
	border: solid 1px #C1C3C5;
	width:459px;
	height:254px;
	padding: 15px 9px 9px 9px;
	color:#818181;
	background-color:inherit;
}

#contentLeft {
	width:670px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
}

#contentRight {
	width:250px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:right;
}

#servicesRight {
	width:230px;
	height:455px;
	background-image:url(images/bg_services_right.gif);
	background-repeat:no-repeat;
	float:right;
	margin:0px 0px 0px 20px;
}

#servicesRightContent {
	width:178px;
	padding:25px 0px 25px 0px;
	margin:auto;
}

#servicesBottom {
	width:923px;
	height:209px;
	background-image:url(images/bg_services_bottom.gif);
	background-repeat:no-repeat;
	float:right;
	margin:10px 0px 0px 0px;
}

#servicesBottomContent {
	width:885px;
	padding:35px 0px 25px 0px;
	margin:auto;
	text-align:center;
}

#portfolio_right {
	text-align:right;
}

#map {
	float:right;
	width:400px;
}

/*END TEMPLATE LAYOUT STYLES*/

/*##########################################################################################*/


/*START CONTENT STYLES*/
img {border:0px;}
img.border {border:1px solid #AFADAD; padding:5px;}
img.border2 {border:1px solid #AFADAD;}

img.printicon {padding:0px 2px 0px 2px;}
img.logo {padding:0px 0px 10px 0px;}
img.login {padding:10px 228px 7px 0px;}
img.indexIcon {float:left; padding:0px 10px 0px 0px;}
img.padding10 {margin:0px 10px 0px 10px;}
img.paddingRight10 {margin:0px 10px 0px 0px;}
img.paddingLeft {margin:0px 0px 0px 10px;}

img.ServiceIcon {padding:5px 0px 5px 0px;}
img.caselist{float:left; margin:0px 10px 0px 0px; border:1px solid #AFADAD; padding: 5px; background-color:#FFFFFF; color:inherit;}
img.contactIcon {padding:0px 10px 0px 0px;}
img.contactIconAdress {padding:5px 10px 5px 0px;}
img.portfolioBox {padding:0px 35px 0px 35px;}

img.contactMap{float:right; text-align:right;}


a:link, a:visited {
	color: #009DDE;
	text-decoration: none;
	background-color:inherit;
}
a:active, a:hover { color: #009DDE; text-decoration: underline; background-color:inherit;}

a:link.textFooter, a:visited.textFooter {color: #666666; text-decoration: none; background-color:inherit;}
a:active.textFooter, a:hover.textFooter {color: #009DDE; text-decoration: underline; background-color:inherit;}

h1 {font-family:Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #F05322; background-color:inherit; text-transform: uppercase;}
h1.serviceRight {font-family:Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #F05322; background-color:inherit; text-transform: uppercase; margin:0px; text-align:right;}
h1.serviceBottom {font-family:Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #F05322; background-color:inherit; text-transform: uppercase; margin:0px; text-align:left;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #009DDE; background-color:inherit; }
h2.caselist {border-bottom: solid #CCCCCC 1px; padding:0px 0px 5px 0px; width:485px; float:right;}
h2.portfolio {border-bottom: solid #CCCCCC 1px; padding:10px 0px 0px 0px;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; color: #F05322; background-color:inherit;}
h4 {font-family:Arial, Helvetica, sans-serif; font-size: 70%; font-weight: bold; color: #F05322; background-color:inherit;}
h5 {font-family:Arial, Helvetica, sans-serif; font-size: 70%; font-weight: bold; color: #F05322; background-color:inherit;}
h5 {font-family:Arial, Helvetica, sans-serif; font-size: 70%; font-weight: bold; color: #F05322; background-color:inherit;}
h6 {font-family:Arial, Helvetica, sans-serif; font-size: 70%; font-weight: bold; color: #F05322; background-color:inherit;}
h7 {font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #F05322; background-color:inherit; text-transform: uppercase;}
hr {
	border:solid #CCCCCC 0px;
	border-top:dashed #CCCCCC 1px;
	height:0px;
	clear:both;
}

hr.case {
	border:solid #CCCCCC 0px;
	border-top:solid #CCCCCC 1px;
	height:0px;
	clear:none;
	padding:0px;
	margin:0px;
}
	
form{ display:inline;}

textarea, input, select {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color:#FFFFFF;}

p, td, th{font-size: 70%; font-weight: normal; color: #666666; background-color:inherit;}

.caseOverview{font-size: 60%; font-weight: normal; color: #AAAAAA; background-color:inherit;}
.caseListOverview{font-size: 60%; font-weight: normal; color: #AAAAAA; background-color:inherit; clear:right;}

td p {font-size: 100%; font-weight: normal; color: #666666; background-color:inherit;}

.date {color:#666666; font-size:10px; background-color:inherit;}

.black {color:#000000; background-color:inherit;}
.blue {color:#009DDE; background-color:inherit;}
.orange {color:#F05322; background-color:inherit;}
.required {color:#009DDE; background-color:inherit; font-weight:bold;}
.red {color:#FF0000; background-color:inherit;}

.indexService {color:#009DDE; background-color:inherit; font-size: 100%; font-weight: bold;}
.technologies{font-size:60%;}
	
td.lightTop { border-top: 1px solid #E5E5E5;}

ul {margin: 20px; list-style:none; font-size: 70%; color:#666666; background-color:inherit;} 

ol{ list-style-type: decimal; font-size: 70%; color:#666666; background-color:inherit; background-image:none;}
ol li { list-style-type: decimal; font-size: 100%; color:#666666; background-color:inherit; background-image:none;}
ol li li { list-style-type: decimal; font-size: 130%; color:#666666; background-color:inherit; background-image:none;}

li {
	background-image:url(images/bullet_orange.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	list-style:none;
	color:#666666;
	background-color:inherit;
	font-size: 100%;
	padding: 0px 10px 0px 20px;
}

li li {
	background-image:url(images/bullet_orange.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	list-style:none;
	color:#666666;
	background-color:inherit;
	font-size: 100%;
	padding: 0px 10px 0px 20px;
}

div.contact {float:left; margin:0px 60px 0px 0px;}

div.boxRight {
	margin: 0px 0px 0px 20px;
	width:230px;
}

div.boxRightMid {
	background-image:url(images/box_right_mid.gif);
	background-repeat:repeat-y;
	padding: 5px 26px 10px 26px;
	width:178px;
}

div.boxRightBottom {
	background-image:url(images/box_right_bottom.gif);
	background-repeat:no-repeat;
	color:#333333;
	background-color:inherit;
	padding: 0px 26px 5px 26px;
	width:178px;
	height:44px;
	font-size:70%;
}

div.boxRightServices {
	margin: 10px 0px 0px 0px;
	width:230px;
	float:left;
}


td.menu {padding-left:68px;}
td.menu a {color:#009DDE; size:11px; font-weight:bold; text-decoration:none;}
td.menu a:visited {color:#009DDE; size:11px; font-weight:bold; text-decoration:none;}
td.menu a:hover {color:#F05322; size:11px; font-weight:bold; text-decoration:none;}
td.menu a:active {color:#F05322; size:11px; font-weight:bold; text-decoration:none;}
