/*WRITTEN BY - COPYRIGHT
Author:     Maarten Tibau - Webtrix
Mail:       maarten@webtix.be
Date:       20/03/2009
Last edit:  26/03/2009

*** ADMIN SECTION ***/

/*HTML ELEMENT*/
body{color:#181818; margin:0px; padding:0px; width:100%; background:url('/images/public/bg_frm_f.png') bottom left repeat-x #CCDCE1;}

div, img, p, form, h1, h2, ul, li, table, html{margin:0px; padding:0px;}
html{}
ul{list-style-type:none;}

h1{font-family:Arial,Verdana,Tahoma; font-size:1.8em;}
h2{font-family:Arial,Verdana,Tahoma; font-size:1.6em;}
strong{font-weight:bold;}
em{font-style:italic;}

/*IMAGES*/

/*CONTAINER*/
#container{width:100%; background:url('/images/public/bg_frm_t.png') top left repeat-x #FFF;}

/*FRAME*/
#frm{width:980px; margin:0 auto; background:url('/images/public/frm_t.png') top center no-repeat transparent;}

/*FRAME TOP*/
#frm_t{width:980px; height:382px; padding:9px 0 0 0;}

#frm_t img.quote{margin:5px 0 0 40px;}

#frm_t div.navigation{margin:0 0 0 19px; overflow:hidden;}
#frm_t div.navigation img.webtrix{float:left;}
#frm_t div.navigation img.quote{float:left; margin:5px 0 0 0;}
#frm_t div.navigation ul{float:left; height:96px; display:block; float:left; margin:10px 0 0 20px;}
#frm_t div.navigation ul li{height:47px; width:auto; float:left; margin:0 15px 0 15px; background-image:url('/images/public/bg_buttons.png'); background-repeat:no-repeat;}
#frm_t div.navigation ul li a{font-family:'Myriad Pro',Arial,Verdana,Tahoma; font-size:1.3em; color:#FFF; text-decoration:none; padding:49px 0 0 0; display:block;}
#frm_t div.navigation ul li a:hover{color:#084365;}
#frm_t div.navigation ul li.aboutus{background-position:center -98px;}
#frm_t div.navigation ul li.services{background-position:center -294px;}
#frm_t div.navigation ul li.portfolio{background-position:center -490px;}
#frm_t div.navigation ul li.howwedoit{background-position:center -686px;}
#frm_t div.navigation ul li.blog{background-position:center -882px;}
#frm_t div.navigation ul li.contact{background-position:center -1078px;}

#frm_t div.showcase{width:906px; margin:10px auto; height:199px; background:url('/images/public/bg_showcase.png') top left no-repeat transparent;}
#frm_t div.showcase dl.sections{height:199px; width:200px; margin:0 0 0 12px; float:left;}
#frm_t div.showcase dl.sections dt{padding:2px 0 0 0; height:35px; margin:0 0 4px 0;}
#frm_t div.showcase dl.sections dt span{font-family:Arial,Verdana,Tahoma; font-size:1.6em; vertical-align:middle;}
#frm_t div.showcase dl.sections dd{height:33px; margin:-8px 0 0 0; color:#878787; font-size:0.7em; font-family:'Trebuchet MS',Arial,Verdana,Tahoma;}

#frm_t div.showcase ul.projectlist{height:197px; width:629px; float:right; background-color:transparent;}
#frm_t div.showcase ul.projectlist li div.project{height:197px; width:auto; float:right; margin:1px 14px 1px 0;}
#frm_t div.showcase ul.projectlist li div.project div.previews{height:197px; width:400px; margin:0 40px 0 0; float:left;}
#frm_t div.showcase ul.projectlist li div.project div.info{width:175px; float:left; margin:24px 0 0 0;}
#frm_t div.showcase ul.projectlist li div.project div.info ul li{margin:4px 0 0 0; font-size:0.8em; font-family:'Trebuchet MS',Arial,Verdana,Tahoma;}

/*FRAME CONTENT (LEFT - MIDDLE - RIGHT)*/
#frm_c{width:980px; min-height:300px; overflow:auto; background:url('/images/public/bg_frm_c.png') top left repeat-y #FAFEFF;}

/*FRAME MIDDLE*/
#frm_m{width:628px; overflow:hidden; background:url('/images/public/bg_frm_m2.png') top left repeat-x #FAFEFF; float:left; min-height:300px;} 
#frm_m div.wrapper{width:590px; margin:26px 19px 26px 19px;} 
#frm_m div.wrapper h1{font-size:1.41em; overflow:visible;}
#frm_m div.wrapper h1 a{text-decoration:none; display:block; overflow:visible;} 
#frm_m div.wrapper h1 a:hover{text-decoration:none;} 
#frm_m div.wrapper div.content{width:585px; padding:0 0 0 5px; margin:3px 0 0 0; color:#444;} 
#frm_m div.wrapper div.content p{font-family:Tahoma,Verdana,Arial,sans-serif; font-size:0.7em; line-height:20px; vertical-align:middle; letter-spacing:0.085em;}
#frm_m div.wrapper div.content p.intro{border-left:3px solid #3CA1BD; border-right:3px solid #3CA1BD; padding:2px 11px 2px 11px; margin:0 0 10px 0; font-weight:bold;} 
#frm_m div.wrapper div.content a{color:#F2C048; text-decoration:underline; font-weight:bold;} 
#frm_m div.wrapper div.content a:hover{text-decoration:underline; font-weight:bold;} 
#frm_m div.wrapper div.content ul{font-family:Tahoma,Verdana,Arial,sans-serif; font-size:0.7em; line-height:20px; vertical-align:middle; list-style-type:none; padding:10px 0 10px 20px; letter-spacing:0.085em;}
#frm_m div.wrapper div.content table tr td{font-family:Tahoma,Verdana,Arial,sans-serif; font-size:0.7em; line-height:20px; vertical-align:middle; letter-spacing:0.085em;}

#frm_m div.wrapper div.content form dl{overflow:hidden; width:585px; margin:0px;} 
#frm_m div.wrapper div.content form dl dt{float:left; width:150px; padding:8px 0 4px 0; margin:0 0 4px 0;} 
#frm_m div.wrapper div.content form dl dt label{font-family:Tahoma,Verdana,Arial; letter-spacing:0.085em; font-size:0.7em; line-height:14px; vertical-align:middle;} 
#frm_m div.wrapper div.content form dl dd{float:left; width:427px; padding:8px 0 4px 8px; margin:0 0 4px 0;}
#frm_m div.wrapper div.content form dl dd span{margin:0 0 0 2px; padding:0 0 0 16px; line-height:18px; vertical-align:middle; font-size:0.6em; font-family:Verdana,Tahoma,Arial; text-align:left; float:left;}
#frm_m div.wrapper div.content form dl dd span.error{color:#CD0C0C; background:url('/images/public/error_icon.gif') center left no-repeat; width:400px;}
#frm_m div.wrapper div.content form dl dd span.info{background:url('/images/public/icon_info.gif') center left no-repeat; width:400px;}
#frm_m div.wrapper div.content form dl dd input{margin:2px 0 1px 0; width:246px; height:17px; font-size:0.7em; font-family:Verdana,Tahoma,Arial; padding:3px 2px 0 2px; border:1px solid #E0E0E0;}
#frm_m div.wrapper div.content form dl dd select{vertical-align:bottom; width:253px; height:22px; margin:3px 0 0 0; padding:3px 0 0 0; font-family:Tahoma,Verdana,Arial; letter-spacing:0.085em; font-size:0.7em; border:1px solid #E0E0E0;}
#frm_m div.wrapper div.content form dl dd textarea{margin:3px 0 1px 0; padding:2px; border:1px solid #E0E0E0; font-family:Tahoma,Verdana,Arial; font-size:0.7em; letter-spacing:0.085em;}
#frm_m div.wrapper div.content form ul{width:385px; margin:15px 0 5px 200px; overflow:hidden;}
#frm_m div.wrapper div.content form ul li{margin:0 10px 0 10px;  float:left; list-style-type:none;}
#frm_m div.wrapper div.content form ul li input{width:120px;}

#frm_m div.wrapper div.blogpost{width:590px; margin:0 0 20px 0; overflow:hidden;}
#frm_m div.wrapper div.blogpost div.header{width:590px; overflow:hidden; display:block; margin:0 0 5px 0;}
#frm_m div.wrapper div.blogpost div.header span.date{width:48px; height:43px; display:block; overflow:hidden; padding:5px 0 0 0; text-align:center; background:url('/images/public/bg_postdate.png') top left no-repeat; float:left; font-family:'Myriad Pro',Arial,Verdana,Tahoma; color:#FFF; font-size:1.4em; line-height:18px; margin:0 14px 0 0;}
#frm_m div.wrapper div.blogpost div.header span.date small{font-size:60%; text-transform:uppercase;}
#frm_m div.wrapper div.blogpost div.header ul{float:left; width:528px;}
#frm_m div.wrapper div.blogpost div.header ul li.title{padding:0 0 2px 0; border-bottom:1px dashed #D0D0D0;}
#frm_m div.wrapper div.blogpost div.header ul li.meta{line-height:26px; color:#F2C048; font-family:'Trebuchet MS',Arial,Verdana,Tahoma; font-size:0.7em;}
#frm_m div.wrapper div.blogpost div.header ul li.meta a{color:#F2C048; text-decoration:none;}
#frm_m div.wrapper div.blogpost div.header ul li.meta a:hover{text-decoration:underline;}
#frm_m div.wrapper div.blogpost div.header ul li.meta ul{line-height:26px;}
#frm_m div.wrapper div.blogpost div.header ul li.meta ul li.comments{background:url('/images/public/icon_comment.png') center left no-repeat; float:left; padding:0 0 0 20px; margin:0 10px 0 3px; width:auto;}
#frm_m div.wrapper div.blogpost div.header ul li.meta ul li.keywords{background:url('/images/public/icon_tag.png') center left no-repeat; float:left; padding:0 0 0 20px; margin:0 0 0 3px;}
#frm_m div.wrapper div.blogpost span.readmore{line-height:20px; vertical-align:middle; display:block; float:left; color:#F2C048; font-weight:bold; font-family:Tahoma,Verdana,Arial; font-size:0.7em; margin:0 0 0 5px;}
#frm_m div.wrapper div.blogpost span.readmore a{color:#F2C048; text-decoration:none;}
#frm_m div.wrapper div.blogpost span.readmore a:hover{text-decoration:underline;}
#frm_m div.wrapper div.blogpost span.author{line-height:24px; color:#F2C048; font-family:'Trebuchet MS',Arial,Verdana,Tahoma; font-size:0.7em; background:url('/images/public/icon_user.png') center left no-repeat; padding:0 5px 0 35px; display:block;}
#frm_m div.wrapper div.blogpost span.author a{color:#F2C048; text-decoration:none; text-decoration:underline;}
#frm_m div.wrapper div.blogpost span.author a:hover{text-decoration:underline;}
#frm_m div.wrapper div.blogpost span.goback{line-height:20px; vertical-align:middle; display:block; color:#F2C048; font-weight:bold; font-family:Tahoma,Verdana,Arial; font-size:0.7em; margin:0 0 0 5px; width:590px; margin:10px 0 8px 0;}
#frm_m div.wrapper div.blogpost span.goback a{color:#F2C048; text-decoration:none;}
#frm_m div.wrapper div.blogpost span.goback a:hover{text-decoration:underline;}

#frm_m div.wrapper ol.portfolio{width:590px; overflow:hidden; display:block;} 
#frm_m div.wrapper ol.portfolio li div.project{width:590px; margin:0 0 20px 0;} 
#frm_m div.wrapper ol.portfolio li div.project div.header{width:562px; border-left:3px solid #3CA1BD; border-right:3px solid #3CA1BD; padding:10px; margin:0 0 7px 0; height:150px; background-color:#FFF;} 
#frm_m div.wrapper ol.portfolio li div.project div.header img{border:1px solid #F9F9F9;} 
#frm_m div.wrapper ol.portfolio li div.project div.info{width:580px; display:block; overflow:hidden; margin:0 5px 0 5px; color:#444;} 
#frm_m div.wrapper ol.portfolio li div.project div.info ul.services{width:190px; float:right; background:url('/images/public/bg_portfolio_services.png') top left no-repeat; padding:45px 0 0 0;}
#frm_m div.wrapper ol.portfolio li div.project div.info ul.services li{font-family:Tahoma,Verdana,Arial,sans-serif; font-size:0.7em; line-height:20px; vertical-align:middle; background:url('/images/public/icon_go.png') center left no-repeat; padding:0 0 0 19px; color:#808080; margin:0 0 0 20px;}
#frm_m div.wrapper ol.portfolio li div.project div.info h1{width:370px; float:left; margin:2px 0 3px 0; font-size:1.41em; display:block;} 
#frm_m div.wrapper ol.portfolio li div.project div.info p{width:365px; float:left; font-family:Tahoma,Verdana,Arial,sans-serif; font-size:0.7em; line-height:20px; vertical-align:middle; letter-spacing:0.085em; margin:-3px 0 0 0; padding:0 0 7px 5px; border-bottom:1px dashed #D0D0D0;}
#frm_m div.wrapper ol.portfolio li div.project div.info p a{font-weight:bold; color:#F2C048; text-decoration:underline;} 
#frm_m div.wrapper ol.portfolio li div.project div.info p a:hover{text-decoration:underline;} 
#frm_m div.wrapper ol.portfolio li div.project span.visit{font-family:Tahoma,Verdana,Arial,sans-serif; font-size:0.7em; color:#F2C048; line-height:25px; vertical-align:middle; margin:0 0 0 10px; font-weight:bold;} 
#frm_m div.wrapper ol.portfolio li div.project span.visit a{text-decoration:none; color:#F2C048; } 
#frm_m div.wrapper ol.portfolio li div.project span.visit a:hover{text-decoration:underline;} 

/*FRAME RIGHT*/
#frm_r{width:350px; overflow:hidden; background:url('/images/public/bg_frm_r2.png') top left repeat-x #fffefa; float:right; padding:26px 0 26px;}
#frm_r div.wrapper{width:312px; margin:0 19px 15px 19px; color:#808080;}
#frm_r div.wrapper h1{font-size:1.41em; display:block; overflow:hidden;}
#frm_r div.wrapper h1.contact{padding:2px 0 3px 56px;}
#frm_r div.wrapper h1.lower span{margin-bottom:3px;}
#frm_r div.wrapper p{width:257px; font-family:Tahoma,Verdana,Arial; font-size:0.8em; line-height:17px; padding:0 0 0 55px; letter-spacing:0.085em; margin:5px 0 10px 0;}
#frm_r div.wrapper ul.services{margin:6px 0 0 56px;}
#frm_r div.wrapper ul.services li a{line-height:20px; font-family:Tahoma,Verdana,Arial; font-size:0.8em; background:url('/images/public/icon_go.png') center left no-repeat; padding:0 0 0 19px; color:#808080; text-decoration:none;}
#frm_r div.wrapper ul.services li a:hover{text-decoration:underline}
#frm_r div.wrapper ol.news{margin:10px 0 0 0;}
#frm_r div.wrapper ol.news li{margin:0 0 20px 0; display:block; overflow:hidden;}
#frm_r div.wrapper ol li dl dt{overflow:hidden; margin:0 0 10px 0;}
#frm_r div.wrapper ol li dl dt span{height:43px; display:block; overflow:hidden; padding:5px 0 0 0;}
#frm_r div.wrapper ol li dl dt span.date{width:48px; text-align:center; background:url('/images/public/bg_postdate.png') top left no-repeat; float:left; font-family:'Myriad Pro',Arial,Verdana,Tahoma; color:#FFF; font-size:1.4em; line-height:18px; margin:0 14px 0 0;}
#frm_r div.wrapper ol li dl dt span.date small{font-size:60%; text-transform:uppercase;}
#frm_r div.wrapper ol li dl dt span.title{float:right; width:250px; border-bottom:1px solid #AADEE6; color:#084365; font-family:'Trebuchet MS',Arial,Verdana,Tahoma; font-size:1.0em; font-weight:bold; line-height:20px; letter-spacing:0.05em;}
#frm_r div.wrapper ol li dl dd{width:307px; font-family:Tahoma,Verdana,Arial; font-size:0.7em; line-height:17px; padding:0 0 0 5px; letter-spacing:0.085em;}
#frm_r div.wrapper ol li dl dd span.readmore{width:307px; line-height:20px; vertical-align:middle; display:block; float:left; color:#F2C048; font-weight:bold;}
#frm_r div.wrapper ol li dl dd span.readmore a{color:#F2C048; text-decoration:none;}
#frm_r div.wrapper ol li dl dd span.readmore a:hover{text-decoration:underline;}

#frm_r div.wrapper div.domains{margin:0 0 18px 0; width:312px; display:block; background:url('/images/public/bg_domains.png') bottom left no-repeat;}
#frm_r div.wrapper div.domains h5{font-family:'Trebuchet MS',Arial,Verdana,Tahoma; font-size:0.7em; margin:3px 0 7px 7px; color:#808080;}
#frm_r div.wrapper div.domains h5 a{color:#3CA1BD; text-decoration:none;}
#frm_r div.wrapper div.domains h5 a:hover{text-decoration:underline;}
#frm_r div.wrapper div.domains ul.domainking{margin:0 0 0 20px; display:block;}
#frm_r div.wrapper div.domains ul.domainking li{font-family:'Trebuchet MS',Arial,Verdana,Tahoma; font-size:1.0em; line-height:35px; color:#F2C048; font-weight:bold;}
#frm_r div.wrapper div.domains ul.domainking li a{color:#F2C048; text-decoration:none;}
#frm_r div.wrapper div.domains ul.domainking li a:hover{text-decoration:underline;}

#frm_r div.wrapper ol.feeds{padding:8px 0 0 0;}
#frm_r div.wrapper ol.feeds li div.tweet{margin:0 0 10px 0;}
#frm_r div.wrapper ol.feeds li div.tweet p{font-family:Tahoma,Verdana,Arial; font-size:0.7em; line-height:17px; padding:0 0 2px 5px; letter-spacing:0.085em; margin:0px; width:312px;}
#frm_r div.wrapper ol.feeds li div.tweet h5{color:#3CA1BD; font-family:'Trebuchet MS',Tahoma,Verdana,Arial; font-size:0.65em; line-height:15px; padding:0 0 0 5px; letter-spacing:0.085em;}
#frm_r div.wrapper ol.feeds li div.tweet h5 a{color:#3CA1BD; text-decoration:none; background:url('/images/public/icon_go.png') center left no-repeat; padding:0 0 0 19px; font-weight:bold; margin:0 0 0 3px;}
#frm_r div.wrapper ol.feeds li div.tweet h5 a:hover{text-decoration:underline;}

/*FRAME FOOTER*/
#frm_f{width:100%; height:62px; background:url('/images/public/bg_frm_f.png') top left repeat-x #CDDCE1; overflow:hidden;}
#frm_f div.sitemap{width:980px; margin:28px auto; font-family:Tahoma,Verdana,Arial; font-size:0.7em; color:#616E72; text-align:right;}
#frm_f div.sitemap ul{margin:0 0 0 7px; float:left;}
#frm_f div.sitemap ul li{float:left; padding:0 12px 0 12px; background:url('/images/public/bg_sitemap_seperator.png') top left no-repeat; line-height:11px; display:block;}
#frm_f div.sitemap ul li.no_bg{background:none;}
#frm_f div.sitemap a{color:#616E72; text-decoration:none;}
#frm_f div.sitemap span.copyright{margin:0 19px 0 0;}
#frm_f div.sitemap a:hover{text-decoration:underline;}

#frm_f div.frm_f_copyright{width:516px; color:#000; text-align:center; font-family:Verdana,Arial,Tahoma,Sans-serif; font-size:0.7em; margin:0 auto; line-height:30px; vertical-align:middle;}
#frm_f div.frm_f_copyright a{color:#000; font-weight:bold; text-decoration:none;}
#frm_f div.frm_f_copyright a.img{height:24px; width:60px; background:url('/images/webtrix_icon.png') right top no-repeat; text-indent:-9000px; overflow:hidden; display:block; position:relative; top:-25px; left:436px;}
#frm_f div.frm_f_copyright a.img:hover{background:url('/images/webtrix_icon.png') right -24px no-repeat;}
#frm_f div.frm_f_copyright a:hover{text-decoration:none;color:#000;}

/*FRAME ERROR*/
#frm_err{width:800px; margin:20px auto;}
#frm_err img.logo{margin:0 0 10px 0;}
#frm_err div.message{margin:0 0 0 40px;}
#frm_err div.message h1{font-size:1.4em; font-family:Arial,Verdana,Tahoma; line-height:40px; vertical-align:middle; font-weight:bold; color:#0F3870;}
#frm_err div.message h3{font-size:0.8em; font-family:Verdana,Arial,Tahoma; line-height:20px; vertical-align:middle; font-weight:bold}
#frm_err div.message ul{font-size:0.7em; font-family:Verdana,Arial,Tahoma; line-height:16px; vertical-align:middle; margin:5px 0 10px 30px;}
#frm_err div.message ul li{list-style-type:disc;}
#frm_err div.message ul li a{text-decoration:none; color:#6EB558; font-style:italic;}
#frm_err div.message ul li a.external{background:transparent url('/images/icon_link_external_green.gif') top right no-repeat; padding:0 13px 0 0;}
#frm_err div.message ul li a.mail{background:transparent url('/images/icon_link_external_green.gif') top right no-repeat; padding:0 13px 0 0;}
#frm_err div.message ul li a:hover{text-decoration:underline; color:#6EB558; font-style:italic;}

/*RANDOM CLASSES*/
.h1_align{margin:-6px 0 0 0;}

.line{padding:0 0 0 0; border-bottom:1px dashed #D0D0D0;}
.icon_news{padding:0 0 0 42px; background:url('/images/public/icon_pc.png') top left no-repeat;}
.tools{background:url('/images/public/bg_tools.png') top left no-repeat;}
.building{background:url('/images/public/bg_contact_building.png') top left no-repeat;}
.golf{background:url('/images/public/bg_contact_golf.png') top left no-repeat;}
.gold{background:url('/images/public/bg_contact_gold.png') top left no-repeat;}
.icon_twitter{padding:0 0 0 42px; background:url('/images/public/icon_twitter.png') top left no-repeat;}
.icon_contact{padding:0 0 0 42px; background:url('/images/public/icon_textballoon.png') top left no-repeat;}
.yellow{color:#F2C048;}
.blue{color:#3CA1BD;}
.darkblue{color:#084365;}

.space{margin:10px 0 0 0;}
.comment{padding:4px 8px 4px 8px; margin:8px 0 0 0px; background-color:#effcff; border-bottom:1px dotted #d9edf2;}