@charset "utf-8";
/* CSS2.1 Document by Michal Pilch(michal.pilch@media77.co.uk) */
/*************************************************************************************************************************************************************
                                                                       HEADER 
*************************************************************************************************************************************************************/
div#hstripe {margin: 130px auto 0 auto; height:5px; width: 960px;}

#masthead{
	width:100%; height:190px; display:block; 
	background:url(images/bg_header.jpg); 
	margin:0; padding:0; 
	}	
#masthead #innerheader {
	width: 960px; height:190px;
	display:block;
	position:relative; 
	margin:0 auto; padding:0;
	background:url(images/bg_innerheader.gif) 300px center no-repeat;
	}
	
/********** navigation **********/
#masthead #innerheader #menu {
	position:absolute; bottom:15px; right:0; 
	width:100%; height:auto;
	margin:0 -5px 0 0; padding:0; 
	dispaly:block;
	}
#masthead #innerheader #menu ul {
	list-style:none;
	padding:0; margin:0;
	dispaly:block;
	float:right;
}
#masthead #innerheader #menu li {
	float: left;
	margin:0;
}
#masthead #innerheader #menu li a {
	display:block;
	color:#9e9e9e;
	text-decoration:none;
	text-align:center;
	font:20px/15px 'OstrichSansBlack', Arial, sans-serif; font-style: normal;
	text-transform:uppercase;
	padding:10px 5px; margin:0;
}
#masthead #innerheader #menu li a:hover {
	color:#e1067c;
}	

#serviceTel{
	font:30px/50px 'OstrichSansBlack', Arial, sans-serif;
	position:absolute; top:16px; right:222px;
	color:#9e9e9e;
	}
	
/********** logo **********/
#masthead #innerheader h1#logo{
	width:310px; height:110px;
	display:block;
    font-size:1.2em;
    z-index: 1;
	text-indent:-1000em;
	padding:0; margin:0;
	position:absolute; top:40px; left:0;
	}
#masthead #innerheader h1#logo a{
	background:url(images/Aspect_Logo.gif) 0 0 no-repeat;
	width:310px; height:110px; padding:0;
	display:block;
	overflow:hidden;
	text-decoration:none;	
	}
#masthead #innerheader h1#logo a:hover{
	text-decoration:none;
	background:url(images/Aspect_Logo.gif) 0 -110px no-repeat;
	}
		
/********** social network and widgets **********/
#masthead #innerheader ul#socialNetworkHeader{
	display:block;
	position:absolute; top:25px; right:0;
	list-style:none; 
	height:35px; 
	margin:0 -5px 0 0; padding:0 0 0 35px;
	border-left:1px solid #9e9e9e;
	}
#masthead #innerheader ul#socialNetworkHeader li{
	list-style:none; 
	display:block; float:left; 
	line-height:35px; 
	margin:0 5px 0 0; padding:0; 
	height:35px;
	text-transform:uppercase; font-size:10px;
	}
#masthead #innerheader ul#socialNetworkHeader li a img {
    float: left;
    height:35px; width:35px;
    margin:0; padding:0;
	border:none;
    opacity:0.7; filter:alpha(opacity=70);
	}
#masthead #innerheader ul#socialNetworkHeader li a:hover img{
	opacity:1; filter:alpha(opacity=100);
	}	













a.button{
	width:330px; height:60px; 
	display:block; padding:0; margin:20px 0;
	text-align:center;
	font:25px/60px 'OstrichSansBlack', Arial, sans-serif; font-style: normal; color:#fbfbfb;
	text-transform:uppercase;
	background:url(images/bg_button.jpg) 0 0 no-repeat;
	-moz-border-radius:5px; -wekit-border-radius:5px; border-radius:5px;
 }
a.button:hover{
	background:url(images/bg_button.jpg) 0 -60px no-repeat;
	color:#fbfbfb;
	text-decoration:none;
	}














/*************************************************************************************************************************************************************
                                                                       WRAPPER 
*************************************************************************************************************************************************************/
#wrapper{
	width:100%; height:auto; 
	display:block;
	margin:0; padding:20px 0 0 0;
	background:url(images/bg_ruler.jpg) top left repeat-x;
	}	
	
#wrapper #main {
	width:960px; height:auto; 
	margin:0 auto; }


table#construct { height: 100%; width: 100%; padding: 0px; margin: 0px; }


td#product { 
	width:210px; height:100%;  
	margin:0; padding:0 25px 0 0; 
	}
.plist {
	height:auto; width:210px; display:block;  
	margin:20px 0; padding:0;
	border-top:1px dotted #C8C8C8;	
	}
td#product .plist a {
	border-bottom: 1px dotted #c8c8c8;
	display: block;
	padding: 5px 0 5px 25px;
	text-decoration: none;
	color: #7C7C7C;
	background: url(images/bg_bullet.gif) center left no-repeat;
	font:14px/14px 'PerspectiveSansRegular', Verdana, Arial;
}
td#product .plist a:hover {
	color: #e1067c;	
}

td#display 
	{width:700px; height: 100%; 
	padding:0 0 0 25px; margin:0; 
	}


/*********** Contact **********/	
table#dcontact {width: 100%; }
td#flcontact {width: 100%; padding:15px 0 0 0; }

/*********** Home **********/	
table#dhome {width:100%; }
td#flhome {width:100%; padding:15px 0 0 0; }
td#banner{width:100%; padding:0 20px;}
.slhome{ padding:15px;}












/*********** Form ***********/
.form { 
	margin:25px 0 0 0; 
	width:100%; height:auto; 
	display:block;
	padding:5px 0 5px 0;
	background:#fbfbfb url(images/bg_text.jpg) top center repeat;
	}
.inputbox {
	color:#1d1d1d;
	border:none;
	background:#fbfbfb url(images/bg_input.jpg) center center repeat;
	padding:10px 5px;
	margin:10px 10px 5px 0;
	width:450px;
	border:1px solid #dfdfdf;
	}
.radio{
	margin:5px;
	}
input:focus{
	background:#fbfbfb url(images/bg_input_focus.jpg) center center repeat;
	}
textarea{
	font:14px/14px 'PerspectiveSansRegular', Verdana, Arial;
	}
textarea:focus{
	background:#fbfbfb url(images/bg_input_focus.jpg) center center repeat;
	}	
	
td.variable {
	text-align:left; 
	padding:0 0 0 10px; margin:0;
	font-size:13px;
	text-transform:uppercase;
	}
td.value {
	text-align:left; 
	padding:0 0 0 10px; margin:0;
	}
.trBlock{
	background:#fbfbfb url(images/bg_text.jpg) top center repeat;
	}
#submitBtn{
	width:460px; height:auto; 
	margin:0 10px 0 0; padding:10px 0;
	color:#fbfbfb; 	
	font:20px/20px 'OstrichSansBlack', Arial, sans-serif; font-weight:bold;
	text-align:center; text-transform:uppercase;
	border:none;
	background:#9e9e9e;
	cursor:pointer;
	}
#submitBtn:hover{
	background:#e1067c;
	color:#fbfbfb;
	}
	
/****** upload ******/
#file_uploads{
	margin:10px 0; padding:0;
	width:460px;
	}
	
/* files list */	
#files_list{
	width:460px; height:auto;   
	margin:10px 0 0 0;
	}
	
#files_list input{	
	width:100px; height:auto; 
	margin:2px 0 2px 10px; padding:5px 0;
	color:#fbfbfb; 	
	font:15px/15px 'OstrichSansBlack', Arial, sans-serif; font-weight:bold; letter-spacing:1px;
	text-align:center; text-transform:uppercase;
	border:none;
	background:#9e9e9e;
	cursor:pointer;
	}
#files_list input:hover{
	background:#e1067c;
	color:#fbfbfb;
	}
	
	
		
#my_file_element{	

	}
#file_uploads input{	

	}	

.select{
	border:none; width:220px; cursor:pointer;
	}	
#file_uploads input.select input{background:#000; border:none; padding:20px;} 	
	
	
	
	

/*********** About **********/
table#dabout {width:100%; }
td#flabout {width:100%; padding:15px 0 0 0; }

div#about { margin: 15px; margin-top: 0px; width:600px;}
div#asgreen{margin: 15px; margin-top: 0px; width:600px; color:#3E3E3E; padding-top:5px;}

/*************************************************************************************************************************************************************
                                                                       FOOTER 
*************************************************************************************************************************************************************/
#mastfoot {
	width:100%; height:auto; clear:both; 
	margin:20px 0 0 ; padding:0;
	border:0;
	
	}
#mastfoot #innerfooter{
	background:url(images/bg_ruler.jpg) top left repeat-x;
	width:960px; height:auto;
	display:block;
	margin:0 auto;
	padding:20px 0 0 0;
	}
#mastfoot #innerfooter #widgetsBox{
	width:100%; height:310px; 
	position:relative;
	margin:20px 0 0 0;
	}

/********* likeBox *********/	
#likeBox{
	display:block; 
	margin:0; padding:10px;
	position:absolute; top:0; right:0;
	background: url("images/bg_ruler.jpg") repeat scroll left top #FBFBFB;
	}
#likeBox iframe{
	background:#fbfbfb url(images/bg_text.jpg) top left repeat;
	-moz-border-radius:5px; -wekit-border-radius:5px; border-radius:5px;
	}

/********* reslayer *********/

#reslayerWrapper{
	width:100%; height:auto;
	display:block;
	padding:25px 0 0 0; margin:10px 0 0 0;
	background:url(images/bg_ruler.jpg) top left repeat-x;
}

div#reslayer {
	width:950px;
	height:35px;
	overflow:auto;
	visibility:visible;
	padding:0 10px 0 0;
}
div#reslayer p, #reslayer a {
	margin: 0;
	padding: 0;
	font-size:11px;
	color:#d0d0d0;
	text-decoration:none;
}
div#reslayer a:hover {
	text-decoration:none;
}
div#reslayer h4{
	font-size:12px; text-transform:uppercase; 
	margin:0;
	}	
div#credits{
	width:100%;
	display:block;
	clear:both;
	margin:0; padding:20px 0;
	background:url(images/bg_ruler.jpg) top left repeat-x;
	}
	
/********** tweets **********/
#tweets{
	width:720px; padding:10px;
	display:block;
	position:absolute;
	top:0; left:0;
	background: url("images/bg_ruler.jpg") repeat scroll left top #FBFBFB;
	}
#tweets #latest_tweet{
	margin:0;
	display:block;
	float:left;
	width:720px;
	background:#fbfbfb url(images/bg_text.jpg) top left repeat;
	-moz-border-radius:5px; -wekit-border-radius:5px; border-radius:5px;
	}
#tweets #latest_tweet .posted{
	text-transform:uppercase;
	font-size:10px; font-weight:bold;
	float:right;
	margin:0;
	}
#tweets #latest_tweet p{
	float:left;
	display:block;
	margin:0;
	padding: 15px 10px;
	width:700px;
	border-bottom:0px dotted #c7c7c7;
	font:14px/20px 'PerspectiveSansRegular', Verdana, Arial;
	}

#tweets #latest_tweet a{
	font-size:14px; 
	font-weight:normal;
	}

/********** social network **********/
ul#socialNetworkFooter{
	display:block; 
	list-style:none; 
	height:35px; 
	margin:0; padding:5px 0;
	float:right;
	}
ul#socialNetworkFooter li{
	list-style:none; 
	display:block; float: left;	
	margin:0 5px 0 0; padding:0; 
	height:35px; width:35px;
	text-transform:uppercase; font-size:10px;
	}
ul#socialNetworkFooter li a img {
    float: left;
    height: 35px; width:35px;
    margin:0; padding:0;
	border:none;
    opacity:1; filter:alpha(opacity=100);
	}
ul#socialNetworkFooter li a:hover img{
	opacity:0.5; filter:alpha(opacity=50);
	}












div#producer{margin-right:0px;}


#displayNumber{ margin-top:10px;}
#aboutlogo{margin-left:0; border:0px;}
#aboutlogo a{ border:0px;}
#aboutlogo img{ border:0px;}
#homelogo{margin-left:0; border-left:0px #c8c8c8 dashed; margin-top:15px;}
#homelogo a{ border:0px;}
#homelogo img{ border:0px;}
#pagenav{
margin-top:10px;
margin-left:15px;
height:24px;
}
#pagenav a{
height:24px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
border-bottom:0px;
text-decoration:none;
}
#pagenav a:hover{
text-decoration:underline;
}
#pagenav div{
float: left;
}
#pagenum{
margin:10px;
margin-left:40px;
}
#pagenum a{
padding:5px;
padding-top:4px;
padding-right:7px;
margin:5px;
background:url(images/predesign/menu/page_n.gif) no-repeat;
color:#FFFFFF;
font-weight:bold;
}

#pagenum a:hover{
text-decoration:none;
border:0px;
background:url(images/predesign/menu/hover_page_num_grey.gif) no-repeat;
color:#333;
}

#discript{
color:#5f6062;
padding-left:40px;
width:450px; 
}
#predesigocatego {
margin-left:30px;
width:563px;
}
#predesigocatego img{
border:0px;
float: left;
}
#predesigocatego a{border:0px; margin:0px; padding:0px;}
#left_orange{
background:url(images/predesign/menu/left_orange.gif) no-repeat;
width:24px;
height:24px
}
#right_orange{
background:url(images/predesign/menu/right_orange.gif) no-repeat;
width:24px;
height:24px;
float:inherit;
}
#orangewith_gray{
background:url(images/predesign/menu/right_orange_with_grey.gif) no-repeat;
width:24px;
height:24px;
}
#orange{
height:24px; background-color:#ffaa12; line-height:24px
}
#gray{
height:24px; background-color:#5f6062; line-height:24px; color:#FFFFFF; padding-left:10px;
}
#right_gray{
background:url(images/predesign/menu/right_grey.gif) no-repeat;
width:24px;
height:24px;
}
#display_box{
margin-left:70px;
width:496px;
}
#display_box div{
float:left;
}
#box_left_top{
margin-top:20px;
background:url(images/predesign/menu/dispaly_box_01.gif) no-repeat;
width:23px;
height:61px;
}
#box_right_top{
margin-top:20px;
background:url(images/predesign/menu/dispaly_box_03.gif) no-repeat;
width:23px;
height:61px;
}
#box_middle_top{
margin-top:20px;
width:450px;
border-bottom:#ffaa12 solid 3px;
border-top:#ffaa12 solid 3px;
line-height:36px;
background-color:#5f6062;
color:#FFFFFF;
font-size:20px;
font-family:Arial Narrow,Arial, Helvetica, sans-serif;
font-weight:bold;
}
#box_content{
width:488px;
border-right:#ffaa12 solid 3px;
border-left:#ffaa12 solid 3px;
margin-left:1px;
margin-right:130px;



}
#box_left_bottom{
background:url(images/predesign/menu/dispaly_box_07_2.gif) no-repeat;
width:23px;
height:60px;
margin-bottom:10px;
}
#box_right_bottom{
background:url(images/predesign/menu/box_left_side.gif) no-repeat;
width:88px;
height:60px;
margin-bottom:10px;
}
#box_right_bottom img{
border:0px;
}
#box_right_bottom a{
border:0px;
text-decoration:none;
}
#box_middle_bottom{
margin-top:36px;
width:385px;
border-bottom:#ffaa12 solid 3px;
height:21px;
margin-bottom:10px;

}























/********* Slider *********/

#slider-wrapper {
    width:100%; height:560px;
    margin:20px auto;
	background:url(../images/slide_show/bg_shadow_01.png) center 461px no-repeat;
	.background:url(../images/slide_show/bg_shadow_01.jpg) center 460px no-repeat;/*IE hacks*/
	}

#slider {
	position:relative;
  	width:700px; height:500px;
  	margin:0 auto;
	background:url(images/slide_show/loading.gif) no-repeat 50% 50%;
	}
#slider img {
	position:absolute; top:0px; left:0px;
	display:block;
	}
#slider a {
	border:0;
	display:block;
	color:#444;
	}

.nivo-controlNav {
	position:absolute; left:50%; bottom:-55px;
    margin:0 0 0 -50px;
	}
.nivo-controlNav a {
	display:block; float:left;
	width:20px; height:20px;
	background:url(images/slide_show/pagination_bullet.gif) no-repeat; 
	text-indent:-1000em;
	border:0;
	margin-left:5px;	
	}
.nivo-controlNav a.active {
	background-position:0 -20px;
	}

.nivo-directionNav a {
	display:block;
	width:30px; height:30px;
	background:url(images/slide_show/arrows.png) no-repeat; text-indent:-9999px;
	border:0;
	}
a.nivo-nextNav {
	background-position:-30px 0;
	right:0;
	}
a.nivo-prevNav {
	left:0;
	background-position: 0 0;
	}

.nivo-caption {
	font-family: Helvetica, Arial, sans-serif; font-size:0.7em; color:#444;
	
	}
.nivo-caption a { 
    color:#444; text-decoration:none;
	}
/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	}
.nivoSlider img {
	position:absolute; top:0px; left:0px;
	}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute; top:0px; left:0px; z-index:60;
	width:100%; height:100%;
	border:0;
	padding:0; margin:0;
	display:none;
	}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
	}
/* Caption styles */
.nivo-caption {
	position:absolute; left:0px; top:350px; visibility:hidden;
	color:#444;
	opacity:0.5; /* Overridden by captionOpacity setting */
	width:330px; padding:10px;
	z-index:89;
	background:#f6f6f6 url(../images/slide_show/bg_6.jpg);
	}
.nivo-caption p {
	padding:0; margin:0;
	text-align:justify;	
	font:1em/1.5em 'BitstreamVeraSansRoman', Helvetica, Tahoma, sans-serif; color:#404040;
	}
.nivo-caption h5{
	font-weight:normal; color:#404040; font: 3.5em/1em 'LeagueGothicRegular', Helvetica, Tahoma, sans-serif;
	text-transform: uppercase; text-align:left; letter-spacing:0; 
	margin:0 0 5px 0; padding:0;
}
.nivo-caption a {
	display:inline !important;
	}
.nivo-html-caption {
    display:none;
	}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute; top:45%; z-index:99;
	cursor:pointer;
	}
.nivo-prevNav {
	left:0px;
	}
.nivo-nextNav {
	right:0px;
	}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
	}
.nivo-controlNav a.active {
	font-weight:bold;
	}
/********* /Slider *********/