@charset "UTF-8";
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}

/*-----------------------------------------------------------------------------
Primary Style Sheet

version:   1.0
author:    Octavio M. Bengtson.
website:   http://www.tavcomstudio.com

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

a:link {
	color: #FFF;
}
a:visited {
	color: #CCC;
}
a:hover {
	color: #FD7C26;
}
a:active {
	color: #D35618;
}

body {
	background: #635C54;
	color: #FFF;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .75em;
}
#SideBar #ConInfo p {
	color: #000;
}


body {height:100%; margin:0; padding:0;}
#bg {position:absolute; z-index:-1;}
/* prepares the background image to full capacity of the viewing area */
#bg {
	position:fixed;
	top:0;
	left:-2px;
	width:100%;
	height:100%;
}
#banner {
	float: left;
	height: 177px;
	width: 355px;
	background: #FFF url(../images/bottom_scr.png) no-repeat;
	padding-top: 90px;
	padding-left: 30px;
}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
#content {position:static;}

#footer {
	float: left;
	height: 92px;
	width: 1002px;
	background: url(../images/footer_bg.png) no-repeat;
}

#LatestNews {
	height: 247px;
	width: 324px;
	float: left;
	background: #000;
	padding-top: 30px;
	padding-right: 35px;
	padding-left: 26px;
	margin-left: 4px;
}
#OuterWrapper {
	margin: 0px auto;
	width: 1002px;
}


#OuterWrapper .slide .btn-slide {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
}


#header {
	float: left;
	height: 96px;
	width: 1002px;
	margin-top: 50px;
}

#maincontent {
	float: left;
	height: 267px;
	width: 606px;
	background: #000 url(../images/Slider.png) no-repeat;
	padding-left: 10px;
}



#mainProducts {
	float: left;
	width: 1002px;
	background: url(../images/Left_tab.png) no-repeat;
	margin: 0px;
}




#navarea {
	float: left;
	height: 36px;
	width: 614px;
	background: url(../images/Menu_bg.png) no-repeat;
	padding-bottom: 50px;
	padding-left: 2px;
	padding-top: 10px;
}

#serviceone {
	height: 270px;
	width: 177px;
	float: left;
	margin-left: 11px;
	background: #000;
	padding: 7px 8px 2px;
}


#servicetwo {
	height: 268px;
	width: 176px;
	float: left;
	background: #000;
	padding: 7px 8px 2px 6px;
	margin-left: 9px;
}
#servicethree {
	height: 268px;
	width: 177px;
	float: left;
	margin-left: 9px;
	margin-right: 9px;
	background: #000;
	padding: 7px 8px 2px 6px;
}
#screen {
	float: left;
	height: 96px;
	width: 386px;
	background: url(../images/Tavcom_Screen.png) no-repeat;
}
#title {
	font-family: Helvetica, Arial, Clean, sans-serif;
	font-size: 22px;
	color: #FFF;
	font-weight: bold;
	font-style: normal;
}
#wrap {
	float: left;
	width: 1002px;
	margin: 0px auto;
}
.NewsDate {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #CCC;
	font-weight: bold;
}
#TavcomDescription {
	margin-top: 10px;
}

.description {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #E6E6E6;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 5px;
}

.titles {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: bold;
}


#FlashSlider {
	float: left;
	height: 260px;
	width: 597px;
	background: #F5F1ED url(../images/Slider.png) no-repeat;
	padding-left: 11px;
	padding-top: 8px;
	padding-right: 8px;
}


/*Start Login Form*/
#login .theInput {
font-family: Verdana;
font-size: 12px;
width: 120px;
margin-right: 5px;
}
	 
#login .theSubmit {
font-family: Verdana;
font-size: 10px;
background-color: #25211c;
color: #FFFFFF;
margin-right: 5px;
}

#login {
background-color: #25211c;
color: #FFFFFF;
font-family: Verdana;
font-size: 10px;
text-align: right;
width: 500px;
margin: 2px;
}
/*End Login Form*/
[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
</style>
<![endif]

#ServicesBlock2 {
	margin: 0px;
	width: 160px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	border-right: 1px dashed #CCC;
	float: left;
}
table {
	margin: 0px;
	padding: 0px;
}

/*Contact Form*/

input{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Console', Arial, sans-serif; 
	font-size: 12px; 
	color: #666;
	margin: 5px 0px 5px 0px;
	padding: 2px 0px 2px 0px;
	border: 1px solid #999;
	background-color: #ebebeb;
}
input:focus, textarea:focus {
	border: 1px solid #CC6600;
	background-color:#CCC;
	color:#000;
}

textarea{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Console', Arial, sans-serif; 
	font-size: 12px; 
	color: #666;
	margin: 5px 0px 5px 0px;
	border: 1px solid #999;
	background-color: #ebebeb;
}


select{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Console', Arial, sans-serif; 
	font-size: 12px; 
	color: #000000
}

#t-releases table { padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; margin-bottom: 5px; }
#t-releases table:hover { background-color: #f8f8f8;  }
.Orangetitle {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #F26202;
}
#PortfolioShowcase {
	float: left;
	width: 672px;
	margin-left: 10px;
	background: url(../images/sides.png) no-repeat;
}
#RightSide {
	float: left;
	width: 318px;
}

#outerback {
	background: url(../images/PgsBack.png);
	width: 1000px;
	float: left;
}

#SideScreen {
	float: right;
	width: 270px;
	background: url(../images/black_Screen.png) no-repeat;
	height: 25px;
}
#navarearest {
	float: left;
	height: 36px;
	width: 614px;
	background: url(../images/topBar.png) no-repeat;
	padding-bottom: 50px;
	padding-left: 2px;
	padding-top: 10px;
}
p {
	margin: 0px;
	padding: 0px;
	font-size: 0.95em;
}
#TextDescription {
	padding-top: 10px;
	float: left;
}
.orange {
	color: #F26202;
}


#BlockOne {
	float: left;
	width: 622px;
	background: #000 url(../images/orangearrow.png) no-repeat;
	padding: 10px 25px 25px;
}
#MiniBlock1 {
	float: left;
	width: 205px;
	background: #000;
	margin-left: 10px;
	padding: 7px 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	height: 310px;
}

#MiniBlock2 {
	float: left;
	background: #000;
	width: 205px;
	margin-left: 5px;
	margin-top: 5px;
	padding: 7px 8px;
	margin-bottom: 5px;
	height: 310px;
}

#MiniBlock3 {
	float: left;
	background: #000;
	width: 205px;
	margin-left: 5px;
	margin-top: 5px;
	padding: 7px 5px;
	margin-bottom: 5px;
	height: 310px;
}
#SideBlock1 {
	float: left;
	width: 375px;
	padding-top: 10px;
	background: #9C0 no-repeat;
	padding-left: 25px;
}
#PortfolioShowcase img {
	padding-bottom: 10px;
}

#SideBar {
	float: right;
	width: 270px;
	background: no-repeat center;
	height: 100px;
	text-align: center;
}
#Barscreen {
	float: left;
	height: 96px;
	width: 386px;
	background: url(../images/Tavcom_BarScreen.png) no-repeat;
}
#BlockTwo {
	float: left;
	width: 622px;
	background: #000 url(../images/orangearrow.png) no-repeat;
	padding: 10px 25px 25px;
	height: 400px;
	font-size: 1.25em;
}

#SocialMedia {
	float: right;
	width: 270px;
	height: 55px;
	text-align: left;
}

/*Lists*/
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#navlist 
{ 
list-style-image: url(images/arrow.gif); 
} 
img.floatLeft {
	float: left;
	margin: 4px 8px 4px 4px;
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
.ServicesList {
	float: left;
	width: 622px;
	margin-top: 10px;
	background: #000;
	padding: 10px 25px;
}
#ServicesList ul {
	list-style-type: none;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
.ServicesTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color: #F26202;
	font-weight: bold;
	margin-bottom: 8px;
}

img.servicesFloatLeft {
	float: left;
	margin-top: 4px;
	margin-right: 8px;

.ServicesList .p {
	margin-top: 4px;
}
#bottompgs {
	float: left;
	height: 92px;
	width: 1002px;
	background: url(../images/footer2.png) no-repeat;
}
#ConInfo {
	float: left;
	color: #000;
	position: fixed;
	width: 270px;
}