/* ================= UNDO DEFAULT STYLES ================= */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em;font-weight: normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin:0; padding:0 }
a img,:link img,:visited img, fieldset { border:none }
address { font-style:normal }
table {border:none;padding:0;margin:0;}

/* ================= BASIC STYLES ================= */

body {
	font-family: helvetica,arial,verdana,sans-serif;
	color: #003255;
	background: #E5DCCC url(../images/back.gif) repeat 0 0;
	font-size: 1.3em;
	}

#wrap1 {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	}

#wrap2 {
	width: 760px;
	height: 420px;
	margin-left: -380px;
	position: absolute;
	top: -210px;
	left: 50%;
	}

#canvas {
	background: transparent url(../images/canvas.gif) no-repeat 0 0;
	width: 760px;
	height: 420px;
	position: relative;
	}

h1 {
	background: url(../images/logo.gif) no-repeat 0 0;
	width: 271px;
	height: 0;
	padding-top: 77px;
	overflow: hidden;
	position: absolute;
	bottom: 46px;
	right: 60px;
	}

#intro {
	background: url(../images/intro.gif) no-repeat 0 0;
	width: 474px;
	height: 0;
	padding-top: 215px;
	overflow: hidden;
	position: absolute;
	top: 50px;
	right: 52px;
	}

a#callus {
	display: block;
	background: url(../images/callus.gif) no-repeat 0 0;
	width: 122px;
	height: 0;
	padding-top: 44px;
	overflow: hidden;
	position: absolute;
	bottom: 27px;
	left: 37px;
	}

a#callus:hover {
	background-position: 0 -44px;
	}

#mainmenu {
	width: 134px;
	height: 100px;
	position: absolute;
	top: 25px;
	left: 26px;
	text-align: right;
	}

#submenu {
	width: 134px;
	height: 160px;
	position: absolute;
	top: 144px;
	left: 26px;
	}

li {
	text-align: right;
	}

#mainmenu a,
#submenu a {
	margin-bottom: 4px;
	display: block !important;
	display: inline-block;
	width: 134px;
	height: 0;
	padding-top: 24px;
	overflow: hidden;
	background-position: 46px -23px;
	background-repeat: no-repeat;
	}

#mainmenu a:hover,
#submenu a:hover,
#mainmenu a.selected,
#submenu a.selected {
	background-position: 46px 0;
	}

.company a {background-image: url(../images/menu_company.gif); }
.services a {background-image: url(../images/menu_services.gif); }
.contact a {background-image: url(../images/menu_contact.gif); }
.web a {background-image: url(../images/menu_web.gif); }
.print a {background-image: url(../images/menu_print.gif); }
.icons a {background-image: url(../images/menu_icons.gif); }
.identity a {background-image: url(../images/menu_identity.gif); }
.software a {background-image: url(../images/menu_software.gif); }
.illustration a {background-image: url(../images/menu_illustration.gif); }


#services #intro {
	background: url(../images/services.gif) no-repeat 0 0;
	width: 473px;
	height: 0;
	padding-top: 325px;
	overflow: hidden;
	position: absolute;
	top: 50px;
	right: 52px;
	}

#thanks #intro {
	background: url(../images/thanks.gif) no-repeat 0 0;
	width: 293px;
	height: 0;
	padding-top: 37px;
	overflow: hidden;
	position: absolute;
	top: 180px;
	right: 134px;
	}

#services h1,
#contact h1,
#portfolio h1, 
#thanks h1 {
	background: none;
	width: 473px;
	height: 0;
	padding-top: 325px;
	overflow: hidden;
	position: absolute;
	top: 50px;
	right: 52px;
	}

#contact #intro {
	background: url(../images/contact_intro.gif) no-repeat 0 0;
	width: 473px;
	height: 0;
	padding-top: 325px;
	overflow: hidden;
	position: absolute;
	top: 50px;
	right: 52px;
	}

/* ================= FORM STYLES ================= */

#contactform {
	position: absolute;
	top: 170px;
	left: 313px;
	width: 400px;
	}

#contactform form {
	position: relative;
	}

#contactform #required {
	background: url(../images/form_required.gif) no-repeat 0 0;
	position: absolute;
	width: 153px;
	height: 0;
	padding-top: 19px;
	overflow: hidden;
	top: 0;
	left: 0;
	}

#contactform label {
	position: absolute;
	left: 0;
	display: block;
	width: 177px;
	height: 0;
	padding-top: 19px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

#contactform label.error {
	background-position: 0 -19px;
	}

#contactform input {
	position: absolute;
	left: 120px;
	width: 180px;
	}

#contactform .name label {
	background-image: url(../images/form_name.gif);
	top: 25px;
	}

#contactform .phone label {
	background-image: url(../images/form_phone.gif);
	top: 50px;
	}

#contactform .comments label {
	background-image: url(../images/form_comments.gif);
	top: 75px;
	}

#contactform .count label {
	width: 308px;
	background-image: url(../images/form_count.gif);
	top: 150px;
	}

#contactform .name input {
	top: 25px;
	}

#contactform .phone input {
	top: 50px;
	}

#contactform .comments textarea {
	position: absolute;
	top: 95px;
	left: 2px;
	height: 45px;
	width: 300px;
	}

#contactform .count input {
	top: 170px;
	left: 70px;
	width: 60px;
	}

#contactform .submit input {
	position: absolute;
	top: 185px;
	left: 220px;
	width: 94px;
	height: 30px;
	}

#contactform #random {
	display: block;
	position: absolute;
	top: 173px;
	left: 4px;
	width: inherit;
	color: #B36401;
	font-size: 12px;
	}



.portfolionav {
	position: absolute;
	bottom: 19px;
	right: 18px;
	width: inherit;
	color: #B36401;
	font-size: 11px;
	text-align: right;
	z-index: 500;
	}

.portfolionav a {
	color: #789123;	
	}