/*  
Description: TA Media
Version: 1.0
Author: EGStudio
Author URI: http://www.egstudio.biz/
*/


/** Reset **/

* { margin:0; padding:0; direction:rtl; }
html, body { width:100%; height:100%; background-color:#121212;}
html { overflow-x:hidden; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { font-size:12px; font-family:Arial; text-align:right; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
ol,ul {list-style:none;}
hr { display:block; clear:both; height:1px; border:0; border-top:1px solid #292929; }

.clear { display:block; border:0; height:1px; clear:both; float:none; }
.left { float:left; }
.right { float:right; }


/** Site Defenitions **/

html, body, #wrapper { height: 100%; }
body > #wrapper { height: auto; min-height: 100%; }

#main { padding-bottom: 100px; }  /* must be same height as the footer */
#footer { position: relative; margin-top: -100px; /* negative value of footer height */ height: 100px; clear:both; background: #1c1c1c url(../img/bottom-shade.png) repeat-x top left; text-align:center; } 

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; } /* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; } /* End hide from IE-mac */

#footer .inner, #body .inner, #header .inner, #share .inner { width: 860px; margin: 0 auto; text-align:right; }

#header { height: 320px; background: #000 url(../img/bg1.jpg) no-repeat top center; }
#header .inner { padding-top: 105px; }


/* top text section */
div.toptxt { padding: 5px 0; width:100%; background: url(../img/share-bg.png); text-align:center; }
div.toptxt .wrapper { text-align:right; margin:0 auto; width:860px; }
div.toptxt .wrapper p { color:#777777; }


#share { position:absolute; top:0px; left:0px; width:100%; background: url(../img/share-bg.png); padding: 5px 0 2px; }
#share p { color:#777777;  }
#share p.right { margin-left:10px; }
#share a.addthis_button { margin-left:5px; }

div.addthis_toolbox a:link, div.addthis_toolbox a:visited { display:block; width:16px; height:16px; opacity:0.5; filter:alpha(opacity=50) }
div.addthis_toolbox a:hover {opacity:1; filter:alpha(opacity=100)} 


a.vimeo:link, a.vimeo:visited { display:block; width:89px; height:26px; float:left; background: url(../img/vimeo.gif) no-repeat top left; margin-right:5px; margin-top:-2px;}
a.vimeo:hover { background-position:bottom left;}

.logo { margin-bottom:15px; }

a:link, a:visited { color: #e2373f; text-decoration:none; }
a:hover { color: #fff;  }


#portfolio #header {  background: #000 url(../img/bg2.jpg) no-repeat top center; }
#services #header {  background: #000 url(../img/bg3.jpg) no-repeat top center;; }
#about #header {   background: #000 url(../img/bg4.jpg) no-repeat top center; }
#contact #header {   background: #000 url(../img/bg1.jpg) no-repeat top center; }


/** Navigation **/

.navigation a:link, .navigation a:visited { display:block; height:22px; float:right; background-image: url(../img/nav.png); }

.navigation a.portfolio:link, .navigation a.portfolio:visited { width: 70px; background-position: top right;}
.navigation a.portfolio:hover { background-position: bottom right;}

.navigation a.services:link, .navigation a.services:visited { width: 80px; background-position: 150px 0;}
.navigation a.services:hover { background-position: 150px 22px;}

.navigation a.about:link, .navigation a.about:visited { width: 60px; background-position: 210px 0;}
.navigation a.about:hover { background-position: 210px 22px;}

.navigation a.contact:link, .navigation a.contact:visited { width: 75px; background-position: top left;}
.navigation a.contact:hover { background-position: bottom left;}

#portfolio .portfolio { background-position: bottom right; }
#services .services {  background-position: 150px 22px; }
#about .about {  background-position: 210px 22px; }
#contact .contact {  background-position: bottom left; }


/** Body **/

#body { background: url(../img/body-bg.jpg) no-repeat top center; }
#body h1.main { color: #f5f5f5; font-size: 48px; font-weight:normal; line-height: 1em; padding: 10px 0 15px 0; }
#body hr { margin-bottom:15px; }
#body p { color:#cdcdcd; margin-bottom:15px; }
#body p.intro { font-size:1.2em; color:#868686; width:85%; line-height: 18px;}

#body h2 { font-size:18px; margin-bottom:15px; font-weight: normal; }
#body h2 a:link, #body h2 a:visited { color:#a9a9a9;  }
#body h2 a:hover { color:#e2373f; }

#featured { margin-bottom: 60px; }
#featured .box { width: 200px; height: 150px; float:right; margin-left:20px; }
#featured .box .content { background: url(../img/red-bg.png); padding: 20px; padding-top:25px; text-align:center; height:105px; display:none; cursor:pointer; }
#featured .box .content span { display:block; color:#fff; }
#featured .box .content span.large { font-weight: bold; font-size: 48px; line-height:1em; }
#featured .box .content span.name { text-transform:uppercase; font-weight: bold; font-size: 18px; }

#body div.entry { width: 620px; float:right; }


#body div.serviceblock { width: 300px; float:right; margin-left:10px; margin-bottom:15px; }
#body div.serviceblock .imgholder { width: 70px; float:right;}
#body div.serviceblock .contentholder { width: 180px; float:right; padding-left:0; }
#body div.serviceblock h2 { color:#cdcdcd; font-size:18px; margin-bottom:5px; font-weight:bold; }
#body div.serviceblock img { width:60px; }
#body div.serviceblock p { }

#body div.leftcol { width: 180px; margin-right:30px; float:right; background:#1a1a1a; padding:15px 15px 30px; }
#body div.leftcol h3 { color:#868686; margin-bottom:15px; font-size:14px; }
#body div.leftcol a.pdf:link, #body div.leftcol a.pdf:visited { display:block; background: url(../img/pdf.png) no-repeat center right; padding-right: 18px; color:#cdcdcd; }
#body div.leftcol a.pdf:hover { color:#e2373f; }

#body div.leftcol ul.process {  }
#body div.leftcol ul.process li { margin:0; }
#body div.leftcol ul.process li h4 { font-size:12px; color:#cdcdcd; }
#body div.leftcol ul.process li p { font-size:11px; color:#cdcdcd; margin-bottom:10px; }

#body div.leftcol ul.process li:hover h4 { color:#e2373f; }
#body div.leftcol ul.process li:hover p { color:#e2373f; }

#body div.leftcol ul.services ul {  line-height:1.8em; }
#body div.leftcol ul.services li { color:#cdcdcd; margin-bottom:5px; }

/* Portfolio */



div.project { height:185px; background: url(../img/divider.png) no-repeat bottom center; margin-bottom:30px;}
div.project .gallery { float: right; width:530px;}
div.project .gallery img { border: 3px solid #1c1c1c; }
div.project .gallery ul { list-style: none; }
div.project .gallery ul li { display:block; float: right;  }
div.project .gallery li a:link, div.project .gallery li a:visited { display:block; padding:2px 5px; color:#625f4e; font-size:11px;  }
div.project .gallery li a:hover{ background-color:#1c1c1c;  color:#837f67; font-size:11px;  }
div.project .gallery li.selected a:link, div.project .gallery li.selected a:visited { display:block; font-weight:bold; background-color:#1c1c1c; padding:2px 5px; color:#837f67; font-size:11px;  }

div.loader { width:500px; height:151px; background: url(../img/ajax-loader.gif) no-repeat center center; }

div.project a.button:link, div.project a.button:visited { display:block; width:69px; height:22px; background: url(../img/watch.png) no-repeat top left; text-indent:-9000px; }
div.project a.button:hover { background-position: bottom left; }

div.project .case { float:right; width:300px; }
div.project .case h3 { color:#cdcdcd; font-size:14px;  margin-bottom:5px; } 
div.project:last-child {background: transparent; margin-bottom: 60px; }

/* modal window - deprecated version

div.clipview { display:none; position:fixed; width:100%; height:100%; z-index:1000; background:url(../img/share-bg.png); text-align:center; top:0; left:0; overflow-y:hidden; }
div.clipview .wrapper {  display:none; position:relative; background:#000; margin:0 auto; margin-top:10%; width:400px; padding:20px; }
div.clipview a.close:link, div.clipview a.close:visited { diaply:block; width:25px; height:29px; background: url(../img/x.png); position:absolute; right:-10px; top:-10px; }

 */

/* form */

form.std { margin-bottom: 60px; }
form.std .col { width:250px; float:right; margin-left:40px; border-left: 1px dotted #484848; }
form.std .col h3 { color:#e3e3e3; font-weight:bold; font-size:12x; margin-bottom:5px; }
form.std .col p { color:#bbb; margin-bottom:30px; }
form.std .col dl { color:#bbb; line-height:2em; }
form.std .col dl dd { float:right; clear:right; width:80px; font-size:11px; }
form.std .col dl dt { font-size:11px; width:120px; float:right; }
form.std .col dl dt p { font-size:11px; line-height:15px; padding-top:3px; }

form.std .form { width:480px; float:right; }
form.std .form label { font-size:11px; font-weight:bold; color:#bbb; display:block; float:right; width:130px; }
form.std .form label span { font-size:11px; font-weight:normal; color:#454545; display:block; }

form.std .form input[type="text"], form.std  .form textarea { background:#fff; border:0; font-size:14px; font-weight:bold; padding:5px; margin-bottom:20px; width:240px; }
form.std .form textarea { margin-bottom:15px; height:100px; }

form.std .bottom { width: 670px; }
form.std .bottom input[type="image"] {float:left;}

div.errors { padding: 10px; margin-bottom:30px; background: #bf4747; color:#fff; border: 1px dotted #7f2f2f; }
div.success {  padding: 10px; margin-bottom:200px; background: #7fbf5f; color:#fff; border: 1px dotted #4a7f2f; }


#main { padding-bottom: 100px; }  /* must be same height as the footer */
#footer { position: relative; margin-top: -100px; /* negative value of footer height */ height: 100px; clear:both; background: #1c1c1c url(../img/bottom-shade.png) repeat-x top left; text-align:center; } 


#contact #main {  padding-bottom: 50px;   }
#contact #footer {  margin-top: -50px; height: 50px;  }
#contact #footer .contact {display:none;}
#contact #footer .bottom { padding-top:15px; }


/** footer **/

#footer .bottom  {}
#footer .bottom a:link, #footer .bottom a:visited { color:#585858; }
#footer .bottom p { font-size:0.9em; color:#585858; }
#footer .contact { padding-top:10px; margin-bottom: 45px; }
#footer .contact p { color: #a9a9a9;  }
#footer .contact a:link, #footer .contact a:visited { color:#a9a9a9; }
#footer .contact a:hover, #footer .bottom a:hover { color:#fff; }
#footer ul { float:left; }
#footer ul li { display: inline; font-size:0.9em; color:#585858; }

/** Pop window **/

#popup { text-align:center;  }
#popup .wrapper{ text-align:right; width:400px; margin:0 auto; padding-top:20px; }
#popup #flashcontent { width:400px; height:300px; text-align:center; background: url(../img/winbg.jpg) no-repeat top left; }
#popup #flashcontent p { text-align:center; color:#cdcdcd; margin-bottom:15px;  padding-top:100px;}
#popup #flashcontent span { display:block; }