/* Start of CMSMS style sheet 'Stylesheet' */
* { margin: 0px; padding: 0px; }


body {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #fff;
	background-color: #fa0000;
	background-image: url(uploads/images/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#WideScreen {
	width: 100%;
	height: auto;
	background-image: url(uploads/images/bg_widetop.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

#WideTop {
	width: 100%;
	height: auto;
	background-image: url(uploads/images/bg_middle.png);
	background-repeat: no-repeat;
	background-position: top;
}

#WideBottom {
	width: 100%;
	height: auto;
	background-image: url(uploads/images/bg_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#CenterContainer {
	width: 960px;
	height: auto;
	margin: 0 auto;
}

#TopContainer {
	width: 100%;
	height: 53px;
	font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #000;
}

#Topleft {
	float: left;
	position: relative;
	top: 23px;
	width: auto;
}

#TopRight {
	float: right;
	position: relative;
	top: 23px;
	width: auto;
}

#TopRight a, #Topleft a {
	color: #f7f7f7;
	text-decoration: none;
}

#TopRight a:hover, #Topleft a:hover {
	color: #ffb400;
	text-decoration: none;
}


#MiddleContainer {
	width: 100%;
	height: auto;
}
#MiddleLogo {
	width: 100%;
	height: 236px;	
}

#MiddleLogoLeft {
	float: left;
	position: relative;
	top: 81px;
	width: 291px;
	height: 55px;
	background-image: url(uploads/images/bg_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#MiddleLogoRight {
	float: right;
	position: relative;
	top: 167px;
	
}

#MainNav {
	height: 30px;
	display: inline;
}

#MainNav a {
	float: left;
	display: inline;
	height: 30px;
	text-decoration: none;
	background-position: top;
}

#MainNav a:hover {
	height: 30px;
	text-decoration: none;
	background-position: bottom;
}

#whatwedo {
	width: 140px;
	background-image: url(uploads/images/navi_whatwedo.gif);
}

#portfolio {
	width: 133px;
	background-image: url(uploads/images/navi_portfolio.gif);
}

#contactus {
	width: 125px;
	background-image: url(uploads/images/navi_contactus.gif);
}

#MiddleMain {
	width: 100%;
	height: 100%;
}

#MiddleMainLeft {
	float: left;
	width: 525px;
	height: auto;
}

#MiddleMainRight {
	float: right;
	width: 380px;
	height: auto;
}

#BannerMovie {
	width: 100%;
	height: 301px;
}

#FeaturesServices {
	width: 100%;
	height: auto;
}

#FeaturesServices a {
	color: #ffb400;
	text-decoration: none;
}

#FeaturesServices a:hover {
	color: #cecece;
	text-decoration: none;
}

#HeaderFeaturesServices {
	width: 100%;
	height: 30px;
	background-image: url(uploads/images/bg_line_portfolio.png);
	background-repeat: repeat-x;
	background-position: bottom;;
}

#HeaderFeaturesServices  h1 {
	font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
        text-transform: uppercase;
	color: #010000;
}

h1 {
	font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
        text-transform: uppercase;
	color: #010000;
}
#TextServices { padding-top: 10px; }

.TextContent { width: 100%; height: 150px; }

.FeaturedIcon {
	
	width: 100%;
	height: 25px; 
	background-image: url(uploads/images/bg_line.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.FeaturedIcon img { margin-top: 8px; }

#AboutMe {
	width: 100%;
	
}

#request-quote {
	width: 380px;
	height: 119px;
}

#request-quote a {
	width: 380px;
	height: 119px;
	position: relative;
	text-decoration: none;
	background: url(uploads/images/request_quote.jpg) no-repeat left top;

}
#request-quote a:hover {
	position: relative;
	text-decoration: none;
	background: url(uploads/images/request_quote_over.jpg) no-repeat left top;

}

#WhatCanWeDo {
	width: 100%;
	height: auto;
	text-align: left;
	height: 45px;
        background: url(uploads/images/right_line_solid.png) no-repeat left bottom;	
}

#WhatCanWeDo h1 {
	font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #010000;
        padding-top: 15px;
        background: url(uploads/images/icon_what_we_do.png) no-repeat right top;
	height: 35px;
}

.CheckBox ul {
	margin: 0px;
	padding: 10px;
      
}

.CheckBox li {
	background: url(uploads/images/icon_checkbox.png) no-repeat 0px 6px;
        list-style: none;
        padding: 6px 0px 6px 19px;
        border-bottom: 1px dotted #ccc;
}


#LatestProject {
       margin-top: 22px;
	width: 100%;
}
#LatestHeader {
	width: 100%;
	height: auto;
	text-align: left;
	height: 45px;
        background: url(uploads/images/right_line_solid.png) no-repeat left bottom;	
}

#LatestHeader h1 {
	font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #010000;
        padding-top: 15px;
        background: url(uploads/images/icon_rss_works.png) no-repeat right 7px;
	height: 35px;
}

.WorkBox { margin-top: 21px;  padding: 5px 0px 0px 0px; width: 100%; height: 40px; background-color: #181818;  }
.WorkBox1 { margin-top: 21px;  padding: 5px 0px 0px 0px; width: 100%; height: 40px; background-color: #181818;  }
.ImgSpacer { width: 100%; height:7px; font-size: 0pt; }

span.WorkTitle { 
	font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #fdfdfd; 
        padding-left: 19px;
}
span.WorkWeb  {
	font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #b7b7b7; 
        padding-left: 19px;
}
span.WorkWeb a {
        font-size: 9pt;
	color: #b7b7b7;
	text-decoration: none;
}


/*
.ProjectSiteLeft {
	float: left;
	position: relative;
	top: 30px;
	width: 150px;
	height: auto;
}*/
.ProjectThumbnails img { border: 1px solid #a3a3a3; }

.ProjectSiteRight {
	float: right;
	position: relative;
	top: 30px;
	width: 219px;
	height: auto;
}

.HeaderTitle  {
	font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10.5pt;
	color: #5b0000;
	font-weight: bold;
	height: 20px;
}

.TypeLink {
	font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;

	font-size: 7.5pt;
	color: #711515;
	width: 100%;
	height: auto;
}
.TypeLink a {
	color: #711515;
	text-decoration: none;
}
.TypeLink a:hover {
	color: #ffb400;
	text-decoration: none;
}



.Description { width: 100%; height: auto; font-size: 8pt; text-align: justify; }
.TextDescription { color: #aab404; font-weight: bold; }
.TextBlack { color: #010000; }
.TextColor { color: #bab6b6; }

#FooterSpacer { width: 100%; height: 55px; font-size: 0pt; }

#FooterBox {
	width: 100%;
	height: 172px;
	background-color: #000;
}

#FooterLeft {
        float: left;
	position: relative;
	top: 45px;
	width: auto;
	height: auto;
	font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
	color: #292727;
}

#FooterRight {
        float: right;
	position: relative;
	top: 45px;
	width: auto;
	height: auto;
	font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
	color: #292727;
}

#FooterNav {
	height: 25px;
	font-size: 9pt;
}
#FooterNav a { color: #292727; text-decoration: none; }
#FooterNav a:hover { color: #5d5d5d; text-decoration: none; } 

#CopyRight {
	height: 25px;
	font-size: 8pt;
}
#FooterIcon {
	height: 35px;
	font-size: 9pt;
	font-weight: bold;
	color: #f7f7f7;
}



/* Portfolio CSS */

.WebDesign {
	width: 100%;
	height: 45px;
	background-image: url(uploads/images/bg_line_portfolio.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.WebDesign h1 {
	font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
        text-transform: uppercase;
	color: #010000;
        font-weight: bold;
}

.Details  {
	width: 225px;
	height: auto;
	margin-top: 12px;
	background-image: url(uploads/images/bg_icon_portfolio.png);
	background-repeat: no-repeat;
	background-position: right top;
	color: #580100;
	font-size: 8pt;
}

.Details a {
	text-decoration: none;
	color: #580100;
}
.Details a:hover {
	text-decoration: none;
	color: #ffb400;
}

.LightBoxImage img {
	border: 2px solid #000;
}

.LightBoxImage img a:hover {
	border: 2px solid #ffb400;
}

/* Contact Us CSS*/ 

#m2fbrp__49, #m2fbrp__50, #m2fbrp__51, #m2fbrp__52, #m2fbrp__53, #m2fbrp__54, #m2fbrp__55, #m2fbrp__57 {

	width: 280px;

}
#m2fbrp__7 {

	width: 280px;

}
select#m2fbrp__56 { width: 284px; }

#m2fbrp_captcha_phrase {width: 142px; }

.rederror { color: #dadef4; }

/*Request Quote*/

#m2fbrp__25, #m2fbrp__26, #m2fbrp__27, #m2fbrp__28, #m2fbrp__29, #m2fbrp__30, #m2fbrp__31, #m2fbrp__32, #m2fbrp__32, #m2fbrp__34, #m2fbrp__36, #m2fbrp__42, #m2fbrp__43, #m2fbrp__44, #m2fbrp__46, #m2fbrp__47, #m2fbrp__45
{
	width: 280px;
}

#m2fbrp__33 { width: 284px;}
#m2fbrp__40 { width: 284px;}
#m2fbrp__41 { width: 284px;}


.WhatWeDoBox {
	width: 100%;
	height: 100%;
}

.WeDo-Left { float: left; width: 196px; }
.WeDo-Right { float: right; width: 328px; height: 82px; }

.WeDo-Right h4 { font: 12pt "Century Gothic", Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color: #f7f7f7; padding-bottom: 5px; }

.WeDo-Spacer { width: 100%; height: 30px; font-size: 0pt;}









/* End of 'Stylesheet' */