@import url("form.css");

/*
#57758F
#A3C322
#DB161F
#FF9420
#FFF100
*/
*
{
margin:0;
padding:0;
}
.raft {color:#eee!important; }
/* Layout Styles
----------------------------------------------------------*/
body 
{ 
margin:0px 0 30px 0; 
padding:0px; 
background:#7C7C7C url(/goodwood.jpg) repeat 0 0; 
font: normal small/1.4em Georgia, "Times New Roman", Times, serif;
text-align:center; 
color:#4F4F4F; 
}
#wrap
{
width:756px;
margin:10px auto;
padding: 0 0 10px 0;
text-align:left;
background:#fff;
}
#head 
{ 
width:756px;
height:220px;
}
#content
{
width:736px;

margin: 20px 0 0 10px; 
/*background:#fff url(asset/grid-content.gif) repeat-y 0 0;*/
}
#pagecopy
{
width:614px;
height:1%;
margin: 0 0 10px 0px;
float:right;
}
#info, #sinfo, #pinfo, #cainfo, #cinfo
{
width:122px;
float:left;
}
#copy
{
width:370px;
margin: 0 0 10px 0px;
float:left;
}
#news
{
width:243px;
float:right;
margin-bottom:10px;
}
/* Mir and img floats
----------------------------------------------------------*/
img.floatright
{
float:right;
}
img.floatleft
{
float:left;
}
.clear
{
clear:both;
}
.mir { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */
.center
{text-align:center;
}
strong
{
background:#F3FCB4; color:#474747;
}
/* Header
----------------------------------------------------------*/

body#home div#head { background-image: url(asset/head/head_home.jpg); }
body#service div#head  { background-image: url(asset/head/head_service.jpg); }
body#portfolio div#head { background-image: url(asset/head/head_port.jpg); }
body#client div#head  { background-image: url(asset/head/head_client.jpg); }
body#contact div#head { background-image: url(asset/head/head_contact.jpg); }

/* Navigation 
----------------------------------------------------------*/

ul#navn{ width:736px; height:100px; list-style-type: none; margin-right:auto; }
ul#navn{ margin-left:-6px; voice-family: "\"}\""; voice-family: inherit; margin-left:auto; }
div.tantek {}
ul#navn li a span { visibility:hidden; }
ul#navn a { overflow:hidden; display:block; width:736px; height:20px; background-repeat: no-repeat; background-position: left top; margin:0px; padding:0px; text-decoration:none;}

ul#navn a:hover, ul#nav1 a:focus { background-position: 0 -20px; background-color: #A9A40C;}
ul#navn a#home { background:#57758F url(asset/nav/home.gif) no-repeat 0% 0%;}
ul#navn a#service { background:#A3C322 url(asset/nav/services.gif) no-repeat 0% 0%;}
ul#navn a#portfolio { background:#DB161F url(asset/nav/portfolio.gif) no-repeat 0% 0%;}
ul#navn a#client { background:#FF9420 url(asset/nav/client.gif) no-repeat 0% 0%;}
ul#navn a#contact { background:#FFF100 url(asset/nav/contact.gif) no-repeat 0% 0%;}

ul#navn a:hover {text-decoration:none;}
ul#navn a:hover#home { background:#4f4f4f url(asset/nav/home.gif) no-repeat 0% 100%;}
ul#navn a:hover#service { background:#4f4f4f url(asset/nav/services.gif) no-repeat 0% 100%;} 
ul#navn a:hover#portfolio { background:#4f4f4f url(asset/nav/portfolio.gif) no-repeat 0% 100%;}
ul#navn a:hover#client { background:#4f4f4f url(asset/nav/client.gif) no-repeat 0% 100%;}
ul#navn a:hover#contact { background:#4f4f4f url(asset/nav/contact.gif) no-repeat 0% 100%;}

/* Info Styles
----------------------------------------------------------*/

#info h1, #sinfo h1, #pinfo h1, #cinfo h1

{
margin-top:5px;
width:120px;
height:30px;
}
#cainfo h1
{
background:#fff url(asset/info_home.gif) no-repeat 0 0;
margin-top:5px;
width:120px;
height:58px;
}
#info h1
{
background:#fff url(asset/info/info_home.gif) no-repeat 0 0;
}
#sinfo h1
{
background: #fff url(asset/info/info_services.gif) no-repeat 0 0;
}
#pinfo h1
{
background: #fff url(asset/info/info_port.gif) no-repeat 0 0;
}
#cainfo h1
{
background: #fff url(asset/info/info_client.gif) no-repeat 0 0;
}
#cinfo h1
{
background: #fff url(asset/info/info_contact.gif) no-repeat 0 0;
}


#info p, #sinfo p, #pinfo p, #cainfo p, #cinfo p
{
width:120px;
color:#DB161F;
font:bold 9px/1.2em Verdana, Arial, Helvetica, sans-serif;
text-align:left;
margin:5px 0 0 2px;
}


/* Home Copy Content Styles 
----------------------------------------------------------*/

#copy h1
{
background:#fff url(asset/home_h1.gif) no-repeat 0 0;
width:356px;
height:58px;
margin:0 0 0 0px;
}
#copy h2
{
font: bold 14px/1.4 Georgia, "Times New Roman", Times, serif;
color: #57758F;
margin: 2px 0 0 0px;
}
#copy h3
{
background:#fff url(asset/home_h3.gif) no-repeat 0 0;
width:173px;
height:27px;
margin:5px 0 0 0px;
}
#copy p, #single p
{
width:350px;
margin: 3px 0 3px 0px;
line-height:1.5em;
}
#copy a, #single a { text-decoration:none; color:#A3C322; font-weight:bold;}
#copy a:hover, #single a:hover { background-color:#A3C322; color:#FFF; font-weight:bold; }
#copy ul
{
margin:0 0 0 0px;
padding:0;
}
#copy li
{
list-style:none;
float:left;
}
li.feature1 a, li.feature1 a:hover
{
background:#eee url(asset/bg_list_uffg.gif) no-repeat 0 0;
margin: 10px 0 0 0px;
padding:0;
width:170px;
height:120px;
display:block;
}

li.feature2 a, li.feature2 a:hover
{
background:#eee url(asset/bg_list_mmc.gif) no-repeat 0 0;
margin: 10px 0 0 10px;
padding:0;
width:170px;
height:120px;
display:block;
}

/*Blog and News Styles
----------------------------------------------------------*/

#news h1
{
background:#fff url(asset/news_h1.gif) no-repeat 0 0;
width:228px;
height:27px;
margin:0 0 0 5px;
}
#news h2 a, #news h2 a:visited
{
font: bold 13px/1.4 Verdana, Arial, Helvetica, sans-serif;
color: #A3C322;
margin:2px 5px;
text-decoration:none;
display:block;
}

#news h2 a:hover, #news h2 a:active 
{
background:#fff;
color: #57758F;
text-decoration:none;
}

#news small
{
color:#DB161F;
font:bold 9px/1.6em Verdana, Arial, Helvetica, sans-serif;
margin:0 0 0 5px;
}
smallpost
{
color:#DB161F;
font:bold 10px/1.4em Verdana, Arial, Helvetica, sans-serif;
margin:7px 0 0 0px;
display:block;
}
.entry p
{
width:234px;
color:#776;
margin:4px 0 0 5px;
font: normal 11px/1.3 Verdana, Arial, Helvetica, sans-serif;
}
#news .postmetadata
{
width:234px;
color:#474747;
font:bold 9px/1.2em Verdana, Arial, Helvetica, sans-serif;
margin:7px 0 12px 5px;
}
.postmetadata a, .postmetadata a:visited, .entry a, .entry a:visited
{
color:#A3C322;
text-decoration:none;
}
.postmetadata a:hover, .postmetadata a:active, .entry a:hover, .entry a:active
{
color:#FF9420;
text-decoration:none;
}

/*Single.php Styles 
----------------------------------------------------------*/
#single
{

width:488px;
float:left;
margin-bottom:10px;
}
#single h2
{
color:#57758F;
margin:10px 5px;
}
#single h2 a, #single h2 a:visited
{
display:block;
font: normal 28px/30px helvetica,arial,sans-serif;
font-size:28px;
font-weight:normal;
letter-spacing:-1px;
color: #57758F;
margin:2px 5px;
text-decoration:none;
}
#single h2 a:hover,  #single h2 a:active
{
background:#fff;
color: #57758F;
text-decoration:none;
}

#single h3
{
font: bold 15px/1.4 Georgia;
margin:10px;
}
#single blockquote p
{
font:bold 10px/1.6em Verdana;
display:block;
width:400px;
margin:10px 0px 10px 20px;
padding:5px 10px;
color: #474747;
background:#F9FFDF;
border-top:2px solid #57758F;
border-bottom:2px solid #57758F;
}
#single h3, #single small
{
margin:10px;
}
#single p
{
width:468px;
margin: 2px 0 0 10px;
}
#single ul li
{
list-style:none;
margin: 10px 10px;
}
#single .postmetadata
{
color:#474747;
font:bold 9px/1.2em Verdana, Arial, Helvetica, sans-serif;
margin:7px 0 12px 5px;
border:1px solid #ccc;
padding:4px;
}
#single small
{
display:block;
color:#DB161F;
font:bold 9px/1.6em Verdana, Arial, Helvetica, sans-serif;
margin:0 0 0 0px;
}
.alignleft 
{
float: left;
margin:0;
padding:0;
width:240px;
display:block;
}
.alignright 
{
float: right;
margin:0;
padding:0;
width:240px;
display:block;
text-align:right;
}
.alignright a, .alignright a:visited, .alignleft a, .alignleft a:visited
{
font-size:11px;
color: #57758F;
text-decoration:none;
}

.alignright a:hover, .alignright a:active, .alignleft a:hover, .alignleft a:active 
{
color:#FF9420;
text-decoration:none;
}


/* Services, 
----------------------------------------------------------*/
.services h2
{
background: #fff url(asset/serv_h2.gif) no-repeat 0 0;
margin:10px;
width:258px;
height:20px;
}
.services h3
{
background: #fff url(asset/serv_h3.gif) no-repeat 0 0;
margin:10px;
width:360px;
height:20px;
}
.services p, .webdesign p, .intmar p, .cms p, .portfolio p
{
width:580px;
margin: 0 15px 0 15px;
line-height:1.5em;
}
.webdesign h1
{
background: #fff url(asset/serv_web_h1.gif) no-repeat 0 0;
margin:10px 0 10px 10px;
width:106px;
height:20px;
}
.webdesign h2
{
background: #fff url(asset/serv_web_h2.gif) no-repeat 0 0;
margin:10px 0 0 10px;
width:148px;
height:20px;
}
.webdesign h3, .intmar h3, .cms h3
{
color:#DB161F;
font-size:14px;
margin: 7px 0 7px 15px;
letter-spacing:1px;
}

.intmar h1
{
background: #fff url(asset/serv_inm_h1.gif) no-repeat 0 0;
margin:10px;
width:403px;
height:20px;
}
.intmar h2
{
background: #fff url(asset/h2s_drive.gif) no-repeat 0 0;
margin:10px 0 0 10px;
width:215px;
height:23px;
}
.intmar img, .webdesign img, .cms img, .ws img
{
margin-top:10px;
border:0px;
}
.intmar ul
{
margin:5px 0;
}
.intmar li
{
margin:10px 0 0 20px;
height:22px;
list-style:inside;
}
.cms h1
{
background: #fff url(asset/serv_cms_h1.gif) no-repeat 0 0;
margin:10px;
width:270px;
height:20px;
}
ul#servicenav 
{
list-style:none;
width:120px;
margin:30px 0 0 0;
padding:0px;
position:relative;
}
li#lweb
{
position:absolute;
top:0px;
left:0px;
}
li#lim
{
position:absolute;
top:30px;
left:0px;
}
li#lcms
{
position:absolute;
top:60px;
left:0px;
}
li#lws
{
position:absolute;
top:90px;
left:0px;
}
#servicenav li a:link, #servicenav li a:visited
{
color:#A3C322;
font: bold 10px/2.3em verdana;
width:120px;
height:1%;
display:block;
padding:3px;
}
#servicenav li a:hover, #servicenav li a:active
{
color:#fff;
background:#A3C322;
width:120px;
height:1%;
display:block;
text-decoration:none;
}
.winfo li#lweb a:link, .winfo li#lweb a:visited, .winfo li#lweb a:hover, .winfo li#lweb a:active,
.iinfo li#lim a:link, .iinfo li#lim a:visited, .iinfo li#lim a:hover, .iinfo li#lim a:active,  
.cinfo li#lcms a:link, .cinfo li#lcms a:visited, .cinfo li#lcms a:hover, .cinfo li#lcms a:active,
.wsinfo li#lws a:link, .wsinfo li#lws a:visited, .wsinfo li#lws a:hover, .wsinfo li#lws a:active
{
color:#57758F;
background:#fff;
text-decoration:none;
}
.ws h1
{
background: #fff url(asset/serv_web_ws_h1.gif) no-repeat 0 0;
margin:10px 0 10px 10px;
width:208px;
height:20px;
}
.ws h3
{
font-size:16px;
color:#A3C322;
margin:10px 0 10px 10px;
}
.ws h4
{
font-size:13px;
color:#FF9420;
margin:10px 15px  10px 10px;
}
.ws h5
{
font-size:13px;
color:#57758F;
margin:5px 0 5px 10px;
}
.ws h6
{
color:#DB161F;
margin:10px 0 10px 10px;
}
.ws p
{
color:#474747;
margin:10px 15px 10px 10px;
}
.importante
{
color:#DB161F;
}
.ws ol
{
margin:10px 15px 10px 40px;
list-style:none;
font-weight:bold;
}
.ws li
{
margin:10px 15px 10px 10px;
list-style:none;
font-weight:normal;
}
.arial
{
font-family: arial;
}
.times
{
font-family: "Times New Roman", Times, serif;
}
.georgia
{
font-family: Georgia;
}
.verdana
{
font-family: Verdana;
}
/* Portfolio, 
----------------------------------------------------------*/
#port
{
width:370px;
margin: 0 0 10px 0px;
float:left;
}
#port h1
{
background: #fff url(asset/port_h1.gif) no-repeat 0 0;
margin:10px;
width:157px;
height:24px;
}
#port h2
{
margin:2px 0 4px 0px;
color:#57758F;
font: bold 14px Georgia;
letter-spacing:.8px;
font-style:normal;
}
#port h3
{
margin:2px 0 4px 0px;
color:#DB161F;
font-size:15px;
font-style:normal;
}
#portproj img
{
border:none;
padding:5px;
}
ul#portproj
{
width:350px;
margin:10px 0 0 10px;
}
#portproj li
{
 
list-style:none;
margin:5px 0 10px 0;
border-top:1px solid #DB161F;
border-bottom:1px solid #DB161F;
background:#F9FBF0;
padding:3px 10px;
font: normal 11px/1.2em Georgia;
letter-spacing:1px;
color:#888;
}
#portproj li 
{

display:block;
text-decoration:none;
}
#portproj li a:hover
{


text-decoration:none;
}

#port a { text-decoration:none; color:#DB161F;}
#port a:hover{ background-color:#DB161F; color:#FFF; }
#clist
{
width:244px;
float:right;
margin-bottom:10px;
}
#clist h2
{
background: #fff url(asset/port_clist_h2.gif) no-repeat 0 0;
margin:10px;
width:90px;
height:18px;
}
#clist ul li
{
width:210px;
height:1%;
padding:0;
margin:4px 0 4px 15px;
list-style-type: none;
font: bold 10px/1.4em Verdana, Georgia, "Times New Roman", Times, serif;
color:#474747;
}
#clist  a { padding:0 2px; text-decoration:none; color:#DB161F; display:block; height:1%;}
#clist  a:hover { background-color:#DB161F; color:#FFF; height:1%;}


/* Client Access Styles 
----------------------------------------------------------*/

.client h2
{
color:#DB161F;
font-size:14px;
text-align:center;
}
.client h3
{
color:#FF9420;
font-size:14px;
margin: 7px 0 5px 15px;
}

/* Contact  and Site Map Styles and 404
----------------------------------------------------------*/

.thank h1
{
font: bold 30px/1.4 Georgia, "Times New Roman", Times, serif;
color: #FF9420;
margin: 50px auto;
text-align:center;
letter-spacing:.9px;
border-top:2px solid #FF9420;
border-bottom:2px solid #FF9420;
background:#F5F8E9;
padding:10px 20px;
}
.map h1
{
font: bold 20px/1.4 Georgia, "Times New Roman", Times, serif;
color: #474747;
margin: 10px 20px;
letter-spacing:.9px;
}
.map ul, .four ul
{
width:530px;
list-style:none;
margin:30px auto;
}
.map a { margin:5px 0; text-decoration:none; color:#474747; display:block;}
.map a:hover{ background-color:#A3C322; color:#FFF; }

.four h1{
margin:20px 100px;
}
.four h2
{
color:#FF9420;
margin:0 100px;
}
.four a { text-decoration:none; color:#A3C322; }
.four a:hover{ background-color:#A3C322; color:#FFF; }


/* Footer Styles
----------------------------------------------------------*/
#footer
{
width:736px;
height:100px;
clear:both;
margin: 10px 10px 0 10px;
background:#474747;
}
p#footcopy
{
width:400px;
margin: 10px 0 0 10px;
float:left;
color:#fff;
font-size:11px;
float:left;
}
#footer a { text-decoration:none; color:#A3C322; }
#footer a:hover{ background-color:#A3C322; color:#FFF; }


/* Footer Wheels
----------------------------------------------------------*/
ul#wheels
{
width:200px;
height:28px;
list-style:none;
float:right;
}
ul#wheels li
{
display:inline;
}
ul#wheels a
{
width:28px;
height:28px;
display:block;
text-decoration:none;
background-repeat: no-repeat; 
background-position: left top;
float:left;
margin:10px 10px 0 0;
}
ul#wheels a:hover { background-position: 0 -28px; background-color: #474747;}
ul#wheels a span
{
visibility:hidden;
font-size:1px;
}
a.fhome {background: #474747 url(asset/w_home.gif) no-repeat 0 0;}
a.fservices {background: #474747 url(asset/w_service.gif) no-repeat 0 0;}
a.fport {background: #474747 url(asset/w_port.gif) no-repeat 0 0}
a.fclient {background: #474747 url(asset/w_client.gif) no-repeat 0 0;}
a.fcontact {background: #474747 url(asset/w_contact.gif) no-repeat 0 0;}

a:hover.fhome {background: #474747 url(asset/w_home.gif) no-repeat 0 100%;}
a:hover.fservices {background: #474747 url(asset/w_service.gif) no-repeat 0 100%;}
a:hover.fport {background: #474747 url(asset/w_port.gif) no-repeat 0 100%}
a:hover.fclient {background: #474747 url(asset/w_client.gif) no-repeat 0 100%;}
a:hover.fcontact {background: #474747 url(asset/w_contact.gif) no-repeat 0 100%;}

hr {
color:#fff;
height:1px;
display:none;
	}

#plt a
{
margin:40px 0 200px 10px;
color:#A3C322;
font-weight:bold;
font-size:20px;
display:block;

}