/* CSS Document */
@media screen {
body{margin:0; padding:0}
a{outline:none}
a:link{color:#e38b1d}
a:visited{color:#e38b1d}
a:hover{color:#900}
a:active{color:#900}
h1, h2, h3, h4, h5, h6, label, form{margin:0; padding:0; font-size:100%}
p, li{font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:12px; text-decoration:none; color:#36372f}
#wrapper{margin:0 auto; padding:0; width:100%; height:auto; min-width:1003px; background-image:url(../images/wrapper_bg.jpg); background-repeat:repeat-x; background-position:0% 0%; background-color:#f6f2e4}
#container{margin:0 auto; padding:0; width:963px; overflow:auto; overflow:hidden}
/*---------- Header ----------*/
#header{width:963px; height:104px; float:left; background-image:url(../images/header_bg.jpg); background-repeat:repeat-x; background-position:left top; border-bottom:5px solid #f2a814}
#header .logo{width:217px; float:left; margin-top:19px}
/*------- Main Menu -------*/
#header #main_menu{/*width:480px; */width:670px; height:43px; float:right; margin-top:42px}
#header #main_menu ul{margin:0; padding:0; list-style:none}
#header #main_menu ul li{float:left; width:90px; height:43px; margin-left:5px; display:inline; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-align:center; color:#eda413; line-height:32px; background-image:url(../images/menu_bg.gif); background-repeat:no-repeat; background-position:-90px top}
#header #main_menu ul li a{text-decoration:none; color:#eda413; display:block}
#header #main_menu ul li a:hover{color:#FFF; height:43px; background-image:url(../images/menu_bg.gif); background-repeat:no-repeat; background-position:0px top}
#header #main_menu ul li.current a{color:#FFF; height:43px; background-image:url(../images/menu_bg.gif); background-repeat:no-repeat; background-position:0px top}
/*---------- Banner ----------*/
#banner{margin:0; padding:0; width:963px; background-image:url(../images/banner_bg.jpg); background-repeat:no-repeat; background-position:right top; float:left}
#banner h1{margin:30px 0px 0px 0px; padding:0px 0px 22px 10px; font-family:"Times New Roman",Times,serif; font-size:1.9em; font-weight:normal; letter-spacing:.4pt; color:#dad4ba}
#banner h1 span{color:#e38b1d}
.high{width:auto; height:100px; float:left}
#display{margin:0; padding:0; width:963px; padding-top:3px; float:left}
/*---------- Highlight Box ----------*/
.highlitebox{width:318px; height:233px; float:left; background-image:url(../images/highlight_box.gif); background-repeat:no-repeat; background-position:left top; padding-left:3px}
.highlitebox h2{font-family:"Times New Roman",Times,serif; font-size:1.4em; font-weight:normal; text-align:center; text-transform:capitalize; color:#373026; padding-top:8px; margin-bottom:13px}
.highlitebox h2 img{vertical-align:middle}
.highlitebox p{margin:0 auto; padding:0; width:265px; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:12px; line-height:17px; color:#322a1f}
.highlitebox p a{font-weight:bold; text-decoration:none}
/*---------- Content ----------*/
#content{width:653px; float:left; margin-bottom:25px; min-height:280px}
#content h1{font-family:"Times New Roman",Times,serif; font-size:1.7em; font-weight:normal; text-transform:capitalize; color:#0c0600; padding-top:15px}
#content h1 span{color:#f6a400}
#content h1 a{ color:#0c0600;}
#content h2{font-family:"Times New Roman",Times,serif; font-size:18px; font-weight:normal; line-height:28px; color:#a36629; border-bottom:1px solid #d8d5c8}
#content p{text-align:justify; line-height:20px}
#content li{list-style:none; list-style-image:url(../images/bullet.gif); padding-bottom:5px}
/*---------- Sidebar ----------*/
#sidebar{width:290px; min-height:380px; float:left; padding-left:15px; padding-bottom:15px; margin-top:25px}
#contact{width:287px; float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:#36372f}
#contact .top, .bottom{width:287px; height:7px; float:left}
#contact .midpart{width:285px; float:left; border-left:1px solid #ebe6d9; border-right:1px solid #ebe6d9}
#contact h1{font-size:22px; font-weight:normal; margin:5px 10px}
#contact h1 img{vertical-align:middle}
.labelist{width:70px; padding-left:10px; font-weight:bold; float:left; margin-bottom:5px}
.detail{width:195px; float:left; margin-bottom:5px}
.textfield{width:187px; height:22px; border:1px solid #d8d5c8; background:#FFF; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#36372f}
.textarea{width:187px; height:52px; border:1px solid #d8d5c8; background:#FFF; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#36372f}
/*---------- Dropline ----------*/
.dropline{width:963px; float:left; margin-bottom:22px}
.dropline .box{width:280px; float:left; padding-right:55px}
.dropline .lesmarg{padding-right:0px}
.dropline .box h1{color:#f6a400; font-size:1.45em}
.dropline .box p{line-height:16px; text-align:justify; color:#d9d1b7}
.dropline .box .more{font-weight:bold; color:#f6a400; cursor:pointer}
/*---------- Footer ----------*/
#footer{width:100%; height:70px; float:left; border-top:1px solid #514437}
#footer p{width:auto; margin-top:10px; padding:0; color:#71665e; float:left}
#footer p span{font-size:11px; line-height:25px}
#footer a{color:#71665e; text-decoration:none; cursor:pointer}
#footer a:hover{color:#CCC}
.follow{width:173px; /* 265px; */float:right; /*font-family:"Times New Roman",Times,serif,Tahoma; */font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:12px; /*22px; */color:#6a6561; margin-top:10px; font-weight:bold}
.follow img{vertical-align:middle; padding-left:3px; /*10px; */}
#footbg{background:url(../images/footerbg.gif) repeat-x left bottom}
/*---------- Inside Pages ----------*/
#wrapsub{margin:0 auto; padding:0; width:100%; height:auto; min-width:1003px; background-image:url(../images/wrapsub_bg.jpg); background-repeat:repeat-x; background-position:0% 0%; background-color:#f6f2e4}
.sevice_place{width:652px; float:left}
.sevice_place .box{width:317px; height:230px; float:left; background-image:url(../images/box.gif); background-repeat:no-repeat; background-position:left top; margin-bottom:20px}
.sevice_place .space{margin-left:18px; display:inline}
.sevice_place .box p{font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold; color:#5e320b; padding:15px 0px 0px 20px; margin:0px}
.sevice_place .box li a{color:#36372f; text-decoration:none}
.sevice_place .box li a:hover{color:#960}
/*---------- PopUP ----------*/
.contact{margin:0px; width:450px; float:left; padding-top:20px; display:inline; font:normal 12px Tahoma,Arial,Helvetica,sans-serif; text-decoration:none; color:#000}
.contact .label{width:130px; float:left; font-size:12px; margin:3px 0 8px 0; padding-right:10px}
.contact .field{width:200px; height:18px; border:1px solid #d8d5c8; font:normal 12px Tahoma,Arial,Helvetica,sans-serif; text-decoration:none; color:#000; margin-bottom:8px; background:#FFF}
.contact .textarea{width:260px; height:80px; border:1px solid #d8d5c8; font:normal 12px Tahoma,Arial,Helvetica,sans-serif; text-decoration:none; color:#000; margin-bottom:8px; background:#FFF}
/*---------- Submit Brief ----------*/
.submitbrief{width:400px; float:left; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:12px; line-height:20px; color:#36372f; padding-left:30px}
.submitbrief .listlabel{width:150px; float:left}
.submitbrief .textfield{width:200px; height:18px; border:1px solid #d8d5c8; font:normal 12px Tahoma,Arial,Helvetica,sans-serif; text-decoration:none; color:#000; margin-bottom:8px; background:#FFF}
.submitbrief .textarea{width:280px; height:80px; border:1px solid #d8d5c8; font:normal 12px Tahoma,Arial,Helvetica,sans-serif; text-decoration:none; color:#000; margin-bottom:8px; background:#FFF}
iframe{margin:0px; padding:0px; height:0px}
.resourceTitle{text-decoration:none; color:#000; font-size:16px}
.resourceDes{font:normal 12px Tahoma,Arial,Helvetica,sans-serif; text-decoration:none; color:#000; font-size:14px}
/*---------- pagination style ----------*/
.pagin{padding:3px 0; margin:0; font-size:12px; font-family:Arial,Helvetica,sans-serif; font-weight:bold}
.pagin *{padding:2px 6px; margin:0}
.pagin a{border:solid 1px #666; background-color:#EFEFEF; color:#666; text-decoration:none}
.pagin a:visited{border:solid 1px #666; background-color:#EFEFEF; color:#60606F; text-decoration:none}
.pagin a:hover, .pagin a:active{border:solid 1px #F2A814; background-color:white; color:#F2A814; text-decoration:none}
.pagin span{cursor:default; border:solid 1px #808080; background-color:#F0F0F0; color:#B0B0B0}
.pagin span.current{border:solid 1px #F2A814; background-color:#F2A814; color:white}
/*---------- Portfolio ----------*/
#preview{position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff}
.outline a{border:4px solid #CCCCCC; display:inline-block;}
.outline a:hover{border:4px solid #eee2cb}
img{border:0}
#statcounter_image{ display:none !important; visibility:hidden;}
.tags {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #36372F; padding: 15px 20px; float:left; line-height:19px;}
.tags a { color: #E38B1D; text-decoration: none;}
.tags a:hover { color: #802900;}
.portbuton { width: auto; background-color: #322920; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF !important; text-decoration: none; text-align: center; padding: 7px 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.selportbuton { width: auto; background-color: #6e5338; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF !important; text-decoration: none; text-align: center; padding: 7px 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }


@media handheld {
body{margin:0; padding:0; max-width:100% !important; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:12px; text-decoration:none; color:#36372f}
a{outline:none}
a:link{color:#e38b1d}
a:visited{color:#e38b1d}
a:hover{color:#900}
a:active{color:#900}
h1, h2, h3, h4, h5, h6, label, form{margin:0; padding:0; font-size:100%}
p, li{font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:12px; text-decoration:none; color:#36372f}
#wrapper{margin:0; padding:0; width:100%; max-width:100% !important; height:auto; max-width:100%; background-color:#f6f2e4}
#container{margin:0 auto; padding:0; width:100%; max-width:100% !important; overflow:auto; overflow:hidden}
/*---------- Header ----------*/
#header{width:100%; max-width:100% !important; background-image:url(../images/header_bg.jpg); background-repeat:repeat-x; background-position:left top; background-color:#fefff9; border-bottom:5px solid #f2a814; padding:5px 0px 5px 0px}
#header .logo{width:121px; height:39px; margin:0px 0px 10px 5px; background-image:url(../images/portrave_logo.gif); background-repeat:no-repeat; background-position:center}
#header .logo img, #header .logo a{display:none}
/*------- Main Menu -------*/
#header #main_menu{/*width:573px; */width:auto}
#header #main_menu ul{margin:0; padding:0; list-style:none}
#header #main_menu ul li{font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#eda413; line-height:18px; display:inline; padding-left:10px}
#header #main_menu ul li a{color:#eda413; text-decoration:none}
#header #main_menu ul li a:hover{color:#eda413}
/*---------- Banner ----------*/
#banner{width:100%; max-width:100% !important; margin-bottom:10px; background-color:#2e271d; border-bottom:1px solid #2e271d}
#banner h1{margin:0px 0px 0px 0px; padding:10px 0px 15px 10px; font-family:"Times New Roman",Times,serif; font-size:1.9em; letter-spacing:.4pt; color:#dad4ba}
#banner h1 span{color:#e38b1d}
#display{margin:0; padding:0; width:100%}
/*---------- Highlight Box ----------*/
.highlitebox{width:100%; padding:0px; margin-bottom:1px; background-color:#ece7ca}
.highlitebox h2{font-family:"Times New Roman",Times,serif; font-size:1.4em; font-weight:bold; text-align:left; text-transform:capitalize; color:#373026; padding:5px 5px 0px 5px}
.highlitebox h2 img{display:none}
.highlitebox p{margin:0; padding:5px; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:12px; text-align:justify; line-height:17px; color:#322a1f}
.highlitebox p a{font-weight:bold; text-decoration:none}
/*---------- Content ----------*/
#content{width:100%; margin-bottom:10px; border-bottom:1px solid #c4c0ad}
#content h1{font-family:"Times New Roman",Times,serif; font-size:1.7em; text-transform:capitalize; color:#0c0600; padding:0px 5px 0px 5px}
#content h1 span{color:#f6a400}
#content h2{font-family:"Times New Roman",Times,serif; font-size:18px; font-weight:normal; line-height:28px; color:#a36629; border-bottom:1px solid #d8d5c8; padding:0px 5px 0px 5px}
#content p{text-align:justify; line-height:18px; padding:0px 5px 0px 5px}
#content li{list-style:none; list-style-image:url(../images/bullet.gif); padding-bottom:5px}
/*---------- Sidebar ----------*/
#sidebar{width:100%; margin:0px 0px 10px 5px}
#contact{width:100%; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:#36372f}
#contact .top, .bottom img{display:none}
#contact .midpart{width:100%}
#contact h1{font-size:1.3em; margin:0px 0px 8px 5px; color:#000}
#contact h1 img{display:none}
.labelist{width:100%}
.textfield{width:80%; border:1px solid #d8d5c8; background:#FFF; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#36372f}
.textarea{width:80%; height:52px; border:1px solid #d8d5c8; background:#FFF; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#36372f}
/*---------- Dropline ----------*/
.dropline{width:100%; background-color:#29221c; padding:10px 5px}
.dropline .box{width:95%}
.dropline .box h1{color:#f6a400; font-size:1.45em}
.dropline .box p{line-height:16px; text-align:justify; color:#d9d1b7}
.dropline .box .more{font-weight:bold; color:#f6a400; cursor:pointer}
/*---------- Footer ----------*/
#footer{width:100%; max-width:100%!important; border-top:1px solid #514437; background-color:#29221c}
#footer p{width:auto; padding:0; color:#9b9189; padding-left:8px}
#footer p span{font-size:11px; line-height:25px}
#footer a{color:#9b9189; text-decoration:none; cursor:pointer}
#footer a:hover{color:#CCC}
.follow{width:100%; font-family:"Times New Roman",Times,serif,Tahoma; font-size:1.8em; color:#9b9189; margin:8px}
.follow img{vertical-align:middle; width:25px; width:25px; margin-left:5px}
#footbg{background:url(../images/footerbg.gif) repeat-x left bottom; max-width:100%!important}
/*---------- Inside Pages ----------*/
#wrapsub{margin:0; padding:0; width:100%; max-width:100% !important; height:auto; background-color:#f6f2e4}
.sevice_place{width:100%}
.sevice_place .box{width:100%}
.sevice_place .space{display:inherit}
.sevice_place .box p{font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold; color:#5e320b; padding:15px 0px 0px 20px; margin:0px}
.sevice_place .box li a{color:#36372f; text-decoration:none}
.sevice_place .box li a:hover{color:#960}
/*---------- PopUP ----------*/
.contact{display:none}
table{width:100%; padding:0px 5px 0px 5px}
table tr td{display:list-item; list-style:none}
table tr td img{border:1px solid #CCC}
table tr td a{cursor:default}
.wecan{display:none}
/*---------- Submit Brief ----------*/
.submitbrief{width:100%; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:12px; line-height:20px; color:#36372f; padding-left:5px}
.submitbrief .listlabel{width:100%}
iframe{margin:0px; padding:0px; height:0px}
/*---------- Lightbox style ----------*/
#jquery-overlay {display: none!important; visibility: hidden;}
#jquery-lightbox {display: none;}
#jquery-lightbox a img { display: none; }
#lightbox-container-image-box {display: none; visibility: hidden;}
#lightbox-container-image { display: none; visibility: hidden;}
#lightbox-loading {display: none;}
#lightbox-nav {display: none !important; visibility: hidden;}
#lightbox-container-image-box > #lightbox-nav { left: 0; display: none;}
#lightbox-nav a { outline: none; display: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {	display: none;}
#lightbox-nav-btnPrev {display: none;}
#lightbox-nav-btnNext { display: none;}
#lightbox-container-image-data-box {display: none;}
#lightbox-container-image-data {display: none;}
#lightbox-container-image-data #lightbox-image-details { display: none;}	
#lightbox-image-details-caption { display: none; }
#lightbox-image-details-currentNumber {	display: none; }			
#lightbox-secNav-btnClose {	display: none;}
}