body, html {
font-family:arial, helevtica, sans-serif;
font-size:10pt;
margin:0;
padding:0;
line-height: 13pt;
}

a img {
border: none;
} 

p.first {
font-family:arial, helevtica, sans-serif;
font-size:10pt;
margin:0;
padding:0;
line-height: 13pt;
text-align:left;
padding-top: 1px;
}

p.first_phone {
font-family:arial, helevtica, sans-serif;
font-size:9pt;
margin:0;
padding:0;
text-align:left;
color:#cccccc;
}

p.second {
font-size:8pt;
line-height: 10pt;
color:#000000;
margin: 0;
padding: 0;
}

p.second a{
font-size:8pt;
line-height: 10pt;
color:#000000;
margin: 0;
padding: 0;
}

p.third {
font-size:10pt;
color:#0066ff;
margin: 0;
padding: 0;
text-decoration:none;
}

p.third a{
font-size:10pt;
color:#0066ff;
margin: 0;
padding: 0;
text-decoration:none;
}

p.forth {
font-size:9pt;
font-weight:bold;
color:#666666;
margin: 3px 0px 0px 0px;
text-decoration:none;
}

p.fith {
font-size: 8pt;
color:#0066ff;
margin: 0;
padding: 0;
text-decoration:none;
line-height: 10pt;
text-decoration:none;
}

p.sixth {
font-size: 9px;
color:#333333;
margin-bottom: -4px;
padding: 0;
text-decoration:none;
line-height: 9pt;
text-decoration:none;
}

h1 {
font-family: Georgia,"Trebuchet MS","Times New Roman",Times,serif;
font-weight: normal;
font-size: 30pt;
line-height:normal;
letter-spacing: normal;
margin-top: 0;
padding-top:20px;
margin-bottom: 10px;
padding-right: 20px;
font-style: normal;
color:#333333;
}

h2 {
font-family: Georgia;
font-size: 24px;
line-height: 30px;
font-weight: normal;
color:#0066FF;
margin-top: 0px;
margin-bottom: 0px;
}

h3 {
font-family: Georgia;
font-size: 17px;
line-height:normal;
font-weight: normal;
color: #333333;
margin-top: 0px;
margin-bottom: 0px;
}

h4 {
font-family: Georgia;
font-style: italic;
font-weight: bold; 
line-height:normal;
font-size: 14px;
color:#666666;
margin-top: 5px;
margin-bottom: 5px;
}

h5 {
font-family: Georgia;
font-size: 22px;
font-weight: normal;
line-height:normal;
color: #333333;
margin-top: 0px;
margin-bottom: 0px;
}

h6 {
font-family: Georgia;
font-size: 20px;
font-style: italic;
font-weight: bold;
line-height:normal;
color: #0066ff;
margin-top: 2px;
margin-bottom: 0px;
}

hr {
color:#999999;
outline: thin;
}

/* 
hr {
margin-top: 20px;
margin-bottom: 20px;
color:#999999;
}

.hr1 {
margin-top: 10px;
margin-bottom: 10px;
color:#999999;
}
*/
a {
color:#333333;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a:visited {
text-decoration:none
}

ul {
list-style-type:none;
padding: 0px;
margin-top:15px;
text-align:left;
}

li {
padding: 0;
margin: 0;
line-height: 20px;
}

.outer-holder {
width:100%;
}

.header-outer {
height:100px;
width:100%;
background:url(images/bgjpg.jpg) repeat-x 0 0;
}

.header-inner {
width:980px;
height:100%;
margin:0 auto;
}

.header-top {
width:980px;
height:70px;
}

.header-top img {
margin-top:20px;
}

.top-navigation {
width:980px;
height:30px;
background:url(Images/navbarbg.jpg) repeat-x 0 0;
}

.top-navigation-left {
width:740px;
height:100%;
float:left;
}

.top-navigation-right {
width:215px;
height:20px;
float:right;
padding-top:5px;
margin-left:25px;
}

.top-navigation a, 
.top-navigation a:active, 
.top-navigation a:link, 
.top-navigation a:focus, 
.top-navigation a:visited {
display:block;
float:left;
height:20px;
padding:5px;
font-size:1em;
background:#000;
color:#fff;
margin-right:5px;
text-decoration:none;
width:50px;
text-align:center;
}

.top-navigation a:hover {
background:#0066ff;
}

.top-navigation a.current-page,
.top-navigation a.current-page:active,
.top-navigation a.current-page:link,
.top-navigation a.current-page:focus,
.top-navigation a.current-page:visited {
background:#fff;
color:#000;
}

.inner-holder {
margin:0 auto;
width:980px;
}

.content-left {
width:740px;
margin-right:240px;
position:relative;
}

.content-left-about {
width: 100%;
margin-bottom:5px;
margin-top: 10px;
 }
 
.about-left {
width: 71px;
position:inherit;
margin-right: 12px;
float: left;
margin-bottom: 20px;
text-align:right;
vertical-align:text-bottom;
}

.about-left img {
padding-top: 3px;
}

.about-left h4 {
margin-top:0;
}

.about-right {
width: 657px;
float:right;
display:inline-block;
margin-bottom: 10px;
margin-top: 0px;
}

.client-holder {
width:100%;
margin:10px 0;
display:inline-block;
}

.client-item {
height:100%;
width:115px;
float:left;
}

.client-item img {
border:0;
}

a.client-item-image-link,
a.client-item-image-link:link,
a.client-item-image-link:active,
a.client-item-image-link:focus,
a.client-item-image-link:visited {
padding-top:4px;
border-top:4px solid #FFFFFF;
border-bottom:0;
border-left:0;
border-right:0;
margin:0;
display:block;
}

a.client-item-image-link:hover {
border-top:4px solid #0066FF;
}

.latest-work-holder {
width:100%;
margin:10px 0px 0px 0px;
display:inline-block;
}

.latest-work-item {
height:100%;
width:236px;
float:left;
}

.latest-work-item img {
border:0;
}

a.latest-work-image-link,
a.latest-work-image-link:link,
a.latest-work-image-link:active,
a.latest-work-image-link:focus,
a.latest-work-image-link:visited {
padding-top:4px;
border-top:4px solid #FFFFFF;
border-bottom:0;
border-left:0;
border-right:0;
margin:0;
display:block;
}

a.latest-work-image-link:hover {
border-top:4px solid #0066FF;
}

.img-holder{
margin:20px 0px 15px 0px;
}

.img-holder_blog {
margin:20px 0px 15px 0px;
padding-top:5px;
}

.content-right {
position:absolute;
top:0;
right:-260px;
background:url(Images/right%20col%20image.jpg) no-repeat ;
padding-left: 0px;
width:240px;
margin-left:10px;
height:100%;
}

.production-caption {
height:0px; 
margin-top:15px; 
margin-bottom:30px
}
.right-content-format {
margin: 40px 0 0 14px;
padding-right: 22px;
}

.right-content-format h5, .right-content-format p {
margin-top: 5px;
padding: 0px;
} 

.right-content-format a {
text-decoration: none;
}

.right-content-format a:hover {
text-decoration: underline;
}

.right-content-format2 {
margin: 27px 0 0 14px;
padding-right: 22px;
}

.right-content-format2 h5, .right-content-format2 p {
margin-top: 3px;
padding: 0px;
} 

.right-content-format2 a {
text-decoration: none;
}

.right-content-format2 a:hover {
text-decoration: underline;
}

.right-content-nav {
margin: 27px 0 0 14px;
padding-right: 10px;
}

.right-content-nav a {
text-decoration: none;
color:#0066FF
}

.right-content-nav a:hover {
color:#333333;
text-decoration: none;
}

.rhc_rule1 {
border-top: 1px solid #999999;
border-bottom: 1px solid #ffffff;
width: 193px;
height: 0px;
margin-top: 5px;
margin-bottom: 10px;
}

.rhc_rule2 {
border-top: 1px solid #999999;
width: 193px;
height: 0px;
padding: 0px; 
margin-top: 5px;
margin-bottom: 10px;
}

.blog {
padding-top: 0px;
}


#margin-top-10px {
margin-top: 10px;
}

.clearspace {
height:40px;
width: 100%;
border:none;
}

.clearspace2 {
height: 20px;
border:none;
}

.footer-holder {
height:160px;
width:100%;
background: url(images/footer2.jpg) repeat-x 0 0;
clear:both;
}

.footer-inner {
height:100%;
width:980px;
margin:0 auto;
}

.footer-inner-left { 
height: 100px;
width: 485px;
display: block;
float:left;
margin-top: 15px;
}

.style1 {
color: #0066FF;
}
/* If I wanna format the bad boy footer later 

.footer-holder a, .footer-holder a:link, .footer-holder a:active, .footer-holder a:focus, .footer-holder a:visted {

}
*/

.footer-holder a:hover {
text-decoration: underline;
}

.footer-holder p {
text-decoration: none;
font-size:12px;
color:#333333;
display:inline;
margin-left:1px;
}

.footer-inner-right { 
height: 100px;
width: 450px;
display: block;
float:left;
margin-top: 15px;
margin-left: 15px;
}

.footer-inner-container-l {
width:200px; 
height:70px; 
display:block; 
margin-top: -10px; 
float: left;
}

.footer-inner-container-r {
width:230px;
height:70px;
display:block;
float: right;
margin-left: 10px;
margin-top: -10px;
}

.footer-rule {
border-top:1px solid #999999;
border-bottom:1px solid #ffffff;
margin: 10px 0 5px 0;
}

#view-folio {
border-top: 1px solid;
border-bottom: 1px solid;
color:#999999;
clear:left; 
margin-bottom: 5px; 
margin-top:20px; 
padding: 4px 0 4px 0
}

#view-folio a {
color: #0066ff;
}

#view-folio a:hover {
text-decoration: underline;
color: #0066ff;
}