/* Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* Top stuff */
html, body{
background: #aaa;
font-family: Helvetica, Arial, sans-serif;
}
a, a:hover, a:visited, a:active{
color: #8190bd;
}
#wrapper{
background: url(img/wrapper_background.png) repeat-y;
margin: 0 auto 0 auto;
padding: 0 7px 0 7px;
width: 982px;
/* remove */ min-height: 350px;
/* IE6 background: #fff; */
}
/* Menu */
#menu{
height: 41px;
background: url(img/menu_background.png) repeat-x;
}
#menu #logo{
margin-left: 13px;
background: url(img/menu_ffp.png) no-repeat;
height: 41px;
width: 31px;
float: left;
}
#menu #buttons{
width: 231px;
float: right;
}
#menu #buttons a{
height: 41px;
display:block;
float: left;
background-repeat: no-repeat;
background-position: top center;
margin-right: 22px;
}
#menu #buttons a:hover{
background-position: center center;
}
#menu #buttons a.active{
background-position: bottom center;
}
#menu #buttons #home{
width: 44px;
background-image: url(img/menu_home.png);
}
#menu #buttons #portfolio{
width: 63px;
background-image: url(img/menu_portfolio.png);
}
#menu #buttons #contact{
width: 58px;
background-image: url(img/menu_contact.png);
}
/* Header */
#header{
padding: 50px 35px 48px 35px;
background: #fcfcfc;
font-size: 15px;
color: #7e7e7e;
}
#header p{
margin-top: -5px;
}
#header img{
margin-left: -5px;
}
#header a{
font-weight: bold;
}
/* Main */
#main{
background: #fafafa;
min-height: 200px;
padding: 35px;
padding-bottom: 35px;
border-bottom: 1px solid #eaeaea;
}
/* boxes */
#main .boxtop, #main .boxbottom{
width: 506px;
height: 8px;
background:url(img/box_top.png) no-repeat;
}
#main .box{
background: url(img/box_background.png) repeat-y;
width: 506px;
padding-top: 10px;
padding-bottom: 2px;
cursor: pointer;
}
#main .testim{
cursor: default;
padding: 0;
background: url(img/testim_background.png) repeat-y;
}
#main .boxbottom{
background-image:url(img/box_bottom.png);
margin-bottom: 27px;
}
#main .testimtop{
background-image: url(img/testim_top.png)
}
#main .testimbottom{
background-image: url(img/testim_bottom.png)
}
#main .box .inside{
width: 470px;
margin-left: 3px;
padding-right: 30px;
padding-top: 8px;
min-height: 214px;
background: url(img/macbook1.png) no-repeat;
text-align: right;
font-size: 13px;
color: #7e7e7e;
}
#main .box2 .inside{
background: url(img/macbook2.png) center left no-repeat;
min-height: 152px;
margin-left: 16px;
padding-right: 30px;
width: 457px;
}
#main .box .text{
padding-left: 205px;
}
#main .box2 .text{
padding-left: 260px;
}
#main .box img{
margin-bottom: 4px;
}
#main .box p{
margin-bottom: 6px;
}
#main .box ul li{
display: block;
width: 470px;
font-size: 14px;
margin: auto;
border-bottom: 1px solid #ddd;
padding: 10px 15px 10px 15px;
color: #676767;
text-shadow: 0 1px 0 #fff;
}
#main .box ul .even{
border-top: 1px solid #fcfcfc;
/*background: #f5f5f5;*/
}
#main .box ul .odd{
border-top: 1px solid #fcfcfc;
border-bottom: none;
}
#main .box ul li .author{
font-weight: bold;
font-size: 11px;
}
/* Main Left */
#mainleft{
float: left;
width: 406px;
}
h2{
font-family: "Myriad Pro";
font-weight: 700;
font-size: 39px;
color: #222;
letter-spacing: -2px;
margin-bottom: -8px;
margin-top: 3px;
}
h3{
font-size: 26px;
color: #343434;
font-family: "Myriad Pro";
font-weight: 700;
letter-spacing: -1px;
margin-right: -4px;
margin-bottom: -4px;
margin-top: 1px;
}
.alt {
font-size: 20px;
}
/*Main right*/
#mainright{
float: right;
width: 474px;
}
#mainright p{
color: #7e7e7e;
margin-bottom: 26px;
font-size: 15px;
}
#mainright h3{
margin-bottom: -10px;
}
#footer{
border-top: 1px solid #fbfbfb;
border-bottom: 1px solid #e6e6e6;
background: #eee;
font-size: 13px;
color: #666;
padding-left: 90px;
}
h5{
font-weight: bold;
color: #343434;
}
.footeritem{
float: left;
padding-top: 27px;
padding-bottom: 27px;
margin-left: 70px;
}
#footer a{
text-decoration: none;
color: inherit;
}
#copyright{
border-top: 1px solid #fbfbfb;
background: #fafafa;
font-size: 13px;
color: #6a6a6a;
text-align: center;
padding: 35px 0 35px 0;
}
/* portfolio */
.portfolioitem{
cursor: pointer;
margin-bottom: 40px;
}
/* Contact */
.contactitems a{
color: #565656;
text-decoration: none;
}
.contactitems{
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #fdfdfd;
}
.contactitems li{
display: block;
width: 100%;
background: #fafafa;
border-top: 1px solid #fdfdfd;
border-bottom: 1px solid #e5e5e5;
padding-top: 40px;
padding-bottom: 30px;
padding-left: 120px;
}
.contactitems .even{
background: #f6f6f6;
}
.contactitems .contacttitle{
width: 90px;
display: block;
float: left;
font-family: Myriad Pro;
font-weight: 700;
font-size: 25px;
color: #343434;
}
.contactitems .contactinfo{
width: 550px;
display: block;
float: left;
font-family: Myriad Pro;
font-weight: 700;
font-size: 25px;
color: #565656;
}
.mainclass{
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
margin: 0 !important;
border-bottom: none !important;
}
.contactcopyright{border-top:none !important;margin-top:0 !important;margin-top:-34px !important;}
#main, #wrapper{
overflow: hidden !important;
}
.lastpfi{
margin-bottom: 0 !important;
}
#screenshots img{margin-right:8px;cursor: pointer;}button{
width: 35%;
background: url(img/button.png) #eee repeat-x;
height: 31px;
border: 1px solid #969698;
-webkit-border-radius: 7px;
font-size: 17px;
font-weight: bold;
color: #3a3a3a;
text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0;
margin-left: 1.6%;
cursor: pointer;
}
button[disabled]{
color: #aaa !important;
cursor: default;
}
form{
display:inline;
}
strong{font-weight:bold;}