/* OVERIT MEDIA */

/* COLOR GLOSSARY

HEADER
------
Dark Blue: #233e6f
Light Blue: #5476b3        border
Submit bg: #d0ddf0
Submit text: #5476b3
Submit border: #687ea3

SIDEBAR
-------
Background: #edede1
RED H2: #d86137
RED H2 Underline: #d1d1cc OR #dadad3
BLUE H3: #345fa3
BLACK Text: #010101

LINKS
-----
BLUE COLOR: #345fa3
BLUE UNDERLINE: #90a6c2 OR #bfc9d1

FOOTER
------
GRAY BG: #d5d5ce

*/

* { margin:0; padding:0; }
body { font:62.5% Tahoma, sans-serif; color:#010101; background:#fff url(../images/bg_container.jpg) bottom left repeat-x; }



.wrapper { width:760px; margin:0 auto; }
#container { background:#fff url(../images/faux_cols.jpg) repeat-y; }
#indexpg #container { background-image:none; }
#container:after { content:"."; visibility:hidden; display:block; clear:both; height:1px; }

a { color:#345fa3; text-decoration:underline; }
a:hover { text-decoration:none; }

div#header { background-color:#233e6f; color:#fff; border-bottom:25px solid #5476b3; height:1%; }
div#header:after { clear:both; display:block; content:"."; height:0; visibility:hidden; }
div#header h3 { float:left; width:420px; height:88px; background:transparent url(../images/bg_banner.gif) top left no-repeat; }
div#header h3 a { /*display:none;*/ display:block; width:175px; height:88px; text-indent:-9999px; }
div#header ul#nav { list-style:none; display:block; float:right; width:300px; text-align:right; margin-top:40px; }
div#header ul#nav li { display:inline; margin:0 1em 0 0; background:transparent url(../images/li_nav.gif) center left no-repeat; }
div#header ul#nav li#first { background-image:none; }
div#header ul#nav li a { color:#fff; text-decoration:none; text-transform:lowercase; border:0; margin-left:1em; }
div#header ul#nav li a:hover { text-decoration:underline; }
div#header form { text-align:right; padding:5px 6px 0 0; }
div#header form input { width:145px; background-color:#fff; border:1px solid #687ea3; padding:0.2em 0.2em 0.3em 0.2em; margin-top:5px; }
div#header form input#signup { width:50px; border:1px solid #687ea3; color:#5476b3; font-size:0.9em; text-align:center; text-transform:lowercase; background-color:#d0ddf0; }

div#content { width:510px;  min-height:435px; height:auto !important; height:435px; float:left; margin-top:7px; }
#indexpg div#content { width:527px; margin-top:0; }

ul#services { list-style:none; }
ul#services li { display:block; float:left; position:relative; }
ul#services li#video { width:255px; height:164px; background:transparent url(../images/bg_video.jpg) top left no-repeat; }
ul#services li#photography { width:270px; height:164px; background:transparent url(../images/bg_photography.jpg) top left no-repeat; }
ul#services li#weddings { width:255px; height:163px; background:transparent url(../images/bg_weddings.jpg) top left no-repeat; }
ul#services li#duplication { width:270px; height:163px; background:transparent url(../images/bg_duplication.jpg) top left no-repeat; }
ul#services li#transfers { width:255px; height:165px; background:transparent url(../images/bg_transfers.jpg) top left no-repeat; }
ul#services li#rental { width:270px; height:165px; background:transparent url(../images/bg_rental.jpg) top left no-repeat; }
ul#services li h2 { }
ul#services li h2 a { display:block; height:160px; text-decoration:none;  }
ul#services li h2 span { visibility:hidden; }
ul#services li p { display:none; }

div.htmlarea { padding:10px 10px 20px 0; font-size:1.2em; margin-left:13px; }

div.htmlarea h1,
div.htmlarea h2,
div.htmlarea h3,
div.htmlarea h4,
div.htmlarea h5,
div.htmlarea h6 { font-family:Georgia, serif; padding-bottom:0.2em; }
div.htmlarea h1 { font-size:2.2em; color:#5476b3; }
div.htmlarea h1#pagetitle { font-size:2.3em; color:#d86137; }
div.htmlarea h2 { font-size:1.4em; }
div.htmlarea h3 { font-size:1.2em; }
div.htmlarea h4 { font-size:1.1em; color:#d86137; }
div.htmlarea h5 { font-size:1.1em; font-family:Tahoma, sans-serif; }
div.htmlarea h6 { font-size:1.1em; font-family:Tahoma, sans-serif; }
div.htmlarea p { margin-bottom:1em; }
div.htmlarea ul { margin:0 0 1em 25px; }
div.htmlarea dl { }
div.htmlarea dl dt { margin-bottom:0.1em; font:1.6em Georgia, serif; }
div.htmlarea dl dd { margin-bottom:1.5em; }
div.htmlarea a { color:#d86137; }
div.htmlarea a:hover { text-decoration:none; }

div.htmlarea table { width:100%; border:2px solid #000; border-collapse:collapse; font-size:0.9em; }
div.htmlarea table * { border:0; }
div.htmlarea td { border-top:1px solid #000; border-left:1px solid #000; padding:2px; background:#f7f7f7; }

#didyouknow {padding-left:16px;}

div#sidebar { width:247px; margin-top:7px; float:right; background-color:#edede1; }
#indexpg div#sidebar { width:230px; min-height:485px; height:auto !important; height:485px; }
div#sidebar h3 { color:#d86137; border-bottom:1px solid #d1d1cc; margin:8px 8px; font:1.6em Georgia, serif; padding-bottom:0.2em; }
div#sidebar h3 a { color:#d86137; text-decoration:none; }
div#sidebar h3 a:hover { text-decoration:none; }
div#sidebar h4 { color:#345fa3; font:1.7em "Trebuchet MS", serif; margin:4px 8px; line-height:16px; }
div#sidebar p { margin:0 8px 8px 8px; font-size:1.1em; }
div#sidebar a#readmore { display:block; margin:0.5em 0 0.8em 0; }
div#sidebar address { display:block; font-size:1.2em; font-style:normal; margin:8px 8px 15px 8px; }
div#sidebar p.paypal { margin:0 0 1em 0; }
div#sidebar a { border:0px; outline:0px; }
div#sidebar img { border:0px; outline:0px; }

ul.gallery { display:block; margin:0 0 30px 0 !important; padding:0 !important; list-style:none; }
ul.gallery li { display:block; width:160px; height:155px; float:left; }
ul.gallery li a { }
ul.gallery li a img { border-width:1px; }

ul#sm_services { list-style:none; display:block; width:247px; }
ul#sm_services li { display:block; }
ul#sm_services li a { display:block; }
ul#sm_services li span { display:none; }
ul#sm_services li#video a { width:247px; height:63px; background:transparent url(../images/bg_sm_video.jpg) top left no-repeat; }
ul#sm_services li#photography a { width:247px; height:69px; background:transparent url(../images/bg_sm_photography.jpg) top left no-repeat; }
ul#sm_services li#weddings a { width:247px; height:73px; background:transparent url(../images/bg_sm_weddings.jpg) top left no-repeat; }
ul#sm_services li#duplication a { width:247px; height:70px; background:transparent url(../images/bg_sm_duplication.jpg) top left no-repeat; }
ul#sm_services li#transfers a { width:247px; height:70px; background:transparent url(../images/bg_sm_transfers.jpg) top left no-repeat; }
ul#sm_services li#rental a { width:247px; height:70px; background:transparent url(../images/bg_sm_rental.jpg) top left no-repeat; }
ul#sm_services li#entertainment a { width:247px; height:88px; background:transparent url(../images/bg_sm_entertainment.jpg) top left no-repeat; }

.section { clear:both; padding:15px 0 0 0; min-height:105px; height:auto !important; height:105px; }
.section:after { content:"."; clear:both; display:block; height:1px; visibility:hidden; }
.section .thumbnail { float:left; width:100px; height:100px; }
.section .thumbnail img { border:1px solid #d86137; display:block; margin:6px 0 0 0; }
.section .details { float:right; width: 360px; padding:0 18px 0 0; }
.section .details h1 { margin:0 0 3px 0; padding:0; }
.section .details h2 { margin:0 0 3px 0; padding:0; font-size:1.3em; }

.service { margin-bottom:2em; }

/*-------------------------------- 

    VIDEO PRODUCTION 
    
--------------------------------*/
.section .thumbnail2 { display:block; float:right; width:100px; height:50px; }
.section .thumbnail2 img { float:right; width:50px; height:50px; }
.section div.employ { position:relative; top:121px; left:0px; }
.section div.commercials { position:relative; top:182px; left:0px; }
.section div.salesmarket { position:relative; top:217px; left:0px; }
.section div.document { position:relative; top:295px; left:0px; }
.section div.projection { position:relative; top:357px; left:0px; }


/*-------------------------------- 

    PHOTOGRAPHY 
    
--------------------------------*/

dl#photos { margin:10px 20px 0 0; }
dl#photos dt { clear:both; font-size:2em; border-bottom:1px solid #d86137; color:#d86137; }
dl#photos dd { }
dl#photos dd ul { list-style:none; margin:10px 0 0 0; padding:0; }
dl#photos dd ul li { display:block; width:50%; float:left; font-size:1.2em; height:90px; }
dl#photos dd ul li a { text-decoration:none; display:block; padding-right:10px; color:#000; height:67px; }
dl#photos dd ul li a img { display:block; float:left; margin:0 10px 0 0; border:1px solid #d86137; }

ul#photoGallery { list-style:none; display:block; padding:20px 0 60px 0; margin:0; }
ul#photoGallery:after { content:"."; height:1px; display:block; clear:both; visibility:hidden; }
ul#photoGallery li { display:block; float:left; width:150px; height:142px; text-align:center; }
ul#photoGallery li a { }
ul#photoGallery li a img { border:1px solid #d86137; }

div#related { clear:both; }

div.product { clear:both; padding:15px 0 0 0; }
div.paypal { float:right; width:100px; height:65px; }



div#footer { clear:both; height:50px; }
#indexpg #footer { padding-top:5px; }
div#footer h6 { font-weight:normal; font-size:1em; height:50px; padding:32px 0 0 5px; background:#fff url(../images/bg_footer.jpg) top left repeat-x; letter-spacing:0.1em; }
#indexpg div#footer h6 { margin-left:13px; }
div#footer h6 a { color:#010101; text-decoration:none; }
div#footer h6 a:hover { text-decoration:underline; }