/*
	Name: Techflare Solutions HTML5 Layout
	Date: January 2010
	Description: Layout description for HTML5 and CSS3.
	Version: 1.0
*/

/* Imports */
@import url("reset.css");
@import url("global-forms.css");

/***** Global *****/
/* Body */
body{
    background: #fff;
    color: #333;
    font-size: 87.5%; /* Base font size: 14px */
    font-family: 'Century Gothic', 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
}
/* Headings */
h1 {font-size: 24px}
h2 {font-size: 22px}
h3 {font-size: 20px}
h4 {font-size: 18px}
h5 {font-size: 16px}
h6 {font-size: 14px}

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}
/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #141414;
	padding: 0 1px;
	text-decoration: none;
}
a:hover, a:active {
	/*background-color: #C74350;*/
	color: #333;
	text-decoration: none;
	text-shadow: 1px 1px 1px #aaa;
}

/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #333; color: #fff;}
::selection {background: #333; color: #fff;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}
ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}
dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
/* Thead */
thead th {padding: .5em .4em; text-align: left;}
thead td {}

/* Tbody */
tbody td {padding: .5em .4em;}
tbody th {}

tbody .alt td {}
tbody .alt th {}

/* Tfoot */
tfoot th {}
tfoot td {}
	
/* HTML5 tags */
header, section, footer, aside, hgroup, nav, article, figure, sitemap {
	display: block;
}

/***** Layout *****/
.body {
    clear: both;
    margin: 0 auto;
    /*width: 800px;*/
    width: 100%;
}
.inner{
    width: 1000px;
    margin: 0 auto;
    display: block;
}
.inner .left_column{
    width: 730px;
    padding-right: 10px;
    float: left;
}
.inner .right_column{
    width: 250px;
    float: left;
    border-left: 1px dashed #A4CAEF;
}
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}

/***** Header *****/
#header{
    height: 100px;
    padding: 0 0 10px 0;
    background: #fff url('images/header_bg.png') repeat-x top;
}
#header h1{
    width: 240px;
    float: left;
    margin: 0 0 0 -5px;
    z-index: 100;
}
#header h1 a{
    width: 240px;
    height: 70px;
    background: transparent url('images/logo.png') no-repeat center;
    text-indent: -9999px;
    display: block;
    padding: 25px 0 0 0;
}
#embrace {
    background: transparent url(images/embrace.png) top left no-repeat;
    width: 200px;
    height: 25px;
    text-indent: -9999px;
    z-index: 20;
}
/* Header Phone Number */
#header .demon{
    width: 68%;
    height: 20px;
    position: absolute;
    top: 90px;
    background: #fff;
    z-index: 10;
    left: 38em;
}
#header p{
    margin: 74px 0 0 112px;
    color: #3790DF;
    position: absolute;
}
/* Main Nav */
#header nav{
    font-size: 1.143em;
    height: 40px;
    line-height: 30px;
    margin: 0;
    padding: 30px 0 0;
    text-align: left;
    float: right;
    clear: right;
}
#header nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#header nav ul li{
    float: left;
    display: inline;
    margin: 0;
    text-transform: uppercase;
    line-height: 20px;
    padding: 0 15px;
    position: relative;
}
#header nav ul li a{
    text-decoration: none;
    color: #333;
    font-weight: bold;
}
#header nav li .sub{
    display: none;
    position: absolute;
    top: 50px;
    left: 0px;
    padding: 10px 10px 10px 6px;
    float: left;
    background: #fff;
    border-left: #ddd solid 1px;
    border-right: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
    
    /*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	
	-webkit-box-shadow: 0 0px 10px #333; 
    -moz-box-shadow: 0px 0px 10px #333; 
    box-shadow: 0 0px 10px #333; 
    z-index: 1;
}
#header nav li .row{
    clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#header  nav li .sub ul{
    list-style: none;
	margin: 0; padding: 0;
	width: 100px;
	float: left;
}
#header nav .sub ul li{
    width: 100%; /*--Override parent list item--*/
	color: #000;
	display: block;
	float: none;
	padding: 0;
	text-transform: none;
}
#header nav .sub ul li h3{
    padding: 0;
    margin: 0;
}
#header nav .sub ul li h3 a{
    padding: 0 0 4px 0;
	background-image: none;
	color: #e8e000;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
#header nav .sub ul li a{
    float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 2px;
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 11px;
	font-weight: normal;
}
#header nav .sub ul li a:hover{
    color: #ddd;
	background-position: 5px 12px ;/*--Override background position--*/
}

/***** Mast - Common *****/
#mast_common{
    height: 130px;
    border-top: solid #15346F 1px;
    border-bottom: solid #FFF 1px;
    background: #000 url('images/mast_bg.png') repeat-x;
    color: #fff;
}
#mast_common .inner{
    height: 110px;
    padding: 10px 0 0;
}

#mast_common h1 {
    margin-top: 33px;
    font-size: 30px;
}
#you_should_contact_us {
    font-weight: bold;
    text-transform: uppercase;
    color: #1871C6;
    clear: both;
}
#you_should_contact_us a {
    font-weight: bold;
    text-transform: uppercase;
    color: #1871C6;
}
/***** Mast - Common - Design *****/
#design_common{
    height: 130px;
    border-top: solid #51AF19 1px;
    border-bottom: solid #FFF 1px;
    background: #000 url('images/mast_design_bg2.png') repeat-x;
    color: #fff;
}
#design_common .inner{
    height: 110px;
    padding: 10px 0 0;
}
#design_common h1 {
    margin-top: 33px;
    font-size: 30px;
}
/***** Mast - Common - Sales *****/
#sales_common{
    height: 130px;
    border-top: solid #51AF19 1px;
    border-bottom: solid #FFF 1px;
    background: #000 url('images/mast_sales_bg.png') repeat-x;
    color: #fff;
}
#sales_common .inner{
    height: 110px;
    padding: 10px 0 0;
}
#sales_common h1 {
    margin-top: 33px;
    font-size: 30px;
}
/***** Mast - Common - Support *****/
#support_common{
    height: 130px;
    border-top: solid #51AF19 1px;
    border-bottom: solid #FFF 1px;
    background: #000 url('images/mast_support_bg.png') repeat-x;
    color: #fff;
}
#support_common .inner{
    height: 110px;
    padding: 10px 0 0;
}
#support_common h1 {
    margin-top: 33px;
    font-size: 30px;
}
/***** Mast - Common - Hosting *****/
#hosting_common{
    height: 130px;
    border-top: solid #2FBFB5 1px;
    border-bottom: solid #FFF 1px;
    background: #000 url('images/mast_hosting_bg2.png') repeat-x;
    color: #fff;
}
#hosting_common .inner{
    height: 110px;
    padding: 10px 0 0;
}
#hosting_common h1 {
    margin-top: 33px;
    font-size: 30px;
}
/***** Mast - GENERAL *****/
#mast{
    height: 430px;
    border-top: solid #15346F 1px;
    border-bottom: solid #FFF 1px;
    background: #000 url('images/mast_bg.png') repeat-x;
    color: #fff;
}
#mast .inner{
    background: transparent url('images/mast_grainy_bg.png') no-repeat center top;
    height: 410px;
    padding: 10px 0 0;
}
#mast article{
    width: 708px;
    height: 405px;
    float: left;
    background: transparent url('images/mast_article_bg.png') no-repeat center;
}
#mast article figure{
    width: 242px;
    height: 396px;
    float: left;
    margin: 1px 0 0 0;
}
#mast article hgroup{
    float: left;
    text-indent: -9999px;
}
#mast article hgroup ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#mast #contact_form .success h3{
    text-align: center;
}

/***** Mast - Design *****/
#mast_design{
    height: 430px;
    border-top: solid #15346F 1px;
    border-bottom: solid #FFF 1px;
    background: #000 url('images/mast_bg.png') repeat-x;
    color: #fff;
}
#mast_design .inner{
    background: transparent url('images/mast_grainy_bg.png') no-repeat center top;
    height: 410px;
    padding: 10px 0 0;
}
#mast_design article{
    width: 708px;
    height: 405px;
    float: left;
    background: transparent url('images/mast_article_bg_design.png') no-repeat center;
}
#mast_design article figure{
    width: 242px;
    height: 396px;
    float: left;
    margin: 1px 0 0 0;
}
#mast_design article hgroup{
    float: left;
    text-indent: -9999px;
}
#mast_design article hgroup ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

/***** Mast - Cloud *****/

#mast_cloud{
    height: 430px;
    border-top: solid #3C8112 1px;
    border-bottom: solid #FFF 1px;
    background: transparent;
    color: #fff;
}
#mast_cloud .inner{
    background: transparent;
    height: 410px;
    padding: 10px 0 0;
    z-index: 0;
    position: relative;
}
#mast_cloud article{
    width: 708px;
    height: 405px;
    float: left;
    background: transparent url('images/mast_article_bg_cloud.png') no-repeat center;
}
#mast_cloud article figure{
    width: 242px;
    height: 396px;
    float: left;
    margin: 0;
}
#flashcontent {
    background: url(images/gradient.png) repeat-x scroll left top transparent;
    height: 400px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 200;
    width: 100%;
    z-index: 0;
}

/***** Mast - SALES *****/
#mast_sales{
    height: 430px;
    border-top: solid #15346F 1px;
    border-bottom: solid #FFF 1px;
    background: #000 url('images/mast_bg.png') repeat-x;
    color: #fff;
}
#mast_sales .inner{
    background: transparent url('images/mast_grainy_bg.png') no-repeat center top;
    height: 410px;
    padding: 10px 0 0;
}
#mast_sales article{
    width: 708px;
    height: 405px;
    float: left;
    background: transparent url('images/mast_article_bg_sales.png') no-repeat center;
}
#mast_sales article figure{
    width: 242px;
    height: 396px;
    float: left;
    margin: 1px 0 0 0;
}
#mast_sales article hgroup{
    float: left;
    text-indent: -9999px;
}
#mast_sales article hgroup ul{
    list-style: none;
    margin: 0;
    padding: 0;
}


/***** Mast - SUPPORT *****/
#mast_support{
    height: 430px;
    border-top: solid #15346F 1px;
    border-bottom: solid #FFF 1px;
    background: #000 url('images/mast_bg.png') repeat-x;
    color: #fff;
}
#mast_support .inner{
    background: transparent url('images/mast_grainy_bg.png') no-repeat center top;
    height: 410px;
    padding: 10px 0 0;
}
#mast_support article{
    width: 708px;
    height: 405px;
    float: left;
    background: transparent url('images/mast_article_bg_support.png') no-repeat center;
}
#mast_support article figure{
    width: 242px;
    height: 396px;
    float: left;
    margin: 1px 0 0 0;
}
#mast_support article hgroup{
    float: left;
    text-indent: -9999px;
}
#mast_support article hgroup ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

/***** Mast - HOSTING *****/
#mast_hosting{
    height: 430px;
    border-top: solid #15346F 1px;
    border-bottom: solid #FFF 1px;
    background: #000 url('images/mast_bg.png') repeat-x;
    color: #fff;
}
#mast_hosting .inner{
    background: transparent url('images/mast_grainy_bg.png') no-repeat center top;
    height: 410px;
    padding: 10px 0 0;
}
#mast_hosting article{
    width: 708px;
    height: 405px;
    float: left;
    background: transparent url('images/mast_article_bg_hosting.png') no-repeat center;
}
#mast_hosting article figure{
    width: 242px;
    height: 396px;
    float: left;
    margin: 1px 0 0 0;
}
#mast_hosting article hgroup{
    float: left;
    text-indent: -9999px;
}
#mast_hosting article hgroup ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

/***** Extras *****/
#extras{
    background-color: #E0EAF4;
    height: 250px;
    border-bottom: solid 1px #fff;
}
#extras .inner{
    padding-top: 20px;
}
#extras .special{
    height: 190px; 
    border: #D2D2D2 solid 1px;
    background: #fff;
    padding: 10px;
    
    border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#extras #projects{
    width: 310px;
    margin-right: 25px;
    float: left;
}
#extras #history{
    width: 320px;
    float: left;
}
#extras #support{
    width: 250px;
    float: right;
}
#extras .special img{
    float: left;
    padding-left: 10px;
}
#extras .special h2{
    /*float: right;
    /*width: 150px;*/
    text-align: right;
}
#extras .special p{
    clear: both;
    font-size: 12px;
    padding: 10px 0 0;
}
#extras .special .read_more{
    display: block;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}
#extras .special .read_more a{
    text-decoration: none;
    padding-right: 15px;
    background: url('images/arrow.png') no-repeat right;
}

/***** Content *****/
#content{
    min-height: 350px;
    border-top: #C4D9EE solid 1px;
    border-bottom: #C4D9EE solid 1px;
}
#content .inner{
    padding: 10px 0;
}
#content #latest_articles{
    width: 310px;
    margin-right: 15px;
    float: left;
    min-height: 280px; 
    border-right: #D2D2D2 solid 1px;
    padding: 10px;
    padding-right: 20px;
}
#content h1{
    text-transform: uppercase;
    font-weight: bold;
}
#content h2{
    font-size: 18px;
    color: #2A2A2A;
    font-weight: bold;
}
#content h3{
    font-size: 15px;
    color: #2A2A2A;
    font-weight: bold;
}
#content #latest_articles ul{
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 10px;
}
#latest_articles ul li{
    padding: 5px 5px 5px 15px;
    background: url('images/arrow_green.png') no-repeat left center;
}
#latest_articles ul li a{
    font-size: 11px;
    text-decoration: none;
}
.view_all{
    display: block;
    text-align: right;
    padding: 10px 20px 0 0;
}
.view_all a{
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    clear: both;
    float: right;
}
#testimonials{
    width: 330px;
    float: left;
    min-height: 260px; 
    border-right: #D2D2D2 solid 1px;
    padding: 10px;
    padding-right: 20px;
}
#testimonials ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#testimonials ul li{
    float: left;
    padding: 5px 0 0 20px;
}
#social-links{
    width: 250px;
    float: right;
    height: 180px; 
    padding: 10px;
}
#social-links .twitter, 
#social-links .facebook{
    border-bottom: solid 1px #E0EAF4;
}
#social-links .twitter a{
    display: block;
    width: 210px;
    height: 80px;
    background: url('images/social_twitter.png') no-repeat top;
    text-indent: -9999px;
    padding-bottom: 10px;
}
#social-links .facebook a{
    display: block;
    width: 210px;
    height: 80px;
    background: url('images/social_facebook.png') no-repeat top;
    text-indent: -9999px;
    padding-bottom: 10px;
}
#social-links .subscribe{
    padding: 10px 0 0;
    font-size: 12px;
}
#social-links .subscribe .row{
    background-color: #E0EAF4;
    padding: 10px 6px 10px 10px;
    height: 25px;
    
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#social-links .subscribe .row input[type="text"]{
    width: 150px;
    float: left;
}
#social-links .subscribe .row input[type="submit"]{
    width: 74px;
    height: 30px;
    background: transparent url(images/button_submit_green_bg_news.png) center no-repeat;
    color: #666;
    text-shadow: 1px 1px 1px #aaa;
    float: right;
    text-indent: -9999px;
    margin: -3px 0 0 4px;
    padding: 0;
}

/***** Partners *****/
#partners{
    min-height: 140px;
    border-bottom: #FFF solid 1px;
    background-color: #E0EAF4;
}
#partners .inner{
    background: transparent url('images/partners_bg.png') no-repeat center;
    height: 140px;
}

/***** Footer *****/
#footer{
    background-color: #161616;
    min-height: 200px;
    color: #999;
    font-size: 11px;
}
#footer .inner{
    padding: 20px 0;
}
#footer .about{
    width: 700px;
    float: left;
    padding: 10px;
    border-right: #999 dotted 1px;
    height: 50px;
    margin-bottom: 20px;
}
#footer .copyright{
    width: 250px;
    float: left;
    padding: 10px;
    text-align: center;
    color: #fff;
    height: 50px;
    margin-bottom: 20px;
}
#footer #sitemap{
    clear: both;
    border-top: #999 dotted 1px;
    padding: 20px;
}
#footer #sitemap ul{
    list-style: none;
    margin: 0;
    padding: 0;
    height: 180px;
}
#footer #sitemap ul li{
    display: block;
    float: left;
    color: #fff;
    font-weight: bold;
    width: 200px;
    line-height: 20px;
}
#footer #sitemap ul li a{
    text-decoration: none;
    color: #ccc;
}
#footer #sitemap ul li ul{
    margin-left: 15px;
}
#footer #sitemap ul li ul li{
    font-weight: normal;
    float: none;
    padding: 0;
    margin: 0;
    width: auto;
}





/***** Common *****/
.clear{
    clear: both;
}
.center{
    text-align: center;
}

/***** By The Numbers *****/
#by_the_numbers {
    width: 70%;
    float: left;
    margin-left: 10px;
}
#by_the_numbers tr {
    border-bottom: 1px dashed #A4CAEF;
}


/***** Testimonials *****/

.testimonial {
    border: 1px solid #DFDFDF;
    margin: 15px 0 0 0; 
    padding: 10px;
}
.testimonial img {
    padding: 0 0 10px 0;
}
#top_testimonial {
    margin: 0!important;
}

/***** Login *****/

.login_create_account,
.forgot_password_help {
	float: left;
	margin: 0 27px 0 0;
	width: 300px;
	border-right: 1px dashed #A4CAEF;
	height: 265px;
	}

.login_existing_account,
.forgot_password_reset {
 	float: left;
 	width: 300px;
	}
.login_existing_account label {
    float: left;
    clear: both;
}
.login_existing_account input {
    float: left;
    clear: both;
}
.login_existing_account .optional {
    clear: both;
    float: left;
}
.login_existing_account .optional span{
    clear: both;
    float: left;
    padding: 5px 0;
}
.login_existing_account input[type="checkbox"] {
    clear: none!important;
    float: left;
}
.login_existing_account .optional label {
    clear: none!important;
    float: left;
}
.login_existing_account .buttons input[type="submit"]{
   width: 120px;
   height: 35px;
   text-indent: -9999px;
   background: transparent url('images/button_submit_green_bg.png') no-repeat center;
   margin-top: 10px;
}
.login_existing_account .buttons input[type="submit"]:hover{
   width: 120px;
   height: 35px;
   text-indent: -9999px;
   background: transparent url('images/button_submit_green_bg.png') no-repeat center; 
   margin-top: 10px;
   
   -webkit-box-shadow: 0 0px 15px #AFCCFF; 
    -moz-box-shadow: 0px 0px 15px #AFCCFF; 
    box-shadow: 0 0px 15px #AFCCFF; 
    z-index: 1;
}
#login_message {
    border-bottom: 1px dashed #A4CAEF;
    padding: 0 0 10px 0;
    width: 610px;
}
.login_existing_account span {
    clear: both;
    float: left;
}
.login_tab a
{
    background: transparent url(images/login.png) no-repeat top left;
    width: 104px;
    height: 26px;
    float: right;
    margin: 0 5px 0 0;
}

/***** Services *****/

#services .special{
    height: 180px; 
    border: #D2D2D2 solid 1px;
    background: #fff;
    padding: 10px;
    
    border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#services #design{
    width: 310px;
    margin-right: 25px;
    float: left;
}
#who_we_are, #what_we_do, #why_techflare, #how_much, #what_now 
{
    float: left;
    padding-bottom: 20px;
}
#who_we_are img
{
    float: left;
    padding-right: 30px;
}
#what_we_do img
{
    float: left;
    padding-right: 30px;
}
#why_techflare img 
{
    float: left;
    padding-right: 30px;
}
#how_much img
{
    float: left;
    padding-right: 30px;
}
#what_now img
{
    float: left;
    padding-right: 30px;
}
#who_we_are p
{
    padding-top: 40px;
}
#what_we_do p
{
    padding-top: 40px;
}
#why_techflare p 
{
    padding-top: 40px;
}
#how_much p
{
    padding-top: 40px;
}
#what_now p
{
    padding-top: 40px;
}
#services #support{
    width: 320px;
    float: left;
}
#services #sales{
    width: 250px;
    float: right;
}
#services .special h2{
    float: right;
    width: 150px;
    text-align: right;
    font-size: 40px;
}
#services .special p{
    clear: both;
    font-size: 12px;
    padding: 10px 0 0;
}
#services .special .read_more{
    display: block;
    text-align: right;
    font-size: 12px;
}
#services .special .read_more a{
    text-decoration: none;
    padding-right: 15px;
    background: url('images/arrow.png') no-repeat right;
}
#services_content {
    background-color: #fff;
    height: 250px;
    border-bottom: solid 1px #fff;
}
#services_content .inner{
    padding-top: 20px;
}
/***** Sidebar *****/

#content .right_column #testimonials{
    width: 240px;
    min-height: 220px;
    float: left;
    padding: 10px 0 20px 19px;
    border-right: none;
    border-bottom: 1px dashed #A4CAEF;
}
#content .right_column #testimonials ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#content .right_column #testimonials ul li{
    float: left;
    padding: 0;
}

#content .right_column #latest_articles{
    width: 240px;
    float: left;
    padding: 10px 0 10px 19px;
    border-right: none;
    border-bottom: 1px dashed #A4CAEF;
    min-height: 200px;
}

#content .right_column #social-links{
    width: 240px;
    height: 320px;
    float: left;
    padding: 10px 0 10px 19px;
}
#content .right_column #social-links .twitter, 
#content .right_column #social-links .facebook{
    border-bottom: solid 1px #E0EAF4;
}
#content .right_column #social-links .twitter a{
    display: block;
    width: 210px;
    height: 80px;
    background: url('images/social_twitter.png') no-repeat top;
    text-indent: -9999px;
    padding-bottom: 10px;
}
#content .right_column #social-links .facebook a{
    display: block;
    width: 210px;
    height: 80px;
    background: url('images/social_facebook.png') no-repeat top;
    text-indent: -9999px;
    padding-bottom: 10px;
}
#content .right_column #social-links .subscribe{
    padding: 10px 0 0;
    font-size: 12px;
    float: left;
}
#content .right_column #social-links .subscribe .row{
    background-color: #E0EAF4;
    padding: 10px 6px 10px 10px;
    height: 25px;
    
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#content .right_column #social-links .subscribe .row input[type="text"]{
    width: 130px;
    float: left;
}
#content .right_column #social-links .subscribe .row input[type="submit"]{
    width: 74px;
    height: 30px;
    background: transparent url(images/button_submit_green_bg_news.png) center no-repeat;
    color: #666;
    text-shadow: 1px 1px 1px #aaa;
    float: right;
    text-indent: -9999px;
    margin: -3px 0 0 4px;
    padding: 0;
}

/***** Testimonials Link *****/
.testimonials_link {
    width: 425px;
    height: 90px;
    float: left;
    margin: 290px 0 0 20px;
}    
.testimonials_link a {
    width: 425px;
    height: 90px;
    display: block;
    text-decoration: none;
}    
#mast_cloud .inner .testimonials_link a
{
    width: 50px;
    margin: 0 0 0 620px;
}
/***** Ten Reasons to talk to Tech *****/
#ten_reasons ul li {
    padding: 0 0 20px 0;
}

/***** Contact Us *****/

#contact_left {
    float: left;
}
#contact_right {
    float: left;
    margin: 0 0 20px 20px;
    border-left: 1px dashed #A4CAEF;
    padding-left: 20px;
}
#contact_us_p {
    padding-bottom: 10px;
    border-bottom: 1px dashed #A4CAEF;
    width: 700px;
}

input {
    font-family: "Century Gothic","Trebuchet MS",Verdana,Helvetica,sans-serif;
    font-size: 12px;
}

textarea {
    font-family: "Century Gothic","Trebuchet MS",Verdana,Helvetica,sans-serif;
    font-size: 12px;
}

#contact_right #contact_form
{
    background: #1D70C0!important;
}

.form .buttons {
    text-align: right;
    clear: both;
}

#contact_form{
    background: transparent url('images/homepage_contact_form_bg.png') no-repeat bottom;
    padding: 47px 20px 0;
    width: 231px;
    height: 350px;
    float: right;
    border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#contact_form.cloud_form 
{
    background: transparent url('images/cloud_contact_form_bg.png') no-repeat bottom;
}
#contact_form.cloud_form .success 
{
    color: #000;
}
.cloud_content 
{
    float: left;
    padding: 12px;
    background: #EFF7FF;
    border: 1px solid #C4D9EE;
    margin: 0 0 10px 0;
    border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;   
    width: 672px; 
}
.cloud_content_wrap h3 
{
    clear: both;
    margin: 10px 0 5px 0;
    float: left;
}
.cloud_content img 
{
    float: left;
    margin: 0 20px 0 0;
}
.cloud_content.other img 
{
    padding: 10px;
}
.cloud_content p
{
    float: left;
    width: 530px;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}
.cloud_content.other p 
{
    width: 560px;
}
.phone_number{
   background: transparent url('images/call.png') top left no-repeat;
   display: block;
   font-size: 12px;
   font-weight: bold;
   font-family: 'Arial';
   color: #fff;
   padding: 5px 0 0 5px;
   text-indent: -9999px;
   width: 100px;
   height: 40px;
}
.cloud_form .phone_number 
{
    background: transparent url('images/call_cloud.png') top left no-repeat;
}
#contact_form .instruction{
    background: transparent url(images/get_in_touch.png) top left no-repeat;
    display: block;
    font-size: 12px;
    font-family: 'Arial';
    font-weight: bold;
    text-align: left;
    padding: 0 0 15px;
    text-indent: -9999px;
}
#contact_form.cloud_form .instruction
{
    background: transparent url(images/get_in_touch_cloud.png) top left no-repeat;
}
#contact_form .row{
    height: 31px;
    background: transparent url('images/row_bg.png') no-repeat top;
    padding: 5px 10px 12px 5px;
}
#contact_form .large{
    height: 41px;
    background: transparent url('images/row_large_bg.png') no-repeat top;
    padding: 5px 10px 20px 5px;
}
#contact_form .row span{
    width: 40px;
    height: 25px;
    line-height: 25px;
    display: block;
    float: left;
    color: #333;
    font-size: 12px;
}
#contact_form .large span{
    width: 75px;
}
#contact_form .row input[type="text"],
#contact_form .row textarea,
#contact_form .row select{
    width: 117px;
    padding-left: 15px;
    float: right;
    font-size: 11px;
}
#contact_form .row select{
    width: 135px;
}
#contact_form .row .good{
    background: #CFFAD3 url('images/tick_small.png') no-repeat 2px 5px;
    border: #33B342 solid 1px;
}
#contact_form .row .bad{
    background: #FFDFDF url('images/cross_small.png') no-repeat 2px 5px;
    border: #E11D1D solid 1px;
}
#contact_form .large textarea{
    height: 40px;
}
#contact_form .buttons{
    text-align: center;
    padding: 5px;
    width: 120px;
    float: right;
}
#contact_form .buttons input[type="submit"]{
   width: 120px;
   height: 35px;
   text-indent: -9999px;
   background: transparent url('images/button_submit_green_bg.png') no-repeat center; 
}
#contact_form .buttons input[type="submit"]:hover{
   width: 120px;
   height: 35px;
   text-indent: -9999px;
   background: transparent url('images/button_submit_green_bg.png') no-repeat center; 
   
   -webkit-box-shadow: 0 0px 15px #AFCCFF; 
    -moz-box-shadow: 0px 0px 15px #AFCCFF; 
    box-shadow: 0 0px 15px #AFCCFF; 
    z-index: 1;
}
#contact_form .success h3{
    text-align: center;
}
/***** Case Studies *****/
.case_study {
    border: 1px solid #DFDFDF;
    margin: 15px 0 0 0; 
    padding: 10px;
}
.case_study img {
    padding: 0 0 10px 0;
}
#top_case_study {
    margin: 0!important;
}
.case_study .read_more {
    font-weight: bold;
    text-align: right;
}
/***** Portfolio ******/

ul.gallery {
	width: 730px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0 0 0 -15px; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 15px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 150px; /*--Width of image--*/
	height: 150px; /*--Height of image--*/
	padding: 0;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 150px;
	height: 150px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}
ul.gallery .popup 
{
    display: none;
}
.popup_container 
{
    width: 900px;
    float: left;
}
.popup_container div 
{
    float: left;
}
.popup_container img 
{
    float: left;
    padding: 0 10px 0 0;
}
.popup_text 
{
    background: #DFE8FF;
    width: 268px;
    padding: 0 10px;
    border: 1px solid #BFD6FF;
}
.popup_text ul {
    margin: 12px 8px 0 0;
    font-weight: bold;
    padding: 0!important;
    list-style-type: none;
}
.popup_text ul li {
    margin: 0;
    background: transparent url(images/green_tick.png) no-repeat 0 5px;
    padding: 0 0 0 25px;
    line-height: 27px;
}
.popup_text h3 
{
    margin-top: 10px;
    font-weight: bold;
}
/*.portfolio_container{
    background: #E0EAF4;
    width: 700px;
}
#portfolio_slider{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.portfolio_container .coin-slider{
    height: 800px;
}
#portfolio_slider .cs-title{
    width: auto;
    font-size: 11px;
    bottom: -200px !important;
    
}
#portfolio_slider .cs-title h3{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 5px;
}
#portfolio_slider .cs-prev, 
#portfolio_slider .cs-next{
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    padding: 0 10px;
    text-decoration: none;
}
.portfolio_wrap {
    width: 100%;
    float: left;
    border: 1px solid #DFDFDF;  
    margin: 0 0 15px 0;
}
.portfolio {
    padding: 10px 0 10px 10px;
    min-height: 272px;
    float: left;
    width: 100%;
}
.notepad {
    background: transparent; 
    width: 240px;
    float: right;
    margin: 0 0 0 10px;
    padding: 20px 10px 0 0;
}
.notepad ul {
    margin: 12px 8px 0 0;
    font-weight: bold;
    padding: 0!important;
    list-style-type: none;
}
.notepad ul li {
    margin: 0;
    background: transparent url(images/green_tick.png) no-repeat 0 5px;
    padding: 0 0 0 25px;
    line-height: 27px;
}
.website {
    width: 430px;
    float: left;
    padding-left: 10px;
}
.website h3 
{
    margin-top: 5px;
}*/

/***** Web Packages *****/

.web_package 
{
    -moz-border-radius:5px 5px 5px 5px;
    background:none repeat scroll 0 0 #EFF7FF;
    border:1px solid #C4D9EE;
    padding:8px; 
    margin: 20px 0;
    float: left;
    width: 712px;
}
.web_package h2 
{
    color: #1D4A94!important;
    line-height: 31px;
}
.web_package h2#starter 
{
    background: transparent url(images/starter_package.png) no-repeat top left;
    padding: 0 0 0 40px;
    height: 33px;
    width: 350px;
}
.web_package h2#plus
{
    background: transparent url(images/plus_package.png) no-repeat top left;
    padding: 0 0 0 40px;
    height: 33px;
    width: 350px;
}
.web_package h2#cms
{
    background: transparent url(images/cms_package.png) no-repeat top left;
    padding: 0 0 0 40px;
    height: 33px;
    width: 350px;
}
.web_packages_table
{
    -moz-border-radius:5px 5px 5px 5px;
    background: #e0eaf4;
    border:1px solid #C4D9EE;
    padding:8px; 
    margin: 20px 0;
    float: left;
}
.web_packages_table table 
{
    background: #f0f8ff;
    border: 1px solid #848484;
}
.web_packages_table table tr
{
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
}
.web_packages_table table tr td
{
    border-right: 1px solid #848484;
}
.web_packages_table table tr td.top
{
    background: #c8dcf0;
    text-align: center;
    font-size: 16px;
}
.web_packages_table table tr td.break
{
    background: #c8dcf0;
    border-right: none;
}
.web_packages_table table tr td.breaker
{
    background: #e1e1e1;
    border-right: none;
}
.web_packages_table tr td.first 
{
    width: 240px;
}
.custom_packages, .print_options 
{
    -moz-border-radius:5px 5px 5px 5px;
    background: #e0eaf4;
    border:1px solid #C4D9EE;
    padding:8px;     
    width: 340px;
    height: 96px;
    float: left;
}
.other_options 
{
    float: left;
}
.other_options a 
{
    width: 356px;
    height: 112px;
    float: left;
    margin: 0 0 10px 0;
}
.print_options 
{
    margin: 0 0 0 14px;
}               
.custom_packages img, .print_options img 
{
    padding: 12px;
    float: left;
}
.custom_packages h3, .print_options h3 
{
    color: #1D4A94!important;
    font-size: 18px;
    margin: 8px 0 8px 0;
} 
.custom_packages p, .print_options p 
{
    font-size: 12px;
    color: #333;
}
/***** Expanding *****/

.expand_content {
    list-style-type: none;
    margin: 0;
}
.expand 
{
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    float: left;
}
/***** Common *****/
.rounded_5{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
}
.rounded_10{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 10px;
}
.rounded_15{
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 15px;
}


/***** News & Articles *****/
.add_article{
    height: 30px;
}
.add_article a{
    width: 121px;
    height: 22px;
    float: right;
    display: block;
    background: url('images/button_add_article.png') no-repeat center;
    text-indent: -9999px;
}
.article_summary{
    border: #C4D9EE solid 1px;
    background: #fff;
    margin-bottom: 20px;
}
.tagweight1
{
    font-size: 1.9em;
    font-weight:bolder;
}
.tagweight2
{
    font-size:1.5em;
    font-weight:bolder;
}
.tagweight3
{
    font-size: 1.4em;
    font-weight:bolder;
}
.tagweight4
{
    font-size: 1.2em;
}
.tagweight5
{
    font-size: 1.0em;
}
.posted 
{
    background: #EFF7FF;
    padding: 3px;
    border: 1px solid #C4D9EE;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.blog_heading
{
    font-size: 22pt!important;
    margin-bottom: 3px;
}
.date 
{
    color: #8F8F8F;
    font-style: italic;
    font-size: 8pt;
}
#sidebar_bios 
{
    border: #C4D9EE solid 1px;
    background: #EFF7FF;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
}
#sitemappath a
{
    color: #8F8F8F;
}
#post_comment 
{
    border: #C4D9EE solid 1px;
    background: #E0EAF4;
    margin: 0;
}
#post_comment label 
{
    font-weight: bold;
    width: 90px;
    display: block;
} 
#title, #name 
{
    float: left;
    width: 320px;
    height: 60px;
}
#title input, #name input
{
    width: 308px;
}
#comment_box 
{
    clear: both;
}
#comment_box textarea
{
    width: 627px!important;
}
#blog_body 
{
    margin: 0 0 15px 0;
}
#post_now 
{
    float: right;
    clear: both;
    margin: 0 42px 0 0;
}
#security_code 
{
    width: 185px;
    height: 140px;
    float: left;
}
.comment 
{
    margin: 20px 0;
}
.timestamp 
{
    color: #8F8F8F;
    font-style: italic;
    font-size: 8pt;
}
.timestamp_author 
{
    font-weight: bold;
    color: #6F6F6F;
}
.comment
{
    border: #C4D9EE solid 1px;
    background: #EFF7FF;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
}
.comment h4
{
    margin-bottom: 3px;
}
.biography 
{
    border: #C4D9EE solid 1px;
    background: #EFF7FF;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
	margin: 20px 0;
	float: left;
}
.biography .more_link 
{
    clear: both;
}
.tfd {
    background: url("images/green_gradient_small.png") no-repeat scroll center top #50AB18;
}
.left_column a:link, .left_column a:visited {
	font-weight: bold;
	color: #1C4992;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
}
.left_column a:hover, .left_column a:active {
	font-weight: bold;
	color: #1C4992;
	text-decoration: underline;
	text-shadow: 1px 1px 1px #aaa;
}
.bio_image 
{
    float: left;
    width: 220px;
    height: 100%;

}
.bio_text 
{
    float: left;
    width: 470px;
    height: 100%;
    padding: 0 0 0 10px;
}


.more_link{
    display: block;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}
.more_link a{
    text-decoration: none;
    padding: 0 15px 0 0;
    background: url('images/arrow.png') no-repeat right;
}



.newsBox{
    background-color: #E0EAF4;
    height: 300px;
    padding: 0px 10px 10px;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#content .newsBox #tabMenu{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.newsBox #tabMenu li{
    float: left;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    cursor: hand;
    list-style-type: none;
    background: none;
    padding: 0;
}
.newsBox #tabMenu li a{
    display: block;
    margin-top: 5px;
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
}
.newsBox #tabMenu li.selected a{
    background: #fff;
    border-left: 1px solid #D1E0EF;
    border-top: 1px solid #D1E0EF;
    border-right: 1px solid #D1E0EF;
}
.newsBox #tabMenu li a:hover{
    color: #000;
}

.newsBody{
    clear: both;
    padding: 0 10px 10px;
    height: 260px;
    border: 1px solid #D1E0EF;
    background: #fff;
}
.newsBody .item{
    display: none;
}
.newsBody .show{
    display: block;
}



.tweet{
    font-size: 11px;
}
.tweet li,
#latest_articles .tweet li{
    background: url("images/arrow_green.png") no-repeat 0px 10px;
}
.tweet_time a{
    font-size: 10px;
    color: #999;
    font-style: italic;
}
.tweet_text a{
    color: #1C4992;
}

/* Gridview
---------------------------------------------------------- */

#update_progress {
	position: absolute;
	top: 4em;
	right: 2em;
	}

.gridview_search_filter {
	margin: 10px 0;
	}

.gridview_search_filter label,
.gridview_search_filter .inputButton {
	margin: 0 0 0 10px;
	}

.gridview_search_results {
	padding: 1em 0;
	}

table.gridview {
	border: 0;
	border-collapse: collapse;
	width: 100%;
    font-size: 90%;
	}

table.gridview tr td {
	margin: 0;
	padding: 0.3em;
	vertical-align: middle;
	}

table.gridview tr.gridview_row {
	background: #f5f5f5;
	}
table.gridview tr.gridview_alternate_row {
	background: #eee;
	}

table.gridview tr.gridview_row:hover,
table.gridview tr.gridview_alternate_row:hover {
	background: #333;
	}

table.gridview tr.gridview_row > td,
table.gridview tr.gridview_alternate_row > td {
	color: #333;
	}

table.gridview tr.gridview_row:hover > td,
table.gridview tr.gridview_alternate_row:hover > td {
	color: #eee;
	}

table.gridview tr.gridview_row:hover > td > a,
table.gridview tr.gridview_alternate_row:hover > td > a {
	color: #fff !important;
	}

table.gridview th {
	background: #666 repeat-x left top;
	color: #eee;
	font-weight: bold;
	margin: 0;
	padding: 0.3em;
	text-align: left;
	white-space: nowrap;
	}

table.gridview tr.sub_row table.gridview tr.gridview_header th {
	background-image: none;
	color: #333;
	}

table.gridview tr.gridview_row table.gridview tr.gridview_header th {
	background: #ddd;
	}

table.gridview tr.gridview_alternate_row table.gridview tr.gridview_header th {
	background: #ddd;
	}

table.gridview tr.sub_row > td {
	padding: 0 0 3px 0;
	}

table.gridview tr.sub_row.gridview_row,
table.gridview tr.sub_row.gridview_row:hover {
	background: #cf101a;
	}

table.gridview tr.sub_row.gridview_alternate_row ,
table.gridview tr.sub_row.gridview_alternate_row:hover {
	background: #cf101a;
	}

table.gridview tr.gridview_header th img {
	/**vertical-align: bottom;**/
	}

table.gridview tr.gridview_header th a {
	color: #eee !important;
	}

table.gridview tr.gridview_header th a:hover {
	color: #fff;
	font-weight: bold;
	}

table.gridview .align_center {
	text-align: center;
	}

table.gridview .align_right {
	text-align: right;
	}

table.gridview  tr.gridview_header th.tfi,
table.gridview  tr.gridview_header th.tfo,
table.gridview  tr.gridview_header th.tfd,
table.gridview  tr.gridview_header th.tfs {
	text-align: center;
	}

table.gridview td.tfi,
table.gridview td.tfo,
table.gridview td.tfd,
table.gridview td.tfs {
	color: #fff;
	padding: 0.3em 0;
	text-align: center;
	width: 80px;
	}

table.gridview td.tfi {
	background: #333 url(images/grey_gradient_small.png) no-repeat center top;
	}

table.gridview td.tfo {
	background: #cf101a url(images/red_gradient_small.png) no-repeat center top;
	}

table.gridview td.tfd {
	background: #50ab18 url(images/green_gradient_small.png) no-repeat center top;
	}

table.gridview td.tfs {
	background: #008dc4 url(images/blue_gradient_small.png) no-repeat center top;
	}

table.gridview .date_column {
	width: 160px;
	}

table.gridview .status_column {
	width: 180px;
	}

table.gridview td.tfi a,
table.gridview td.tfo a,
table.gridview td.tfd a,
table.gridview td.tfs a {
	background: transparent;
	color: #fff !important;
	font-weight: bold;
	}

table.gridview .cost_summary td,
table.gridview .cost_total td {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0.3em;
	text-align: right;
    color: #666;
    width: 100px;
	}

table.gridview .cost_total td {
	color: #333;
	}

.gridview_links {
	padding: 0 10px 3px 0;
	text-align: right;
	}

.gridview_links a {
	padding: 0 0.2em;
	}

.gridview_links .inactive {
	background: transparent url(images/link_indicator.gif) no-repeat center top;
	color: #999 !important;
	padding-top: 2px;
	}

.gridview_links a.sales_link {
	color: #cf101a;
	}

.gridview_links a.design_link {
	color: #50ab18;
	}

.gridview_links a.support_link {
	color: #008dc4;
	}

/* Jobs
---------------------------------------------------------- */

.tfid_and_status {
	border-bottom: 1px solid #eee;
	padding: 0 0 1em 0;
	text-align: right;
	}

.tfid_and_status p {
	font-size: 1.6em;
	line-height: 1;
	margin: 0 !important;
	padding: 0;
	}

.tfid_and_status .tfid {
	float: left;
	font-weight: bold;
	}

.tfid_and_status .job_status {
	font-style: oblique;
    font-size: 14px;
     vertical-align: bottom;
	}

.sales .tfid_and_status .tfid {
	color: #cf101a;
	}

.design .tfid_and_status .tfid {
	color: #50ab18;
	}

.support .tfid_and_status .tfid {
	color: #008dc4;
	}

.telco .tfid_and_status .tfid {
	color: #e39f02;
	}

.training .tfid_and_status .tfid {
	color: #734987;
	}

.hosting .tfid_and_status .tfid {
	color: #28c4bc;
	}

.error_code,
.admin_notes {
	margin: 2em auto;
	padding: 12px 0 0 0;
	width: 540px;
	}

.error_code {
	background: #ffc url(images/rounded_panel_top_yellow.png) no-repeat center top;
	color: #333;
	}

.admin_notes {
	background: #f5f5f5 url(images/rounded_panel_top_light_grey.png) no-repeat center top;
	color: #333;
	}

.error_code p,
.admin_notes p {
	margin: 0 !important;
	padding: 0 15px 12px 15px;
	width: 510px;
	}

.error_code h3,
.admin_notes h3 {
	margin: 0 15px 12px 15px;
	}

.error_code p {
	background: transparent url(images/rounded_panel_bottom_yellow.png) no-repeat center bottom;
	color: #333;
	font-family: "Courier New", Courier, monospace;
	}

.admin_notes p {
	background: transparent url(images/rounded_panel_bottom_light_grey.png) no-repeat center bottom;
	color: #333;
	font-style: oblique;
	}

#job_updates {
	margin: 0 0 2em 0;
	width: 100%;
	}

#job_updates .admin_update,
#job_updates .customer_update {
	background-color: transparent;
	background-position: center top;
	background-repeat: no-repeat;
	color: #f5f5f5;
	margin: 1em auto 0 auto;
	padding: 12px 0 0 0;
	width: 640px;
	}

#job_updates .admin_update {
	/**background-image: url(images/rounded_panel_top_light_grey.png);**/
	}

#job_updates .customer_update {
	/**background-image: url(images/rounded_panel_top_dark_grey.png);**/
	}

.sales #job_updates .customer_update {
	/**background-image: url(images/rounded_panel_top_red.png);**/
	}

.design #job_updates .customer_update {
	/**background-image: url(images/rounded_panel_top_green.png);**/
	}

.support #job_updates .customer_update {
	/**background-image: url(images/rounded_panel_top_blue.png);**/
	}

.telco #job_updates .customer_update {
	/**background-image: url(images/rounded_panel_top_orange.png);**/
	}

.training #job_updates .customer_update {
	/**background-image: url(images/rounded_panel_top_purple.png);**/
	}

.hosting #job_updates .customer_update {
	/**background-image: url(images/rounded_panel_top_aqua.png);**/
	}

#job_updates .admin_update .job_update_info,
#job_updates .customer_update .job_update_info {
	background-position: center bottom;
	background-repeat: no-repeat;
	margin: 0 0 0.5em 0;
	padding: 10px 15px 12px 15px;
	width: 610px;
	}

#job_updates .admin_update .job_update_info {
	background-color: #f5f5f5;
	/**background-image: url(images/rounded_panel_bottom_light_grey.png);**/
	color: #333;
	}

#job_updates .customer_update .job_update_info {
	background-color: #f5f5f5;
	/**background-image: url(images/rounded_panel_bottom_dark_grey.png);**/
	color: #000;
	}

.sales #job_updates .customer_update .job_update_info {
	background-color: #cf101a;
	/**background-image: url(images/rounded_panel_bottom_red.png);**/
	color: #000;
	}

.design #job_updates .customer_update .job_update_info {
	background-color: #50ab18;
	/**background-image: url(images/rounded_panel_bottom_green.png);**/
	color: #000;
	}

.support #job_updates .customer_update .job_update_info {
	background-color: #008dc4;
	/**background-image: url(images/rounded_panel_bottom_blue.png);**/
	color: #000;
	}

.telco #job_updates .customer_update .job_update_info {
	background-color: #e39f02;
	/**background-image: url(images/rounded_panel_bottom_orange.png);**/
	color: #000;
	}

.training #job_updates .customer_update .job_update_info {
	background-color: #734987;
	/**background-image: url(images/rounded_panel_bottom_purple.png);**/
	color: #000;
	}

.hosting #job_updates .customer_update .job_update_info {
	background-color: #28c4bc;
	/**background-image: url(images/rounded_panel_bottom_aqua.png);**/
	color: #000;
	}

#job_updates .job_update_info .job_update_creation_date {
	clear: right;
	float: right;
	margin: 0 0 0 1em;
	}

#job_updates .job_update_info .job_update_attachment {
	float: right;
	margin: 0;
	}

#job_updates .job_update_info .job_update_attachment a {
	background: transparent url(images/file_icon.gif) no-repeat left top;
	color: #333;
	display: block;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	width: 18px;
	}

#job_updates .customer_update .job_update_info .job_update_attachment a {
	color: #000;
	}

#job_updates .job_update_info .job_update_status {
	margin: 0;
	}

#job_updates .job_update_info .job_update_message {
	font-style: oblique;
	margin: 0 0 0.5em 0;
	overflow: auto;
	}

#job_updates .job_update_info .job_update_message_edit {
	border-top: solid 1px #ccc;
	font-style: oblique;
	margin: 1em 0 0 0;
	padding: 0.5em 0 0 0;
	}

#job_updates .customer_update .job_update_info .job_update_message_edit {
	border-color: #000;
	}

#job_updates .job_update_info .job_update_edit_date {
	clear: right;
	float: right;
	margin: 1.5em 0 0 1em;
	}

#job_updates .job_update_billable_time,
#job_updates .job_update_calendar_dates {
	background: transparent;
	color: #999;
	margin: 0;
	padding: 0 1em;
	}

#job_updates .job_update_calendar_dates {
	float: right;
	}

.print_icon {
	background: transparent url(images/print_icon.png) no-repeat right center;
	padding: 10px 32px 10px 0px !important;
    float: right;
    margin-top: 15px;
	}

.checkout {
	color: #50ab18 !important;
	background: transparent url(images/arrow_icon.png) no-repeat right center;
	padding: 10px 16px 10px 0px !important;
    float: right;
    margin-top: 15px;
	}

element.style {
    width: 60%;
}

textarea {
    margin-bottom: 7px;
    width: 99%;
}

input[type="password"], input[type="text"], input[type="email"], input[type="url"], select, textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D1E0EF;
    color: #999999;
    font-family: inherit;
    font-size: inherit;
    padding: 2px;
}

input[type="submit"] {
    background: none repeat scroll 0 0 #1C539B;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    padding: 0.3em 2em;
    text-shadow: 1px 1px 1px #000000;
}

.linked_accounts {
	background-color: #f5f5f5;
	border: solid 1px #eee;
	clear: right;
	float: right;
	padding: 10px;
	}

table.info {
	border-collapse: collapse;
	}

table.info th {
	background: #eee;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	font-weight: bold;
	padding: 0.2em 0.5em;
	}

table.info td {
	background: #fafafa;
	border-bottom: 1px solid #aaa;
	padding: 0.2em 0.5em;
	}

/* Error Panels
---------------------------------------------------------- */

ul.bulleted,
#content .success_panel ul,
#content .error_panel ul,
#content .warning_panel ul {
	margin: 0 0 1em 0;
	padding-left: 2em;
	}

ul.bulleted li,
#content .success_panel li,
#content .error_panel li,
#content .warning_panel li {
	background: transparent url(images/bullet_icon.gif) no-repeat left center;
	color: #666;
	list-style-type: none;
	padding-left: 15px;
	}

#content .success_panel,
#content .error_panel,
#content .warning_panel {
	background-color: #ffe;
	border: 1px solid #fff5cc;
	margin: 30px auto;
	padding: 10px;
	width: 600px;
	}

#content .success_panel a,
#content .error_panel a,
#content .warning_panel a {
	font-weight: bold;
	}

/* Sidebar Panels
---------------------------------------------------------- */

#content .right_column .side_menu{
    width: 240px;
    float: left;
    padding: 10px 0 10px 19px;
    border-right: none;
    border-bottom: 1px dashed #A4CAEF;
    margin-right: 15px;
    font-size: 11px;
}

.side_menu ul li{
    padding: 5px 5px 5px 15px;
     
}

.side_menu .form_steps{
    margin-left: 0px;
}

.side_menu .form_steps .current{
    font-weight: bold;
}

.side_menu ul li a{
    font-size: 11px;
    text-decoration: none;
    background: url('images/arrow_green.png') no-repeat left center;
    padding: 5px 5px 5px 15px;
}

#content .side_menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 10px;
}

.sidebar_panel {
	border-bottom: solid 1px #fff;
	padding: 10px 20px;
	width: 180px;
	}

.sidebar_panel dt {
	margin: 1em 0 0 0;
	}

.sidebar_panel a {
	font-weight: bold;
	}

.sidebar_panel h2 {
	background-color: transparent;
	color: #666;
	}

.sidebar_panel ul {
	padding-left: 10px;
    list-style: none outside none;
	}

.sidebar_panel ol {
    list-style: none outside none;
	}


.sales_panel {
	background: #cf101a url(images/red_gradient_large.png) no-repeat center top;
	color: #fff;
	}

.design_panel {
	background: #50ab18 url(images/green_gradient_large.png) no-repeat center top;
	color: #fff;
	}

.support_panel {
	background: #008dc4 url(images/blue_gradient_large.png) no-repeat center top;
	color: #fff;
	}

.sales_panel a:link,
.sales_panel a:visited,
.sales_panel a:hover,
.sales_panel a:active,
.sales_panel a:focus,
.design_panel a:link,
.design_panel a:visited,
.design_panel a:hover,
.design_panel a:active,
.design_panel a:focus,
.support_panel a:link,
.support_panel a:visited,
.support_panel a:hover,
.support_panel a:active,
.support_panel a:focus {
	background: transparent;
	color: #fff;
	}

.sales_panel h2,
.design_panel h2,
.support_panel h2 {
	background: transparent;
	color: #fff !important;
	}

/* Sidebar Content
---------------------------------------------------------- */

#featured_project .img{
    width:120px;
    height:105px;
    margin:auto;
}
#featured_project .img a{
    width:120px;
    height:105px;
    margin:auto;
    float:left;
}
#featured_client .img{
    width:166px;
    height:130px;
    margin:auto;
}
#featured_client .img a{
	background-color: transparent;
    width:166px;
    height:130px;
    margin:auto;
    float:left;
}
#featured_brand .img{
    width:120px;
    height:109px;
    margin:auto;
}
#featured_brand .img a{
    width:120px;
    height:109px;
    margin:auto;
    float:left;
}

/******** Forms ************/
#form_container
{
    border: #C4D9EE solid 1px;
    background: #E0EAF4;
    margin: 0;
}
#form_container label 
{
    width: 200px;
    display: block;
    float: left;
} 

.radio_list input {
	margin: 0 0.5em 0 0;
	vertical-align: middle;
	}

#form_container .radio_list label {
    display: inline;
    width: auto;
    font-weight: normal;
    float: none;
    }
#form_container .required {
    margin-bottom: 5px;
    clear: both;
    margin-bottom: 10px;
}

#form_container .optional {
    clear: both;
    margin-bottom: 10px;
}


#form_container .required label {
    font-weight: bold;
}


#form_container .radio_list{
    float: left;
    display: block;
    padding-bottom: 10px;
    }

#form_container textarea{
    width: 65%;
    }

#form_container table{
    margin-top: 0;
    }
textarea.inputTextArea {
	height: 10em;
	overflow: auto;
	}

.search_paging {
    float: right;
    }

.loggedin_tab {
    float: right;
    padding-right: 20px;
    }

/*Downtime Calendar*/
#calendar_wrap 
{
    float: left;
    width: 260px;
    font-size: 11px;
    margin: 0 40px 0 0;
}
#calendar_wrap table
{
    float: left;
    margin: 0;
}
#calendar_wrap h2 
{
    padding: 10px 0 10px 30px;
    background: transparent url(images/downtime.png) no-repeat center left;
}
.calendar_day, .calendar_day_site_down{
	padding: 9px !important;
	vertical-align: top !important;
    height: 20px !important;
    width: 20px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #e3e3e3 !important;
}

.calendar_day_downtime{
	padding: 9px !important;
	vertical-align: top !important;
    height: 20px !important;
    width: 20px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #e3e3e3 !important;
    background: #fff url(images/error.png) no-repeat center center;
}
.calendar_day.rcOtherMonth 
{
    color: #ccc;
}
.calendar_day_site_down strong
{
    display: none;
}

#trends_chart_wrap 
{
    float: left;
    width: 420px;
    font-size: 11px;    
}
#trends_chart_wrap a 
{
    padding: 0!important;
}
#trends_chart_wrap .RadChart img
{
    width: 420px!important;
    float: none;
    clear: both;
    margin: 26px 0 0 0;
}
#trends_chart_wrap h2 
{
    padding: 10px 0 10px 30px;
    background: transparent url(images/trends.png) no-repeat center left;
}
.RadWindow .rwTitlebarControls
{
    margin: 0!important;
    
}
.records a, .records td
{
    font-size: 11px;
}
.records h2 {
    padding: 10px 0 10px 30px;
    background: transparent url(images/records.png) no-repeat center left;
}