/* Dunica CSS July 2009 */

body { background-color:#FFFFFF; background-image:url(../img/dunica_headrep.png); background-repeat:repeat-x; color:#3A3A3A; font-family:Arial; font-size:85%; margin:0 auto; }

a:link {text-decoration: none; color:#0F88AD; }
a:visited {text-decoration: none; color:#0F88AD; }
a:active {text-decoration: none; color:#0F88AD; }
a:hover {text-decoration: underline; ccolor:#0F88AD; } 

#footer { background-color:#0c0b24; background-image: url(../img/dunica_footerrep.png); background-repeat: repeat-x; height: 340px; clear: both; }

#insidefooter {  width: 960px; padding-top: 68px; }

#insidefooter2 {  width: 960px; padding-top: 28px; padding-bottom: 20px; }

#insidefootleft { width: 300px; margin: 0 60px 0 10px; float:left; font-size: 80%; color:#FFFFFF; }

#insidefootcent { width: 530px; margin: 0 0 0 0; float:left; font-size: 80%; color:#FFFFFF; }

#insidefootcent_one { width: 240px; margin: 0 5px 0 0; float:left; }
#insidefootcent_one ul {margin-left: 0; padding-left: 0;}
#insidefootcent_one a { color:#FFFFFF; text-decoration:none; }
#insidefootcent_one a:hover { text-decoration:underline; }

#insidefootcent_two { width: 140px; margin: 0 5px 0 0; float:left; }
#insidefootcent_two ul {margin-left: 0; padding-left: 0;}
#insidefootcent_two a { color:#FFFFFF; text-decoration:none; }
#insidefootcent_two a:hover { text-decoration:underline; }

#insidefootcent_three { width: 130px; margin: 0 0 0 5px; float:left; }
#insidefootcent_three ul {margin-left: 0; padding-left: 0;}
#insidefootcent_three a { color:#FFFFFF; text-decoration:none; }
#insidefootcent_three a:hover { text-decoration:underline; }

#insidefootright { width: 10px; margin: 0 10px 0 0; float:left; font-size: 80%; color:#FFFFFF; }
#insidefootright ul {margin-left: 0; padding-left: 0;}
#insidefootright a { color:#FFFFFF; text-decoration:none; }
#insidefootright a:hover { text-decoration:underline; }


#footerwrap { width: 960px; margin: 0 auto; position: relative; }

#access{ background-color:#FFFFFF; height: 38px; background-image: url(../img/index_access_foot.png); background-repeat: repeat-x; clear: both; }

#accessinside { width: 960px; padding: 12px 0;  position:relative; left:50%; margin-left:-480px; text-align:right;}

#wrapper { background-color: #FFFFFF; width: 960px; margin: 0 auto; position: relative; }

/* HEADER AREA */

#header {  position:relative; width:960px; height:176px; background-image: url(../img/dunica_headrep.png); background-repeat: repeat-x; }
#headerleft {   width: 230px; float:left; }
#headerrighttop { height:26px; float:right; color:#FFFFFF; }
#headerrighttop1 { width: 42px; height:26px; float:left; background-image: url(../img/head_top_right/1.png); padding:8px 0 0 0;}
#headerrighttop2 { width: 95px; height:26px; float:left; background-image: url(../img/head_top_right/2.png); padding:8px 0 0 0;}
#headerrighttop3 { width: 32px; height:26px; float:left; background-image: url(../img/head_top_right/3.png); padding:8px 0 0 0;}
#headerrighttop4 { width: 122px; height:26px; float:left; background-image: url(../img/head_top_right/4.png); padding:8px 0 0 0;}
#headerrighttop5 { width: 28px; height:26px; float:left; background-image: url(../img/head_top_right/5.png); padding:8px 0 0 0;}
#headerrighttop6 { width: 102px; height:26px; float:left; background-image: url(../img/head_top_right/6.png); padding:8px 0 0 0;}
#headerrighttop6 a { color:#FFFFFF; text-decoration:none }
#headerrighttop6 a:hover { text-decoration: underline }



#headerrighbottom { padding: 37px 0 0 0; width: 730px; height:41px; float:right; }

#centrearea { width: 960px; }

#indexleft { width: 520px; margin:0 80px 0 10px; float:left;}

#indexright { width: 340px; margin:0 10px 0 0;  float:right;}

#printleft { width: 290px; margin:0 45px 0 0; float:left; }

#printcentre { width: 290px; margin: 0 45px 0 0; float:left; }

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

#slidewrap, #slidewrap_cap { width: 960px; margin: 0 0 0 0; clear:both; }



#printright { width: 230px; margin: 0; float:right; }

#footer_newsletter { background-image:url(../img/newsletter_back.png);
float:left;
height:48px;
padding:0 0 0 12px;
width:638px; }

#footer_newsletter_left{ width: 350px; padding:16px 0 0 0; margin:0 0 0 0; float:left;  }

#footer_newsletter_cent{ width: 0px; padding:12px 0 0 0; margin:0 0 0 0; float:left;  }

#footer_newsletter_right{ width: 50px; padding:12px 0 0 0; margin: 0; float:right; }



#footer_social { width: 300px; float:right; }

/* DUNICA DESIGN PROCESS CAPTION */
#designprocesswrap { width:670px; clear: both;  padding: 34px 0 0 0; }
#designprocess { width:670px; height:130px; background-color: #334433; background-image: url(../img/design_process.png); padding: 65px 0 0 0;}
#designprocess1 { float:left; padding: 0 37px 0 84px; width: 132px;}
#designprocess2 { float:left; padding: 0 17px 0 78px;  width: 102px;}
#designprocess3 { float:right; padding: 0 18px 0 90px;  width: 102px;}

/* DUNICA CONTACT PROCESS CAPTION */
#contactcaption { width:584px; height:37px; background-image: url(../img/contact_caption.png); padding: 35px 0 0 86px;}
#contactcaption a { color:#FFFFFF; text-decoration:none }
#contactcaption a:hover { text-decoration: underline }

/* DUNICA REQUEST QUOTE PROCESS CAPTION */
#requestquote { width:584px; height:37px; color:#FFFFFF; background-image: url(../img/request_quote.png); padding: 35px 0 0 86px;}
#requestquote a { color:#FFFFFF; text-decoration:none }
#requestquote a:hover { text-decoration: underline }

#printheading { padding: 0 0 40px 0; width: 730px; }

#workrecheading {  width: 960px; height: 190px;}

#recentworkleft { width: 290px;  padding: 0 80px 0 0; float:left; }

#recentworkright { width: 590px;  float:right; }

.wraprec { width: 960px; height: 250px; position:relative; clear:both;}

.recleft { width: 350px; padding: 0 80px 0 0; float:left; }

.recright { width: 520px; float:right; }
.recright a:link { color:#3A3A3A; font-size: 150%; letter-spacing: -1px; font-weight: bold;}
.recright a:visited { color:#3A3A3A; font-size: 150%; letter-spacing: -1px; font-weight: bold;}
.recright a:active{ color:#3A3A3A; font-size: 150%; letter-spacing: -1px; font-weight: bold;}
.recright a:hover { color:#3A3A3A; font-size: 150%; letter-spacing: -1px; font-weight: bold;}


/* TEXT */

h1 { color:#0F88AD; font-size: 200%; letter-spacing: -1px;}

h2 { color:#0F88AD; font-size: 300%; letter-spacing: -2px; margin-bottom:0px;}

.recenthead  { color:#0F88AD; font-size: 200%; letter-spacing: -2px; margin-bottom:0px; font-weight: bold;}

.recentgrey  { color:#3A3A3A; font-size: 150%; letter-spacing: -1px; font-weight: bold;}
.recentgrey a:link { color:#3A3A3A; font-size: 150%; letter-spacing: -1px; font-weight: bold;}
.recentgrey a:visited { color:#3A3A3A; font-size: 150%; letter-spacing: -1px; font-weight: bold;}
.recentgrey a:active{ color:#3A3A3A; font-size: 150%; letter-spacing: -1px; font-weight: bold;}
.recentgrey a:hover { color:#3A3A3A; font-size: 150%; letter-spacing: -1px; font-weight: bold;}


.sitemaptext { font-size: 80%; color:#FFFFFF;}

.introtext { font-size: 170%; letter-spacing: -1px; font-weight: bold; margin-bottom:100px;}
.introtext2 { font-size: 170%; letter-spacing: -1px; font-weight: bold; margin-bottom:100px; color:#0F88AD;}

#recentheadleft { width:505px;  float:left; }

#recentheadright { width:375px;  float:right; }

.boldblue { font-weight: bold; color: #006F94;}

.contactcaption { color: #FFFFFF; }

.footerhead2 { color:#0F88AD; font-size: 200%; letter-spacing: -1px;}




/* GARRY ADDS */

/* Social network box */
ul.sharebox { margin:0px; padding:0px; list-style:none; position:relative; display:block;}
ul.sharebox li { float:left; margin:0 0 0 0px; padding:0px; position:absolute; }
ul.sharebox li a { margin:0 0 0 -24px; display:block; }
ul.sharebox li a:hover { margin:0 0 0 -8px; }
ul.sharebox li img { border:none;}

/* jQry form boxes */
label.error{ color:Red; margin-left:5px; float:inherit; }

label{
float: left;
width: 120px;
font-weight: bold;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 250px;
height: 150px;
}

/* top nav menu */
.menu1, .menu2, .menu3, .menu4 {
background: #eee none;
font-size:large;
 float:right;
}
.menu1 ul, .menu2 ul, .menu3 ul, .menu4 ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.menu1 li, .menu2 li, .menu3 li, .menu4 li {
margin: 0;
padding: 0;
float: left;
}
.menu2 li {
text-align: center;
}
.menu2 a { display: block; padding:5px 0 0 0; width: 120px; height: 31px; text-decoration: none;  color:White; font-weight:bold; background: url("../img/over.jpg"); }
.menu2 a:hover { background-position: -120px 0; }

#dunicBulletOne ul{list-style-image:url("../img/list_bullet.png"); list-style-type:square;}
#dunicBulletOne li{ padding: 5px 0 5px 0; }

/* button links */
a.rollover { display: block; width: 178px; height: 32px; text-decoration: none; background: url("../img/more_details2.png"); }
a.rollover:hover { background-position: -178px 0; }

a.prev_ou { display: block; width: 32px; height: 32px; text-decoration: none; background: url("../img/prev_ou.gif"); }
a.prev_ou:hover { background-position: -32px 0; }
a.next_ou { display: block; width: 32px; height: 32px; text-decoration: none; background: url("../img/next_ou.gif"); }
a.next_ou:hover { background-position: -32px 0; }
a.back_ou { display: block; width: 176px; height: 32px; text-decoration: none; background: url("../img/back.png"); }
a.back_ou:hover { background-position: -176px 0; }

a.showAllRollOver { display: block; width: 176px; height: 32px; text-decoration: none; background: url("../img/show_all.png"); }
a.showAllRollOver:hover { background-position: -176px 0; }
a.showWebRollOver { display: block; width: 176px; height: 32px; text-decoration: none; background: url("../img/show_web.png"); }
a.showWebRollOver:hover { background-position: -176px 0; }
a.showMarketingRollOver { display: block; width: 176px; height: 32px; text-decoration: none; background: url("../img/show_marketing.png"); }
a.showMarketingRollOver:hover { background-position: -176px 0; }
a.showPrintRollOver { display: block; width: 176px; height: 32px; text-decoration: none; background: url("../img/show_print.png"); }
a.showPrintRollOver:hover { background-position: -176px 0; }

a.check { display: block; width: 178px; height: 32px; text-decoration: none; background: url("../img/submitt.png"); }
a.check:hover { background-position: -178px 0; }

a.goRollOver { display: block; width: 30px; height: 23px; text-decoration: none; background: url("../img/submit_goo.png"); }
a.goRollOver:hover { background-position: -30px 0; }

.displace { position: absolute; left: -5000px; }

#SlideWraper{  width: 64px; clear:both; height:32px; padding: 5px 0 0 262px; }