/***********************
 Penchant Productions
 MAIN CSS document
 ASAA multimedia
 rahfnoor@yahoo.com
***********************/

/* globals */

h1,h2,h3,h4,h5,h6,ul,li,ol,p { margin:0; padding:0 }

img a { border:none }

.clearer { clear:both; }

/* template */

body {
		background:#c8c8c8;
		margin:0;
		padding:0;
  background:url(images/bg.jpg) repeat-x #191919;
  font-family:arial, helvetica, sans-serif;
}

#container {
		width:980px;
		margin:0 auto;
		background:url(images/bg_logonav.png) no-repeat;
}

#header {
		padding:25px 0 0 80px;
}
		#header .navLink {
				display:block;
				width:88px;
				height:20px;
				float:left;
				margin-left:20px;
		}
		  #header .first { margin-left:110px !important; }
		#header #logo {
				display:block;
				width:330px;
				height:75px;
				margin-bottom:46px;
		}
		
#content {
		padding:80px 0 0 182px;
		font:13px Arial, Helvetica, sans-serif;
		width:460px;
}
  #content p { padding-bottom:1em; }

.floatRight { float:right; margin-left:6px; }

.right_images {
		background:url(images/home_images.png) no-repeat bottom right;
		min-height:527px;
}

#footer {
		text-align:center;
		color:#bcbcbc;
		padding:35px 0 35px 0;
		font:11px Arial, Helvetica, sans-serif;
}
  #footer a:link, #footer a:visited { color:#bcbcbc }
  
  #footer span { margin-right:15px; }
  
/* sub pages */

#label_header {
  background:url(images/bg_headerLabel.png) no-repeat;
  width:211px;
  height:29px;
  text-align:right;
  padding:2px 0px 0 0;
  color:#5b5b5b;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin:22px 0 3px 0;
  float:left;
}

#sub_content { margin-left:160px; }
  #sub_content #left {
    width:241px;
    border-right:1px solid #424242;
    float:left;
  }
  #sub_content #right {
    float:left;
    background:#f1f1f1;
    margin-left:6px;
    width:546px;
    padding:12px;
    font:13px arial, helvetica, sans-serif;
    height:442px;
  }
    #sub_content #right p { padding-bottom:14px; }
  #right h1 {
    font-size:16px;
    font-weight:bold;
    color:#3c3c3c;
    padding-left:5px;
  }
  
/* demo reel */

.demoReel {
  color:#6b0610;
  font-size:12px;
  float:left;
  margin:27px 0 0 8px;
  width:190px;
}
  .demoReel a:link, .demoReel a:visited {
    color:#6b0610;
    font-size:12px;
    text-decoration:none;
  }
    .demoReel a:hover { color:#000 }
    
.demoDescription {
  color:#3c3c3c;
  font-size:12px;
  float:left;
  width:570px;
  margin:20px 0 0 0px;
}
  .demoNav {
    margin-top:10px;
    color:#6b0610;
    font-size:12px;
  }
  .demoNav a:link, .demoNav a:visited, .demoNav a, .demoNav span {
    color:#6b0610;
    display:block;
    font-size:12px;
    text-decoration:none;
  }
  .demoNav a:hover, .demoNav a.active, .demoNav a:active { color:#000; }

.dl_link { padding-left:5px; }

.sub_ss { float:left; width:250px; margin-right:20px; }
.subDescr { padding-left:5px; }