body {
	color: #cedbff;
	font: 78.5%/1.6em Verdana, Tahoma, Helvetica, Arial, Sans-Serif;
	background: #6083ab;
	margin: 0;
	padding: 0;
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 10px 0;
	padding: 0;
}

a, a:visited, a:active, .link  {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #6083ab;
}

a:hover, .link:hover {
	color: #ff3;
	text-decoration: none;
	border-bottom: 1px solid #97a144;
}

h2 {
	margin: 12px 5px;
	padding: 0px;
	height: 35px;
	background: url("img/title.jpg") top left no-repeat;
	color: #ffff00;
	font-size: 150%;
	text-transform: uppercase;
	font-family: Arial, Helvetica;
	padding: 15px 0px 0px 30px;
}
h3 {
	margin: 5px 0px 3px 0px;
	padding: 0px;
	color: #ffff00;
	font-size: 130%;
	font-family: Arial, Helvetica;
	padding: 10px 0px 0px 0px;
}

blockquote {
	margin: 5px 0px 5px 20px;
	border: 1px solid #6083ab;
	border-left: 10px solid #6083ab;
	padding: 5px;
	line-height: 120%;
	font-size: 95%;
}
.small {
	line-height: 120%;
	font-size: 95%;
}

li {
	list-style-type: disc;
}


.box {
	width: 200px;
	height: 106px;
	margin: 5px 0px;
	background: url("img/box.gif") top center no-repeat;
	padding: 7px;
	line-height: 125%;
	font-size: 90%;
}
.boxtitle {
	margin: 0px 0px;
	padding: 0px;
	color: #ffff00;
	font-size: 130%;
	font-family: Arial, Helvetica;
	display: block;
	margin: 2px 0px 3px 0px;
}
.box img {
	float: left;
	margin: 0px 7px 0px 2px;
}

.pic-left {
	float: left;
	margin: 2px 7px 3px 2px;
}
.pic-right {
	float: right;
	margin: 2px 2px 3px 7px;
}




.largebox {
    height: 96px;
    display: block;
}
.largebox a {
    width: 131px;
    height: 96px;
    background-image: url("img/box2.gif");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 7px;
    line-height: 125%;
    display: block;
    overflow: hidden;
    float: left;
    margin: 4px 10px 4px 0px;
    text-decoration: none;
    border: none !important;
    font-size: 0% !important;
    font-weight: bold;
}
.largebox a:hover {
    background-position: 0px -110px;
    color: #ffffff;
}
.largebox a span {
    display: none;
}
.largebox a.home-button-web {
    background-image: url("img/box2_web.gif");
}
.largebox a.home-button-design {
    background-image: url("img/box2_design.gif");
}
.largebox a.home-button-integration {
    background-image: url("img/box2_integration.gif");
}



/* -- page layout -- */
#framebox {
	width: 100%;
	text-align: left;
}

#framebg {
	margin: 0px auto;
	padding: 0px;
	width: 833px;
	background: url("img/bg.jpg") top center repeat-y;
}

#frame {
	margin: 0px;
	margin-left: 34px;
	width: 766px;
}

#frametop {
	width: 766px;
	height: 31px;
	background: url("img/topmenu.jpg") top center repeat-x;
	text-align: left;
}

#frameheader {
	height: 133px;
	width: 766px;
	text-align: left;
	background: url("img/header.jpg") top center no-repeat;
}
#frameheader h1 {
	display: none;
}

#framecutout {
	height: 27px;
	width: 766px;
	text-align: left;
	background: url("img/cutout.jpg") top center no-repeat;
}

#framecontainer {
	background: url("img/cbg.jpg") top center repeat-x;
	zoom: 1;
	width: 766px;
}
#framecontainerclear {
	clear: both;
}

#container {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 762px;
	text-align: left;
}

#containerright {
	float: right;
	height: 414px;
	padding: 0px;
	margin: 0px;
	width: 1px;
	text-align: left;
	background: url("img/cbgr.jpg") top center no-repeat;
}

#framefooter {
	clear: both;
	text-align: center;
	width: 766px;
}

#framecopyright {
	clear: both;
	text-align: center;
	font-size: 80%;
	background: #6083ab url("img/footer.jpg") top center no-repeat;
	height: 40px;
	width: 833px;
	padding-top: 10px;
	margin: 0px;
}


/* --  top menu -- */
#topmenu ul {
	margin: 0px;
	padding: 0px;
}
#topmenu li {
	float: left;
	height: 31px;
	background: url("img/sep.jpg") top right no-repeat;
	list-style-type: none;
    width: 13%;
}
#topmenu a {
	font-size: 90%;
	color: #fff;
	text-transform: uppercase;
	padding: 6px 14px 0px 14px;
	text-decoration: none;
	display: block;
	border: none;
    height: 25px;
    text-align: center;
}

#topmenu a:hover, #topmenu .cmf-menuh-selected a, #topmenu .cmf-menuh-sub-selected a {
    background: url("img/sep.jpg") top right repeat-x;
}

/* --  languages -- */
#languages {
	float: right;
	width: 30%;
	text-align: right !important;
	font-size: 90%;
	margin: 2px 4px 0px 0px;
	color: #6083ab;
}
#languages a {
	border: none;
	text-decoration: none;
	color: #6083ab;
}
#languages a:hover {
	color: #ff3;
}


/* -- buttons links -- */
#buttons {
	margin: 0px 0px 0px 76px;
}
#buttons ul {
	margin: 0px;
	padding: 0px;
}
#buttons li {
	list-style-type: none;
	float: left;
}
#buttons a {
	display: block;
	background-position: 0px -18px;
	background-repeat: no-repeat;
	width: 57px;
	height: 18px;
	overflow: hide;
	font-size: 0px;
	border: none;
	margin-top: 7px;
}
#buttons a span {
	display: none;
}
#buttons a:hover {
	background-position: 0px 0px;
}
#buttons a.btn-home {
	background-image: url("img/button_home.jpg");
}
#buttons a.btn-contact {
	background-image: url("img/button_mail.jpg");
}
#buttons a.btn-search {
	background-image: url("img/button_search.jpg");
}



/* --  bottom menu -- */
#botmenu {
	margin: 2px 160px;
	width: 445px;
	height: 32px;
	background: url("img/botmenu.jpg") top right no-repeat;
	padding-top: 6px;
}
#framefooter a {
	font-size: 90%;
	color: #fff;
	text-transform: uppercase;
	padding: 0px 14px;
	text-decoration: none;
}

/* -- nav -- */
#framenav {
	width: 250px;
	float: left;
}
#nav {
	margin: 46px 25px 0px 15px;
	font-size: 90%;
}

#languages {
	text-align: center;
	margin-bottom: 5px;
}

#vsep {
	margin-top: 50px;
	width: 1px;
	height: 236px;
	float: left;
	background: url("img/vsep.jpg") top center no-repeat;
}

#nav h2 {
	margin: 15px 0px 3px 0px;
	height: auto;
	background: none;
	color: #ffff00;
	font-size: 150%;
	text-transform: uppercase;
	font-family: Arial, Helvetica;
	padding: 0px 0px 0px 5px;
}



/* -- nav menu -- */
#sidemenu ul {
	margin: 0px 0px 3px 0px;
	padding: 0px;
}
#sidemenu li {
	margin: 0px 0px 3px 0px;
	padding: 0px;
	width: 210px;
	/*height: 52px;*/
	/*background: url("img/menu.gif") top left no-repeat;*/
	list-style-type: none;
}
#sidemenu li a {
    font-weight: bold;
	display: block;
	padding-top: 7px;
    padding-left: 60px;
    padding-right: 14px;
	font-size: 130%;
	border: none;
	height: 45px;
    text-align: right;
}
#sidemenu li a {
    background-image: url("img/menu.gif");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    overflow: hidden;
}
#sidemenu li a:hover, #sidemenu li a.cmf-menu-selected, #sidemenu li.cmf-menuh-sub-selected a {
	background-position: 0px -52px;
}


/* -- nav menu: pictures -- */
#sidemenu li a.cmf-menu-web {
    background-image: url("img/menus/menu-kid.gif");
}
#sidemenu li a.cmf-menu-design {
    background-image: url("img/menus/menu-pencils.gif");
}
#sidemenu li a.cmf-menu-integration {
    background-image: url("img/menus/menu-people-4.gif");
}
#sidemenu li a.cmf-menu-hosting {
    background-image: url("img/menus/menu-power2.gif");
}
#sidemenu li a.cmf-menu-portfolio-last {
    background-image: url("img/menus/menu-fireworks-12.gif");
}
#sidemenu li a.cmf-menu-portfolio-websites {
    background-image: url("img/menus/menu-design.gif");
}
#sidemenu li a.cmf-menu-portfolio-applications {
    background-image: url("img/menus/menu-chip.gif");
}
#sidemenu li a.cmf-menu-portfolio-logos {
    background-image: url("img/menus/menu-colors2.gif");
}
#sidemenu li a.cmf-menu-news {
    background-image: url("img/menus/menu-eye-open.gif");
}
#sidemenu li a.cmf-menu-export {
    background-image: url("img/menus/menu-people-4.gif");
}
#sidemenu li a.cmf-menu-articles {
    background-image: url("img/menus/menu-photo.gif");
}
#sidemenu li a.cmf-menu-legal {
    background-image: url("img/menus/menu-asian-bell.gif");
}
#sidemenu li a.cmf-menu-quote {
    background-image: url("img/menus/menu-man-table.gif");
}
#sidemenu li a.cmf-menu-pro {
    background-image: url("img/menus/menu-people-laptops-2.gif");
}
#sidemenu li a.cmf-menu-customer {
    background-image: url("img/menus/menu-enter-button.gif");
}
#sidemenu li a.cmf-menu-consulting {
    background-image: url("img/menus/menu-business3.gif");
}


/* -- nav menu: second level -- */
#sidemenu ul ul {
    margin: 1px 0px 10px 0px;
    padding: 0px;
}
#sidemenu ul ul li {
    margin: 0px 0px 3px 0px;
    padding: 0px;
    /*width: 210px;
    height: 52px;*/
    /*background: url("img/menu.gif") top left no-repeat;*/
    list-style-type: none;
}
#sidemenu ul ul li a {
    display: block;
    font-size: 110%;
    border: none;
    height: 100%;
    margin-right: 10px;
    padding: 4px 4px 1px 0px;
    /*height: 52px;
    padding-top: 9px;
    padding-left: 29px;*/
    background: none;
}
#sidemenu ul ul li a {
    /*background: url("img/menu.gif") top left no-repeat;*/
    background: none;
}
#sidemenu ul ul li a:hover, #sidemenu ul ul li a.cmf-menu-selected {
    /*background: url("img/menu_on.gif") top left no-repeat;*/
    background: none;
    color: #ff3;
}
#sidemenu ul li.cmf-menuh-sub-selected li a {
    background: none;
}


/* -- content -- */
#framecontent {
	width: 480px;
	float: right;
}
#content {
	margin: 0px 15px 15px 0px;
	font-size: 90%;
}


/* -- bread -- */
#bread {
	font-size: 80%;
	color: #6083ab;
}
#bread a {
	border: none;
	text-decoration: none;
	color: #6083ab;
}
#bread a:hover {
	color: #ff3;
}


/* --  CMF messages -- */
.cmf-messages {
	font-size: 90%;
	margin: 0px 0px 3px 0px;
	color: #83ea86;
    border: 0px;
    background: #446288;
	font-weight: bold;
}
.cmf-errors {
	font-size: 90%;
	margin: 0px 0px 3px 0px;
	color: #f3b4b4;
    border: 0px;
    background: #446288;
	font-weight: bold;
}
.cmf-confirmation {
    border: 1px solid #ababab;
}


/* --  CMF actionlinks -- */
a.cmf-actionlink, a.cmf-actionlink:visited, a.cmf-actionlink:active {
	border-top: 1px solid #30425A;
	border-bottom: 1px solid #192A3E;
	border-right: 1px solid #192A3E;
	border-left: 1px solid #30425A;
	background-color: #213246;
	text-decoration: none;
	color: #cedbff;
}
a.cmf-actionlink:hover {
	color: #ffffff !important;
}

/* --  CMF tables -- */
td.cmf-top {
    color: #6083ab;
    background-color: #213246;
}
td.cmf-top a {
	color: #fff !important;
}
td.cmf-nav {

}
td.cmf-line {
	font-size: 1em;
    background-color: 446288;
}
td.cmf-linesep {
}
td.cmf-line1 {
	font-size: 1em;
    background-color: #446288;
}
td.cmf-line2 {
	font-size: 1em;
    background-color: #425E83;
}

td.cmf-right {
	font-size: 1em;
	text-align: left !important;
}
span.cmf-compulsory {
    color: #FF9999;
}
td.cmf-left {
	font-size: 1em;
}
td.cmf-break {
    border-bottom: #6083ab solid 1px;
}
td.cmf-sep {
}
td.sep h4 {
}
td.cmf-bottom {
}

/* --  CMF forms -- */
form.cmf-form input, form.cmf-form select, form.cmf-form textarea, a.cmf-actionbutton {
	border: 1px solid #30425A;
	color: #213246;
	background-color: #6083ab;
}
form.cmf-form input:hover, form.cmf-form select:hover, form.cmf-form textarea:hover, a.cmf-actionbutton {
	border: 1px solid #192A3E;
}
form.cmf-form input:focus, form.cmf-form select:focus, form.cmf-form textarea:focus, a.cmf-actionbutton {
	border: 1px solid #fff;
}
form.cmf-form input[type=submit], form.cmf-form button, a.cmf-actionbutton {
	border-top: 1px solid #30425A;
	border-bottom: 1px solid #192A3E;
	border-right: 1px solid #192A3E;
	border-left: 1px solid #30425A;
	background-color: #213246;
	text-decoration: none;
	color: #cedbff;
}
form.cmf-form input[type=submit]:hover, form.cmf-form button:hover, a.cmf-actionbutton:hover {
	color: #fff !important;
}
form.cmf-form input[type=radio], form.cmf-form input[type=checkbox] {
	border: none;
}
form.cmf-form .cmf-radio, form.cmf-form .cmf-checkbox {
	border: 0px !important;
	background: none !important;
}



/* -- newsletter -- */
.cmf-inline-newsletter {
	margin-top: 15px;
	text-align: right;
}
.cmf-inline-newsletter p {
	margin: 3px 0px;
}
.cmf-inline-newsletter input {
	width: 80px;
}
.cmf-inline-newsletter label {
	font-size: 85%;
}
.cmf-newsletter-unsubscribe {
	font-size: 75%;
}


/* -- translate -- */
.cmf-translate-section {
    display: block;
    border-top: 1px solid #213246;
    border-right: 1px solid #213246;
    border-bottom: 0px solid #213246;
    border-left: 1px solid #213246;
}
.cmf-translate-sections {
    border-bottom: 1px solid #213246;
}
.cmf-translate-toggle {
	padding: 4px;
}
.cmf-togglediv-open {
    color: #fff;
    background-color: #213246;
}
.cmf-translate-textarea {
	height: 40px;
	width: 90%;
	font-size: 90%;
	font-family: Verdana, Tahoma, Helvetica, Arial, Sans-Serif;
}


/* -- portfolio -- */
div.portfolioitem {
    margin: 0px 0px 0px 0px;
    overflow: auto;
}
div.portfolioitemtext {
    font-size: 90%;
    margin: 0px 0px 5px 0px;
}
div.portfolioiteminfo {
    font-size: 90%;
    color: #5E7385;
}
div.portfolioitempics {
    float:right;
    margin-left: 10px;
}
div.portfolioitempics img {
    display: block;
    border: 1px solid #8B9FAD;
    margin-bottom: 10px;
}