/*
Theme Name: Studio Web Creative
Author: Studio Web Creative
*/
body {
margin:0;
padding:0;
background:#191919;
}
.header1 {
background:url(images/header1.gif) repeat-x;
height:19px;
}
.header2 {
background:url(images/header2.gif) repeat-x;
height:135px;
}
.header2-in {
background:url(images/header-in.jpg) no-repeat center top;
height:135px;
}
.header2-in2 {
height:135px;
width:920px;
margin:0 auto;
}
.logo {
float:left;
margin-top:41px;
}
.nav {
float:right;
margin-top:88px;
}
.nav ul {
margin:0;
padding:0;
list-style:none;
float:right;
}
.nav ul li {
float:left;
}
.nav ul li a {
display:block;
text-decoration:none;
color:#fff;
text-indent:-9999px;
height:30px;
}
#home a {
background:url(images/home.gif) no-repeat;
width:56px;
}
#about a {
background:url(images/about.gif) no-repeat;
width:90px;
}
#service a {
background:url(images/service.gif) no-repeat;
width:69px;
}
#portfolio a {
background:url(images/portfolio.gif) no-repeat;
width:92px;
}
#contact a {
background:url(images/contact.gif) no-repeat;
width:83px;
}
#home a:hover {
background:url(images/homeh.gif) no-repeat;
width:56px;
}
#about a:hover  {
background:url(images/abouth.gif) no-repeat;
width:90px;
}
#service a:hover  {
background:url(images/serviceh.gif) no-repeat;
width:69px;
}
#portfolio a:hover  {
background:url(images/portfolioh.gif) no-repeat;
width:92px;
}
#contact a:hover  {
background:url(images/contacth.gif) no-repeat;
width:83px;
}

.header3 {
background:url(images/header3.gif) repeat-x;
height:35px;
}
.content-top {
clear:both;
background:#2c719a;
}
.ct2 {
background:url(images/ct2.gif) repeat-x left top;
}
.ct3 {
background:url(images/ct3.gif) repeat-x left bottom;
}
.ct4 {
background:url(images/ct4.gif) repeat-y center top;
}
.ct5 {
background:url(images/ct5.gif) no-repeat center top;
}
.ct6 {
background:url(images/ct6.gif) no-repeat center bottom;
}
.content-top-in {
width:920px;
margin:0 auto;
height:100%;
overflow:hidden;
font:11px Arial, Helvetica, sans-serif;
color:#fff;
line-height:135%;
}
.cbox1 {
float:left;
width:435px;
margin:45px 0 0 10px;
display:inline;
}
.content-top-in p {
margin:0 0 10px 0;
padding:3px 0 2px 0;
}
.cbox2 {
width:420px;
float:right;
margin:45px 10px 0 0;
display:inline;
}
.f18 {
font-size:18px;
}
.f14 {
font-size:14px;
}
.skyblue {
color:#ade0ff;
}
.content-top a {
color:#ade0ff;
}
.content-top a:hover {
text-decoration:underline;
}
.content {
clear:both;
background:#222 url(images/cm2.gif) repeat-x left bottom;
}
.content2 {
background:url(images/cm.gif) repeat-x left top;
height:100%;
overflow:hidden;
}
.content3 {
width:908px;
margin:0 auto;
padding:17px 0 40px 12px;
height:100%;
overflow:hidden;
font:11px Arial, Helvetica, sans-serif;
color:#fff;
line-height:135%;
}
.content3 p {
margin:10px 0;
}
.content a {
color:#63b5e6;
text-decoration:none;
}
.content a:hover {
text-decoration:underline;
}
h6 {
font-size:11px;
}
h5 {
font-size:13px;
}
h4 {
font-size:15px;
}
h3 {
font-size:17px;
}
h2 {
font-size:20px;
}
h1 {
font-size:23px;
}
.swpic a img {
border-color:#fff !important;
}
.swpic a:hover img {
border-color:#63b5e6 !important;
}
.swpic img {
float:left;
width:204px;
height:155px;
margin-right:13px;
margin-bottom:13px;
}
.swpic a {
color:#fff;
}
.swpic a:hover{
color:#63b5e6;
}
.footer {
background:url(images/footer.gif) repeat-x;
height:98px;
}
.footer-in {
width:920px;
margin:0 auto;
color:#fff;
font:12px Arial, Helvetica, sans-serif;
text-align:center;
}
.flinks {
padding-top:32px;
height:25px;
}
.flinks a {
color:#fff;
text-decoration:none;
margin:0 7px;
}
.flinks a:hover {
color:#63b5e6;
}
.copytxt {
color:#ccc;
}
.copytxt a {
color:#63b5e6;
text-decoration:none;
}
.copytxt a:hover {
color:#fff;
}
.post-title {
font:normal 23px Arial, Helvetica, sans-serif;
color:#63b5e6;
margin-top:0px;
}
.post-text {
height:100%;
overflow:hidden;
line-height:155%;
font-size:12px;
}
.post-text p {
margin:0 0 12px 0;
}

.withborder1 {
border:1px solid #fff;
}
.withborder2 {
border:2px solid #fff;
}
.withborder3 {
border:3px solid #fff;
}
.withborder4 {
border:4px solid #fff;
}
.withborder5 {
border:5px solid #fff;
}
.aligncenter {
margin:0 auto;
text-align:center;
}
.alignleft {
float:left;
margin-right:10px;
margin-bottom:2px;
}
.alignright {
margin-left:10px;
margin-bottom:2px;
float:right;
}
.main {
float:left;
width:680px;
}
.sidebar {
float:right;
width:200px;
}
#menu {
margin:0;
padding:0;
list-style:none;
}
#menu ul {
margin:0;
padding:0;
list-style:none;
}
#menu li {
display:block;
padding:8px 5px 0 5px;
width:185px;
margin-bottom:3px;
}

.toggle {
cursor:pointer;
font:normal 15px Arial, Helvetica, sans-serif;
line-height:23px;
font-style:italic;
color:#63b5e6;
margin-top:10px;
}
.toggle li {
font:normal 12px Arial, Helvetica, sans-serif;
line-height:130%;
border-bottom:1px dotted #333;
}
.toggle li a {
color:#ade0ff;
}

#menu li li {
padding:2px 5px 2px 14px;
margin:4px 0 4px 5px;
width:161px;
font-style:normal;
background:url(images/bullet.gif) no-repeat left center;
}
.toggle li a:hover {
text-decoration:none;
color:#fff;
}
.options {
border-top:1px solid #333;
}
.rpap {
height:100%;
overflow:hidden;
margin:30px 0;
}
.rpap a img {
margin-right:20px;
}
.rpap h2 {
font:normal 20px Arial, Helvetica, sans-serif;
line-height:100%;
color:#63b5e6;
margin:8px 0px 5px 0px;
}
.rpap strong, .rpap b {
font-weight:bold;
color:#63b5e6;
}
.rpap a:hover {
color:#fff;
}