h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input,span{
margin:0px;
padding:0px;
}
body {
font-family:Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
font-weight:normal;
font-size:12px;
line-height:20px;
color:#000;
background:url(../images/bkg/bkg_green_pattern.gif);
}
/*
--------------
RANDOMS START
--------------
*/
a:link {color: #333333;}
a:visited { color: #666666;}
.clear{clear:both}
.float_right{float:right}
.float_left{float:left}
.list_pad li{margin-bottom:10px; padding:10px; background-color:#f4f4f4; list-style-image:url(../images/tip.gif); font-size:14px; font-weight:normal; color:#333; line-height:26px;}
hr{ border:0; border-bottom:0px solid #FFF; padding:0px;}
.form_bkg{
color:#fff;
padding:15px;
font-weight:bold;
letter-spacing:1px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border-right:1px #332 solid;
border-left:1px #332 solid;
border-top:1px #444 solid;
border-bottom:1px #332 solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background:#00a6eb;
}
.button{
color:#fff;
padding:5px;
border-right:2px #ccc solid;
border-left:2px #ccc solid;
border-top:2px #ddd solid;
border-bottom:2px #ccc solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background:#444;
}
.button:hover{
color:#333;
padding:5px;
border-right:2px #ccc solid;
border-left:2px #ccc solid;
border-top:2px #ddd solid;
border-bottom:2px #ccc solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background:#ccc;
}
/*
------------
RANDOMS END
------------
*/
.top_tag h1{ color:#777; font-size:18px; font-weight:bold; margin-top:-30px; float:right}
#container {margin: 0px auto; text-align: left; padding:20px 0; background:url(../images/bkg/bkg_green_upper.png) repeat-x top;}
#maincontent {margin:0px auto; width:1000px;}
#rightcontent { margin-right:10px; float:right; width:300px;}
#leftContent {padding:10px; width:620px;}
/*
----------------------------------------------------------------------------
********************************* MAIN LAYOUT ********************************
----------------------------------------------------------------------------
*/
#site_header{margin:0px auto; height:145px; width:100%; background-color:#1c1c1c}
#header{width:1000px; margin:0 auto;}
#site_logo{padding-top:5px; width:300px; margin-left:-10px}
#site_slogan {text-align:left; font-weight:normal; font-family: NeoSansRegular, Arial, Sans-serif; color:#FFFFFF; font-size:14px; margin-bottom:10px; margin-top:-100px; margin-left:130px;}
#site_slogan h1{font-size:40px; margin-bottom:10px;}
#navi{float:right; font-size:30px; font-weight:bold; margin-top:60px; width:600px;}
#navi a{text-decoration:none; padding:10px; color:#00a6eb; line-height:35px}
#navi a:hover{text-decoration:none; padding:10px; background-color:#0470ae; color:#FFF; line-height:35px}
.navi_current{text-decoration:none; border-bottom:3px solid #00a6eb; color:#FFF; line-height:35px}
#navi ul{ list-style:none;}
#navi li{font-family: NeoSansRegular, Arial, Sans-serif; float:right; font-size:28px; margin-left:5px;}
/* ----------------------HOMEPAGE LATEST------------------------*/
.homesplash{width:359px; float:right; padding:10px 20px; margin:60px 30px 10px 0; -moz-border-radius:10px 10px; -webkit-border-radius: 10px; background-color:#fff; box-shadow: 0 1px 3px rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); position:relative;}
.strap_latest{float:right; background:url(../images/strap_latest.png) no-repeat; top:-14px; right:-14px; height:100px; width:100px; height:100px; position:absolute}
/* ----------------------PART1 SECTION ------------------------*/
#part1 {background:url(../images/bkg_part1.png) repeat-x bottom #f3f3f3; height:500px; padding:20px 0px 0 30px; position: relative;}
#part1 h2{font-family: NeoSansRegular, Arial, Sans-serif; font-size:55px; font-weight:normal; letter-spacing:-4px; line-height:60px; color:#00a6eb;}
#part1 h3{font-size:1.6em; font-weight:normal; margin-bottom:2px; color:#333; padding:5px 0; line-height:25px;}
#part1 h4{font-size:2em; color:#666;}
#part1 h5{padding:20px 0;}
#part1 p{float:right; width:340px; height:600px; margin-top:4px; background:url(../images/design_studio_in_a_box.png) 0px 110px no-repeat;}
#part1 ul{padding:20px; color:#fff; margin-left:-20px; margin-right:10px; list-style:none; text-align:center; margin-top:-10px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
#part1 li{float:left; margin-right:10px; padding:2px 10px; background-color:#00a6eb; -moz-border-radius:10px; -webkit-border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.part1_buttons{font-size:32px; letter-spacing:-2px; color:#FFF; line-height:45px;}
#part1 li span{font-size:16px; color:#ccc}
#part1 ul a{text-decoration:none; color:#FFF;}
#part1 li:hover{background-color:#333}
#part2 {padding:20px 40px; position: relative; background:#fff;}
#part2 h1{font-size:3em; color:#00a6eb; margin-top:30px; line-height:40px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
#part2 h2{font-size:1.8em; font-weight:bold; color:#333; line-height:25px; font-family: NeoSansRegular, Arial, Sans-serif; font-weight:normal; letter-spacing:-1px;}
#part2 span{font-size:.8em; font-style:italic; color:#00a6eb; font-weight:normal }
#part2 ul{list-style:none; width:100%;}
#part2 li{width:370px; float:left; padding:20px; margin:10px; height:460px; -moz-border-radius:10px 10px; -webkit-border-radius: 10px; background-color:#f0f0f0; box-shadow: 0 1px 3px rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); position:relative}
#part2 li img{border:3px solid #ccc; background-color:#FFF;}
#part2 li .strap_guru{float:right; background:url(../images/strap_guru.png) no-repeat; top:-14px; right:-14px; height:100px; width:100px; height:100px; position:absolute}
#part2 li .strap_expert{float:right; background:url(../images/strap_expert.png) no-repeat; top:-14px; right:-14px; height:100px; width:100px; height:100px; position:absolute}
#part3 {background:#fff; padding:20px 30px; position: relative}
#part3 h1{font-size:3em; color:#00a6eb; margin-top:30px; line-height:40px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
#part3 h2{font-size:1.6em; font-weight:normal; color:#666; width:475px; padding:20px 0; line-height:25px;}
#part3 ul{list-style:none;}
#part3 li{border:1px dashed #ccc; padding:20px; margin-top:4px; margin-left:-30px; margin-bottom:30px; -moz-border-radius:10px 10px; -webkit-border-radius: 10px; background:#00a6eb; color:#FFF; font-weight:bold; font-size:16px;}
#part3 li a{color:#FFF;}
#part4 {background:#333; padding:20px 40px; position: relative; color:#FFF}
#part4 h2{font-size:2em; color:#00a6eb; margin-top:30px; line-height:40px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
#part4 h3{font-size:1.6em; font-weight:normal; color:#666; padding:20px 0; line-height:25px;}
#part4 ul{list-style:none;}
#part4 li{border:1px dashed #ccc; padding:20px; margin-top:4px; margin-left:-30px; margin-bottom:10px; -moz-border-radius:10px; -webkit-border-radius: 10px;}
/* portfolio page */
#part5 {padding:20px 40px; position: relative; background:#fff;}
#part5 h1{font-size:3em; color:#00a6eb; margin-top:30px; line-height:40px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
#part5 h2{font-size:2em; font-weight:bold; color:#333; padding:10px 0; font-family: NeoSansRegular, Arial, Sans-serif; font-weight:normal; letter-spacing:-1px; text-align:left; line-height:25px; }
#part5 h3{font-size:1.6em; font-weight:bold; color:#333; padding:10px 0; font-family: NeoSansRegular, Arial, Sans-serif; font-weight:normal; letter-spacing:-1px; text-align:left; line-height:25px; }
#part5 span{font-size:.78em; font-style:italic; color:#00a6eb; font-weight:normal }
#part5 ul{list-style:none; width:100%;}
#part5 li{width:370px; float:left; padding:20px 20px; margin:20px 15px; height:250px; -moz-border-radius:10px 10px; -webkit-border-radius: 10px; background-color:#fff; box-shadow: 0 1px 3px rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); position:relative}
#part5 li:hover{width:370px; float:left; padding:20px 20px; margin:20px 15px; height:250px; -moz-border-radius:10px 10px; -webkit-border-radius: 10px; background-color:#fff; box-shadow: 0 1px 3px rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); position:relative; background:#f0f0f0;}
#part5 li p{display:none; }
#part5 li img{border:0px solid #ccc; background-color:#FFF;}
#part5 li .strap_revamp{float:right; background:url(../images/strap_revamp.png) no-repeat; top:-14px; right:-14px; height:100px; width:100px; height:100px; position:absolute}
#part5 li .strap_interface{float:right; background:url(../images/strap_interface.png) no-repeat; top:-14px; right:-14px; height:100px; width:100px; height:100px; position:absolute}
#part5 li .strap_backend{float:right; background:url(../images/strap_backend.png) no-repeat; top:-14px; right:-14px; height:100px; width:100px; height:100px; position:absolute}
#part5 li .strap_app{float:right; background:url(../images/strap_app_dev.png) no-repeat; top:-14px; right:-14px; height:100px; width:100px; height:100px; position:absolute}
#part5 li .strap_custom{float:right; background:url(../images/strap_custom.png) no-repeat; top:-14px; right:-14px; height:100px; width:100px; height:100px; position:absolute}
#part5 li .strap_recent{float:right; background:url(../images/strap_recent_commission.png) no-repeat; top:-14px; right:-14px; height:100px; width:100px; height:100px; position:absolute}
#part5 li .strap_dev{float:right; background:url(../images/strap_in_dev.png) no-repeat; top:-14px; right:-14px; height:100px; width:100px; height:100px; position:absolute}
#part5 hr{border-bottom:3px solid #ccc; padding:10px 0 0 0 }
#part5 li h2{font-size:1.2em; font-weight:bold; color:#666; padding:10px 0; font-family: NeoSansRegular, Arial, Sans-serif; font-weight:normal; text-align:center}
#part5 li h3{font-size:1.8em; font-weight:bold; color:#333; padding:10px 0; font-family: NeoSansRegular, Arial, Sans-serif; font-weight:normal; letter-spacing:-1px; text-align:left; line-height:25px; }
#part6 {background:#333; padding:20px 40px; position: relative; color:#FFF;}
#part6 h1{font-size:2em; color:#00a6eb; margin-top:30px; line-height:40px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
#part6 h2{font-size:1.2em; font-weight:bold; color:#ccc; padding:5px 0; line-height:25px;}
#part6 ul{list-style:none;}
#part6 li{border:1px dashed #ccc; padding:20px; margin-top:4px; margin-left:-30px; margin-bottom:10px; -moz-border-radius:10px; -webkit-border-radius: 10px;}
#part6 hr{border-bottom:1px solid #ccc; padding:10px 0 0 0 }
#part6 .form_bkg{font-weight:normal}
#footer { margin:20px; padding:10px 0px; position: relative; color:#FFF; text-align:justify}
/* testimonials */
.testimonials {
width : 600px;
background : #fefefe;
border : 1px solid #ccc;
padding : 10px;
font-size : 12px;
}
.testimonials h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;}
/* Comment Bubble */
.bubble {
width: 90% ;
font-size: 1.1em;
font-style:italic;
font-weight:normal;
margin: 0 auto 24px auto;
text-align:left;
background:#333;
padding:10px;
}
#hidden{
display:none;
background-color:#FF9933;
}
/* HOMELISTS */
.home_list{margin:0 5px 0 0px;padding:0;}
.home_list h1{ font-size:18px; text-transform:uppercase;}
.home_list li{list-style:none; text-align:center; padding-bottom:20px; border-bottom:5px solid #ccc; margin-bottom:5px; text-align:left; color:#555}
.list{margin:0 0 0 10px;padding:0;}
.list h1{ font-size:18px; text-transform:uppercase;}
.list li
{
list-style-image:url(../../images/bulletPoint.png);
line-height:20px;
text-align:left;
margin-left:15px;
}
.list a
{
color:#000000;
text-decoration:none;
text-align:left;
}
.list a:hover { color:#eb8d12; text-decoration:none; }
/* Slideshow */
#slideshow-container{position:relative;width:945px; height:507px; border:1px solid #f0f0f0}
#slideshow{ width:943px; height:500px; position:absolute;top:1px;left:1px; }
#slideshow img {
width:943px;
height:500px;
display:block;
position:absolute;
top:0;
left:1px;
z-index:1;
}
a.toc { position:absolute; right:0; top:-40px; z-index:2; display:block; width:22px; height:22px; background: url(../images/folio/sprite.png); background-position:0px -881px; text-indent:-9999px;}
a.toc.active { background: url(../images/folio/sprite.png); background-position:-34px -881px; }
#slideshow #next { position:absolute; top:-40px; right:27px; z-index:2; display:block; width:22px; height:22px; background: url(../images/folio/sprite.png); background-position:-138px -881px; text-indent:-9999px;}
#slideshow #previous { position:absolute; top:-40px; right:200px; z-index:2; display:block; width:22px; height:22px; background: url(../images/folio/sprite.png); background-position:-69px -881px; text-indent:-9999px;}
/* tables */
/* tables */
#tables{margin:0 auto; padding:0; width:900px; border:2px solid #00a6eb}
.table_heading{background-color:#00a6eb; height:30px}
#tables th{border-bottom:2px solid #666; padding:0 5px; background-color:#f0f0f0; text-align:left}
#tables td{border-bottom:1px solid #f0f0f0; padding:0 5px; text-align:left}