/* Browser Defult Settings */
html, body, ul, ol, li, p,h1, h2, h3, h4, h5, h6,img, form, fieldset, a {margin: 0;padding: 0;border: 0;}
/* End Defult Settings */
html {
height: 100%;
}
body {
margin: 10px 0px 0px 0px;
padding: 0;
height: 100%;
font-family:Arial, Helvetica, sans-serif;
font-size: 100.01%; /* This odd 100.01% value for the font size compensates for several browser bugs.*/
background:url(bg2.png) repeat-x;
background:url(bg-experiment.jpg);
background-color:#FFFFFF;
}
#content {
background: #EEE;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0 20px 0 20px;
margin: auto;
font: 1.5em arial, verdana, sans-serif;
width: 960px;
height: 100%;
}
.onpaper {
BORDER-RIGHT: #edc89b thin; PADDING-RIGHT: 5px; BORDER-TOP: #edc89b thin; PADDING-LEFT: 5px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; BORDER-LEFT: #edc89b thin; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #edc89b thin; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.onpaper:link {
FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.onpaper:visited:unknown {
FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.onpaper:active {
FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.onpaper:hover {
FONT-SIZE: 11px; COLOR: #ff8542; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline;
}
.onpapernav {
BORDER-RIGHT: #edc89b thin; PADDING-RIGHT: 5px; BORDER-TOP: #edc89b thin; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #edc89b thin; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #edc89b thin; FONT-FAMILY: "Times New Roman", Times, serif; BACKGROUND-COLOR: #fff7e1;
}
.baseline {
FONT-SIZE: 15px; COLOR: #d5d1b9; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.baseline:link {
FONT-SIZE: 15px; COLOR: #d5d1b9; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.baseline:visited {
FONT-SIZE: 15px; COLOR: #d5d1b9; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.baseline:active {
FONT-SIZE: 15px; COLOR: #d5d1b9; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.baseline:hover {
FONT-SIZE: 15px; COLOR: #ff8542; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
.baseline2 {
FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.baseline2:link {
FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.baseline2:visited {
FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.baseline2:active {
FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.baseline2:hover {
FONT-SIZE: 11px; COLOR: #9aba27; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
.leftrail {
FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.leftrail:link {
FONT-SIZE: 10px; COLOR: #0000ff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.leftrail:visited {
FONT-SIZE: 10px; COLOR: #79896e; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.leftrail:active {
FONT-SIZE: 10px; COLOR: #79896e; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
A.leftrail:hover {
FONT-SIZE: 10px; COLOR: #ff8542; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline;
}
.margin {
PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}
.onpaper1 {
BORDER-RIGHT: #edc89b 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #edc89b 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #edc89b 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #edc89b 1px solid;
}
.onpaper2 {
BORDER-RIGHT: #edc89b thin; PADDING-RIGHT: 0px; BORDER-TOP: #edc89b thin; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: #edc89b thin; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: #edc89b thin; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
/*---------------- ALL fonts slutions ----------------------- */
.dotted_bottom_line { border-bottom:1px dotted #999999;}
.normal_font { font-size:12px; color:#333333;}
.normal_font_small { font-size:10px; color:#333333;}
.normal_font_light { font-size:12px; color:#777777;}
.normal_font_small_light_main { font-size:12px; color:#777777;}
.normal_arial_font_light_footer { font-size:10px; color:#FFFFFF; }
.normal_font_blue { font-size:12px; color:#3a89c9;}
.normal_font_blue_link { font-size:12px; color:#3a89c9; cursor:pointer; text-decoration:none;}
.normal_font_blue_link:hover { font-size:12px; color:#3a89c9; cursor:pointer; text-decoration:underline;}
.normal_font_dark_blue_link { font-size:12px; color:#003569; cursor:pointer; text-decoration:none;}
.normal_font_dark_blue_link:hover { font-size:12px; color:#003569; cursor:pointer; text-decoration:underline;}
.arial_heading_font { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333333;}
.arial__big_heading_font { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#333333;}
.arial__big_heading_font_gry { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#666666;}
.arial_big_heading_font_green2 { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#9ab540;}
.arial_big_green_heading { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#9ab540;}
.arial_normal_green_heading { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#9ab540;}
.arial_normal_gry_heading { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#666666;}
/*------------------- All Fonts End Here --------------------------*/
/* All Links Start Here */
.normal_font_blue_link { font-size:12px; color:#3a89c9; cursor:pointer; text-decoration:none;}
.normal_font_blue_link:hover { font-size:12px; color:#3a89c9; cursor:pointer; text-decoration:underline;}
.normal_font_dark_blue_link { font-size:12px; color:#003569; cursor:pointer; text-decoration:none;}
.normal_font_dark_blue_link:hover { font-size:12px; color:#003569; cursor:pointer; text-decoration:underline;}
.arial_bold_font_link { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666; text-decoration:none; cursor:pointer;}
.arial_bold_font_link:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#9ab31d; cursor:pointer; text-decoration:none;}
.normal_link { font-size:12px; color:#666666; cursor:pointer; text-decoration:none;}
.normal_link:hover { font-size:12px; color:#666666; cursor:pointer; text-decoration:underline;}
.arial_small_font_green_link { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#9dbe26; cursor:pointer; text-decoration:none;}
.arial_small_font_green_link:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; cursor:pointer; text-decoration:none; background-color:#a5c650; padding:1px;}
.normal_font_bold_white_link { font-size:16px; color:#FFFFFF; font-weight:bold; text-decoration:none; cursor:pointer;}
.normal_font_bold_white_link:hover { font-size:16px; color:#FFFFFF; font-weight:bold; cursor:pointer; text-decoration:underline;}
/* All Links End Here */
/* ------------- Icon Text Start Here --------------------- */
.read_brief { background:url(icons/read_brief.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:none; background-position:0px 0px;}
.read_brief:hover { background:url(icons/read_brief.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:underline; background-position:0px 0px;}
.submit_deisgn { background:url(icons/up_deisgn.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:none; background-position:0px -1px;}
.submit_design:hover { background:url(icons/up_deisgn.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:underline; background-position:0px -1px;}
.share_friends{ background:url(icons/tell_frnd.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:none; background-position:0px -1px;}
.share_friends:hover { background:url(icons/tell_frnd.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:underline; background-position:0px -1px;}
.designer_user{ background:url(icons/designer.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:none; background-position:0px -1px;}
.designer_user:hover { background:url(icons/designer.png) no-repeat; padding-left:20px; font-size:12px; color:#666666; cursor:pointer; text-decoration:underline; background-position:0px -1px;}
.more_read{ background:url(icons/more.png) no-repeat; padding-left:16px; font-size:12px; color:#666666; cursor:pointer; text-decoration:none; background-position:0px 1px;}
.more_read:hover { background:url(icons/more.png) no-repeat; padding-left:16px; font-size:12px; color:#999900; cursor:pointer; text-decoration:underline; background-position:0px 1px;}
.testimonails{ background:url(icons/tetimonails.png) no-repeat; padding-left:24px; font-size:14px; font-weight:bold; color:#9fbd33; text-decoration:none; background-position:0px 1px;}
.testimonail:hovera { background:url(icons/tetimonails.png) no-repeat; padding-left:24px; font-size:14px; color:#666666; font-weight:bold; text-decoration:none; background-position:0px 1px;}
.our_client { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#9ab540; background-image:url(icons/our_clietns.png); background-repeat:no-repeat; padding-left:20px; }
.left-border { border-left:1px solid #dedede;}
/* Ul styling start here cursor:pointer; */
#mybullet ul { list-style-type: none; }
#mybullet ul li { padding-left: 17px; background: url(bullet.png) 0px 3px no-repeat; font-size:12px; color:#666666; line-height:16px; margin-top:5px; }
#mybullet_ser ul { list-style-type: none; }
#mybullet_ser ul li { padding-left: 17px; background: url(bullet.png) 0px 7px no-repeat; font-size:12px; color:#666666; line-height:24px; margin-top:5px; }
/* ul styling end here */
/* ------------- Icon Text End Here --------------------- */
#menu{
width:100%;
margin:0px 0px 0px 80px;
font:12px/18px Arial, Helvetica, sans-serif;
}
#menu ul{
list-style:none;
}
#menu li{
list-style:none;
display:block;
float:left;
margin:0 2px;
}
#menu li a{
display:block;
float:left;
height:36px;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
/* background:url(images/menu_009_l.jpg) no-repeat left;*/
background-image:url(menu/menu_009_l.jpg);
background-repeat:no-repeat;
background-position:top left;
/*background:url(images/menu_009_l.jpg);*/
line-height:36px;
padding:0 0 0 9px;
text-decoration:none;
}
#menu li a span{
display:block;
float:left;
/*background:url(images/menu_009_r.jpg) no-repeat right;*/
background-image:url(menu/menu_009_r.jpg);
background-repeat:no-repeat;
background-position:top right;
height:36px;
color:#FFFFFF;
line-height:36px;
padding:0 22px 0 12px;
}
#menu li a:hover{
display:block;
float:left;
/* background:url(images/menu_009_h_l.jpg) no-repeat left;*/
background-image:url(menu/menu_009_h_l.jpg);
background-repeat:no-repeat;
background-position:top left;
height:36px;
}
#menu li a:hover span{
display:block;
float:left;
/*background:url(images/menu_009_h_r.jpg) no-repeat right;*/
background-image:url(menu/menu_009_h_r.jpg);
background-repeat:no-repeat;
background-position:top right;
color:#fff;
height:36px;
}
#menu li a.current{
display:block;
float:left;
height:36px;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
/*background:url(images/menu_009_h_l.jpg) no-repeat left;*/
background-image:url(menu/menu_009_h_l.jpg);
background-repeat:no-repeat;
background-position:top left;
line-height:36px;
padding:0 0 0 9px;
text-decoration:none;
}
#menu li a.current span{
display:block;
float:left;
/*background:url(images/menu_009_h_r.jpg) no-repeat right;*/
background-image:url(menu/menu_009_h_r.jpg);
background-repeat:no-repeat;
background-position:top right;
height:36px;
color:#fff;
line-height:36px;
padding:0 22px 0 12px;
}
/* testimonail page css*/
/*--------------------------------------------------------------------------*/
/* Box Styles */
/*--------------------------------------------------------------------------*/
.box .box_header { height:26px; position:relative; }
.box .box_header h1 { color:#fff; height:26px; line-height:26px; margin-left:120px; font-size:14px; }
.box .box_header h2 { color:#fff; height:26px; line-height:26px; margin-left:120px; font-size:14px; }
.box .box_header span { position:absolute; font-weight: normal; color: #fff; top:7px; right:10px; }
.box .box_header a { font-weight: normal; color: #fff; }
.box .box_content { padding:8px 12px 4px 12px; background-color:#fff; }
.box .box_footer { height:4px; font-size:0px; line-height:0px; background-color:#fff; }
.box .box_tail { height:4px; line-height:0px; margin-left:12px; font-size:0px; background-color:#fff; }
.b2 .box_header { background:url(boxes.gif) 0px 0px no-repeat; }
.b2 .box_header h2 { background:url(boxes.gif) 100% 0px no-repeat; }
.b2 .box_content {border-left:1px solid #af886a; border-right:1px solid #af886a; }
.b2 .box_footer { background:#fff url(boxes.gif) 0px -31px no-repeat; }
.b2 .box_tail { background:#fff url(boxes.gif) 100% -31px no-repeat; }
.box_tail { background:#fff url(boxes.gif) 100% -66px no-repeat; }
/* Clearfix Method: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
.clearfix {height:1%;}
.style9 {height: 1%; font-family: Arial, Helvetica, sans-serif; }
.style10 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
}
/* End hide from IE-mac */
/* end testimonails page css */
.big_porto_thum{
margin-top: 10px;
width:320px;
height:140px;
border: 1px solid #d0d0d0;
margin-bottom:5px;
padding:5px;
background-color:#ececec;
}
.big_porto_thum:hover{
margin-top: 10px;
width:320px;
height:140px;
border: 1px solid #ababaa;
margin-bottom:5px;
padding:5px;
background-color:#ececec;
}
.product_thum{
margin-top: 10px;
width:565px;
height:439px;
border: 1px solid #d0d0d0;
margin-bottom:5px;
padding:5px;
background-color:#ececec;
}
.product_thum:hover{
margin-top: 10px;
width:565px;
height:439px;
border: 1px solid #ababaa;
margin-bottom:5px;
padding:5px;
background-color:#ececec;
}
.porto_title {
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
color: #F98A14;
}
/* ------------- Some Examples ----------------*/
/*---------------------------------------------*/
/* background shorthand example
.element {
background:red url(image.png) repeat top left scroll;
}
*/
/*---------------------------------------------
font example
.p {
font:bold 1em/1.2em georgia,"times new roman",serif;
}
*/
/*---------------------------------------------
font example
.p {
font:bold 1em/1.2em georgia,"times new roman",serif;
}
/*-----------------------------------
ul li {
list-style:square inside url(image.png);
}
in this particular case if image.png is not available
then a square will be provided as secondary
*/
/* Also Very nice way of costomize your bullet into page
ul { list-style-type: none; }
ul li { padding-left: 15px; background: url(/newbullet.gif) 0px 3px no-repeat; }
*/