/* CSS Document */

body {
	margin:0px;
	background-image:url(../images/bg.gif);
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	background-position:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.MainBody {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width:900px;
}
td,th,div {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
}
h1 {
	margin:0px; padding:0px; font-size:30px; font-weight:normal;
}
h2 {
	margin:0px; padding:0px; font-size:26px; font-weight:normal;
}
h3 {
	margin:0px; padding:0px; font-size:22px; font-weight:normal;
}
h4 {
	margin:0px; padding:0px; font-size:18px; font-weight:normal;
}
h5 {
	margin:0px; padding:0px; font-size:16px; font-weight:normal;
}
h6 {
	margin:0px; padding:0px; font-size:14px; font-weight:normal;
}
img {
	border:0px;
}
* :focus {
  outline: none;
}
ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}	
ul li	{
	background-image: url(../images/bullet.gif);
	background-position: 2px 5px;/*R T*/
	background-repeat: no-repeat;
	margin:2px 5px 2px 2px; /*T R B L*/
	margin-left:2px;
	padding:0px 0px 0px 15px;/*T R B L*/
	line-height:18px;
}
.FooterLink li	{
	background-image: url(../images/footer-bullet.gif);
	background-position: 2px 6px;/*R T*/
	background-repeat: no-repeat;
	margin:2px 5px 2px 2px; /*T R B L*/
	margin-left:2px;
	padding:0px 0px 0px 12px;/*T R B L*/
	line-height:15px;
}
.FooterLink a {
	text-decoration:none;
	color:#444444;
	font-size:11px;
}
.FooterLink a:hover {
	color:#000000;
}
.SmallText {
	font-size:11px;
}
.FArial {
	font-family:Arial, Helvetica, sans-serif;
}
.FTrebuchet {
	font-family:"Trebuchet MS"
}
.FGeorgia {
	font-family:Georgia, "Times New Roman", Times, serif;
}
.FSize {
	font-size:13px;
}
.TextColor1 {
	color:#FFFFFF;
}
.TextColor2 {
	color:#444444;
}
.TextColor3 {
	color:#9b9b9b;
}
.TextColor4 {
	color:#ff6c00;
}
.TextColor5 {
	color:#333333;
}
.TextColor6 {
	color:#f8f8f8;
}
.Links {
	text-decoration:none;
}
.Links:hover {
	text-decoration:underline;
}
.LinksUL {
	text-decoration:underline;
}
.LinksUL:hover {
	text-decoration:none;
}
.Padding5 {
	padding:5px;
}
.Padding10 {
	padding:10px;
}
.Padding20 {
	padding:20px;
}
.PaddingLeft {
	padding-left:25px;
}
.PaddingRight {
	padding-right:10px;
}
.PaddingTop {
	padding-top:1px;
}
.PaddingTB {
	padding-top:10px;
	padding-bottom:10px;
}
.PaddingTB5 {
	padding-top:5px;
	padding-bottom:5px;
}
.PaddingTB15 {
	padding-top:25px;
	padding-bottom:25px;
}
.PaddingTB25 {
	padding-top:25px;
	padding-bottom:25px;
}
.PaddingLR {
	padding-left:10px;
	padding-right:10px;
}
.PaddingLR5 {
	padding-left:5px;
	padding-right:5px;
}
.PaddingLR25 {
	padding-left:25px;
	padding-right:25px;
}
.PaddingRight {
	padding-right:10px;
}
.LeftMargin {
	margin-left:10px;
}
.RightMargin {
	margin-right:10px;
}
.Caps {
	text-transform:uppercase;
}
.LineHeight {
	line-height:25px;
}
.LineHeightInner {
	line-height:25px;
}
.CharSpacing {
	letter-spacing:2px;
}


/*-  navigation
----------------------------------------------------------------------*/

ul#nav {
	bottom: 40px;
	font-size: 12px;
}

ul#nav li {
	height: 29px;
	float: left;
	padding:0px;
	margin:0px;
	margin-top:39px;
}

ul#nav li a {
	width: 100%;
	height: 100%;
	text-decoration: none;
	position: relative;
	top: -1px;
	left:15px;
}

ul#nav li span {
	visibility: hidden;
}

/* services */
ul#nav li#services {
	width: 148px;
	background: url(../images/nav/services.png) top left no-repeat;
}

ul#nav li#services:hover {
	background: url(../images/nav/services-hover.png) top left no-repeat;
}

ul#nav li#services.active {
	width: 148px;
	background: url(../images/nav/services-hover.png) top left no-repeat;
}

/* portfolio */
ul#nav li#portfolio {
	width: 137px;
	background: url(../images/nav/portfolio.png) top left no-repeat;
}

ul#nav li#portfolio:hover {
	background: url(../images/nav/portfolio-hover.png) top left no-repeat;
}

ul#nav li#portfolio.active {
	width: 137px;
	background: url(../images/nav/portfolio-hover.png) top left no-repeat;
}

/* about us */
ul#nav li#aboutus {
	width: 136px;
	background: url(../images/nav/about-us.png) top left no-repeat;
}

ul#nav li#aboutus:hover {	
	background: url(../images/nav/about-us-hover.png) top left no-repeat;
}

ul#nav li#aboutus.active {
	width: 136px;
	background: url(../images/nav/about-us-hover.png) top left no-repeat;
}

/* Contact Us */
ul#nav li#contactus {
	width: 130px;
	background: url(../images/nav/contact-us.png) top left no-repeat;
}

ul#nav li#contactus:hover {
	background: url(../images/nav/contact-us-hover.png) top left no-repeat;
}

ul#nav li#contactus.active {
	width: 130px;
	background: url(../images/nav/contact-us-hover.png) top left no-repeat;
}

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





.TopSP {
	width:900px;
	height:108px;
}
.LogoSP {
	float:left;
	width:273px;
	height:108px;
}
/*--------------------------- For Logo Part ------------------------------*/
.Logo {
	float:left;
	width:36px;
	height:108px;
}
.LogoText {
	float:left;
	width:200px;
}
div#Triguns {
	bottom:0px;
	font-size:22px;
	color:#FFFFFF;
}
#Triguns span {
	visibility: hidden;
	font-size:22px;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}
#Triguns div {
	background:url(../images/triguns.png) no-repeat;
	height:16px;
}
#Triguns a {
	text-decoration:none;
}
/*------------------------------------------------------------------------*/
.TopNavSP {
	float:right;
	width:551px;
	height:108px;
}
.WelcomeSP {
	width:900px;
	height:75px;
}
.HeaderSP {
	width:900px;
	height:286px;
}
.BackNextSP {
	width:900px;
	height:23px;
}
.BackSP {
	float:left;
	width:30px;
	height:23px;
}
.NextSP {
	float:right;
	width:30px;
	height:23px;
}
.HeaderTextSP {
	float:left;
	width:412px;
	height:286px;
}
.HeaderProjectImg {
	float:right;
	width:427px;
	height:286px;
}
.HeaderTextCurrent {
	padding:80px 20px 0px 50px;
	color:#e8e9ea;
}
.HeaderText {
	padding:22px 20px 0px 20px;
	color:#e8e9ea;
}
.ViewProjectBtn {
	margin:20px 20px 0px 50px;
	text-align:left;
}
.BoxSp1 {
	width:900px;
	height:160px;
}
.BoxSp2 {
	width:900px;
	height:150px;
}
.Box {
	width:300px;
	height:150px;
	float:left;
}
.TestimonialBox {
	width:300px;
}
.BoxImg {
	width:75px;
	height:100px;
	float:left;
	margin-top:10px;
}
.BoxText {
	width:215px;
	height:100px;
	float:left;
	margin-top:10px;
}
.BreadCrumsSP {
	width:900px;
	height:50px;
	color:#666666;
}
.BreadCrumsSP a {
	text-decoration:none;
	color:#666666;
	font-weight:bold;
}
.BreadCrumsSP a:hover {
	color:#333333;
}
.FooterText {
	float:left;
	width:399px;
	height:150px;
	border-right:1px solid #CCCCCC;
}
.FooterLinkSP {
	float:left;
	width:150px;
	height:150px;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #CCCCCC;
}
.FooterWorkSP {
	float:left;
	width:198px;
	height:150px;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #CCCCCC;
}
.FooterLogoSP {
	float:left;
	width:90px;
	height:150px;
	border-left:1px solid #FFFFFF;
}
.Copyright {
	width:375px;
	height:88px;
	color:#FFFFFF;
	font-size:10px;
	text-transform:uppercase;
	float:right;
}
.Copyright a {
	text-decoration:none;
	color:#FFFFFF;
}
.Copyright a:hover {
	color:#67e4dc;
}
.ClearSP {
	clear:both;
}




/*----------------------- For Inner Text Pages --------------------------------*/

.LeftColSP {
	float:left;
	width:590px;
}
.RightColSP {
	float:right;
	width:300px;
}
.PortfolioSP {
	width:900px;
	padding-top:10px;
	padding-bottom:20px;
}
.ViewStyleSP {
	width:900px;
	height:31px;
}
.ViewIcon {
	width:200px;
	float:left;
}
.ScrollDown {
	width:200px;
	float:right;
}

/*------------------- For ListView Portfolio -----------------*/

.Portfolio {
	width:900px;
	height:150px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:20px;
}
.PortfolioThumb {
	width:610px;
	height:135px;
	float:left;
}
.PortfolioText {
	width:280px;
	height:140px;
	float:right;
}

/*------------------- For ThumbsView Portfolio -----------------*/

.ThumbsSP {
	width:290px;
	float:left;
}
.ThumbsTextSp {
	width:290px;
	height:185px;
	background-color:#000000;
}
.ThumbsTextSp a {
	text-decoration:none;
	color:#ff6c00;
}
.ThumbsTextSp a:hover {
	text-decoration:none;
	color:#FFFFFF;
}