/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

body { font-family:Arial, Helvetica, sans-serif; }

a:link, a:visited {color:#fff; text-decoration: none}
a:hover {color:#fff; text-decoration:underline}

p { font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:20px; color:#5C5C5C;}

h1 { font-size:29px; color:#3B3B3B} 


/*
---------------------------------------------
02. container
---------------------------------------------
*/

#container { width:100%; float:left; background:url(../images/bg_header.gif) repeat-x top left; border-top:5px solid #44BED6; }


/*
---------------------------------------------
03. header
---------------------------------------------
*/

/* DROP DOWN */
#dropDown {	
	display: none;
	padding: 45px 0 15px;
	font-size: 18px;
	line-height: 30px;
	color: #909090;
	position: absolute;
	background: url(http://collisionmedia.publishpath.com/Websites/collisionmedia/templates/collision2010/images/dropdown-bg.png) !important;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 11px solid #44bed6;
}
	#dropDown h1.title {	
		font-size: 34px;
		font-weight: bold;
		color: #ddd;
		margin: 0 0 15px 0;
	}
	
	/* PAGE CONTAINER */
	#pageContainer, 
	.width {
		width: 980px;
		margin: 0 auto;
		position: relative;
	}
	
	#pageContainer, 
	.width .drop1 {
		width: 535px;
		margin: 0 auto;
		float: left;

	}
	
	#pageContainer, 
	.width .drop1 p {
		color: #848484;

	}
	
	#pageContainer, 
	.width .drop1 a {
		color: #a4a4a4;

	}
	
	#pageContainer, 
	.width .drop2 {
		width: 350px;
		margin: 0 auto;
		float: right;

	}


#bgheader { width:100%; height:95px; float:left; background: url(../images/bg_header_middle.jpg) no-repeat top center;}
#header { width:953px; margin:0 auto; padding-left:19px; }

#header .logo { width:210px; height:60px; float:left; margin-top:5px; background:url(../images/logo_collisionmedia.png) no-repeat top left}
#header .logo-link { width:210px; height:60px; position:absolute}

.nodisplay { display:none}

#header .nav { float:right; padding-top:27px; margin-right: -122px; position: relative;}
#header .nav ul li { float:left; font-size:12px; font-weight:bold; color:#FFFFFF; padding-left:45px; padding-right:15px}
#header .nav ul li a { color:#FFFFFF; text-decoration:none}
#header .nav ul li a:hover { color:#43BDD6; text-decoration:none}
#header .nav ul li a.selected { color:#43BDD6; text-decoration:none}


/* top tab */
#closeDropDown {
	position: relative;
	right: 0;
	float: right;
	width: 115px;
	height: 30px;
	background: url(http://collisionmedia.publishpath.com/Websites/collisionmedia/templates/collision2010/images/top-green-tab2.png) 0 0 no-repeat;
	text-transform: none !important;
	color: white;
	font-size: 15px;
	text-shadow: 1px 1px 1px black;
	margin-top: -12px;

}
	#topTab a, 
	#closeDropDown a {
		color: #fff;
		display: block;
		padding: 8px 0 0;
		text-align: center;
		text-transform: none !important;
	}
		/* close drop down */
		#closeDropDown {
			bottom: -56px;
		}
			#closeDropDown a {
				padding: 4px 0 0 !important;
			}

			#topTab {
				position: relative;
				right: 0;
				float: right;
				width: 115px;
				height: 30px;
				background: url(http://collisionmedia.publishpath.com/Websites/collisionmedia/templates/collision2010/images/top-green-tab.png) 0 0 no-repeat;
				text-transform: uppercase;
				color: white;
				font-size: 12px;
				text-shadow: 1px 1px 1px black;
				margin-top: 73px;
				padding-right: 15px;
				}

/*
---------------------------------------------
04. wrapper
---------------------------------------------
*/

 
#wrapper { width:972px; margin:0 auto}


/*
---------------------------------------------
05. content
---------------------------------------------
*/


#content { width:972px; float:left; padding-top:25px;} 


/*
---------------------------------------------
05.1 content - welcome
---------------------------------------------
*/


#content .content { width:640px; float:left; padding-left:18px; padding-top:15px; position:relative; z-index: 5;}

#content .content h1 { font-weight:bold; position: relative; margin-bottom:5px} 
#content .content h1 span { background: url(../images/bg_heading.png) repeat-x; position:absolute; display:block; width:100%; height:40px}
#content .content p {  padding-bottom:5px; position:relative} 
#content .content p span { background: url(../images/bg_gradient_passge.png) repeat-x bottom; position:absolute;display:block;width:100%; height:100px}


/*
---------------------------------------------
05.2 content - button list
---------------------------------------------
*/


#wrapper .buttonlist { width:300px; float:right; padding-bottom:20px; margin-right:-15px}

#wrapper .buttonlist .button_freetrial { float:left; font-size:30px; color:#FFFFFF} 
#wrapper .buttonlist .button_freetrial a { width:247px; height:67px; float:left; background:url(../images/bg_button_freetrial.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding:28px 0 0 38px}
#wrapper .buttonlist .button_freetrial a:hover { background:url(../images/bg_button_freetrial_hover.gif) no-repeat; color:#FFFFFF; text-decoration:none}

#wrapper .buttonlist .button_learnmore { float:left; font-size:30px; color:#FFFFFF; margin-top:-15px} 
#wrapper .buttonlist .button_learnmore a { width:247px; height:64px; float:left; background:url(../images/bg_button_learnmore.gif) no-repeat bottom left; color:#FFFFFF; text-decoration:none; padding:30px 0 0 38px}
#wrapper .buttonlist .button_learnmore a:hover { background:url(../images/bg_button_learnmore_hover.gif) no-repeat bottom left; color:#FFFFFF; text-decoration:none}



/*
---------------------------------------------
05.3 content - slideshow
---------------------------------------------
*/


#content .banner { width:941px; height:360px; float:left; background:url(../images/bg_banner.gif) no-repeat; padding:4px 6px 6px 16px; margin-bottom:22px; position:relative; z-index: 3;}

/*
---------------------------------------------
05.4 content - blue bar
---------------------------------------------
*/


#content .bluebar { width:972px; height:68px; float:left; background:url(../images/bg_bluebar.gif) no-repeat top left; position:relative; z-index: 2;}

#content .bluebar h1 { color:#FFFFFF; float:left; padding-left:36px; padding-top:16px}
#content .bluebar h1 span { width:570px; float:left}
#content .bluebar h1 a { width:320px; color:#042D30; text-decoration:none; padding-left:40px; text-align:right}


#content #howitworks { width:941px; float:left; background:url(../images/grey_top.gif) no-repeat top center; padding-top:20px; padding-left:31px; margin-top:-7px}
#content #howitworks .greybox { width:910px; float:left; background:#EDEDED url(../images/grey_bottom.gif) no-repeat bottom center; padding-bottom:10px;}

#content #howitworks .content { width:450px; float:left; padding-left:20px}
#content #howitworks .content h1 { font-weight:bold; position: relative; margin-bottom:5px} 
#content #howitworks .content p { text-align:justify; padding-bottom:5px; position:relative} 


#content #howitworks .content .button_more { float: left; font-size:17px; font-weight: normal; color:#FFFFFF; margin-top:40px; margin-bottom:10px}
#content #howitworks .content .button_more a { height:40px; float:left; background:url(../images/bg_button_more_left.gif) no-repeat left; color:#FFFFFF; text-decoration:none; cursor:pointer; padding-left:20px}
#content #howitworks .content .button_more a span { height:30px; float: left; background:url(../images/bg_button_more_right.gif) no-repeat right; padding-top:10px; padding-right:80px}


#content #howitworks .video { width:377px; height:215px; float: right; background:url(../images/bg_video_howitworks.gif) no-repeat top left; padding-right:20px; margin-top:5px; padding-top:5px; padding-left:5px}


/*
---------------------------------------------
05.5 content - bottom content
---------------------------------------------
*/


#content .bottomcontent { width:972px; float:left; margin-top:80px; }

#content .bottomcontent .leftcontent { width:392px; float:left; margin-left:-33px;}
#content .bottomcontent .leftcontent .photo1 { width:392px; height:165px; float:left}
#content .bottomcontent .leftcontent .photo2 { width:320px; height:220px; float:left; margin-top:-191px; position:relative}

#content .bottomcontent .rightcontent { width:632px; float:right; margin-top:-10px; margin-left:-28px; position:relative}
#content .bottomcontent .rightcontent h1 { font-weight:bold; text-align:right; position: relative; padding-right:12px; padding-bottom:5px} 
#content .bottomcontent .rightcontent h1 span { background: url(../images/bg_heading.png) repeat-x; position:absolute; display:block; width:100%; height:36px}
#content .bottomcontent .rightcontent p { text-align:right; padding-bottom:5px; position:relative; padding-right:12px} 
#content .bottomcontent .rightcontent p span { background: url(../images/bg_gradient_passge.png) repeat-x; position:absolute;display:block; width:100%; height:100px}

#content .bottomcontent .rightcontent .button_examples { float:right; font-size:24px; color:#FFFFFF; } 
#content .bottomcontent .rightcontent .button_examples a { width:203px; height:60px; float:left; background:url(../images/bg_button_examples.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding:28px 0 0 37px}


#content .bottomcontent .rightcontent .button_moreexamples { float: right; font-size:17px; font-weight: normal; color:#FFFFFF;  margin-bottom:10px}
#content .bottomcontent .rightcontent .button_moreexamples a { height:80px; float:left; background:url(../images/bg_button_moreexamples_left.gif) no-repeat left; color:#FFFFFF; text-decoration:none; cursor:pointer; padding-left:30px}
#content .bottomcontent .rightcontent .button_moreexamples a span { height:55px; float: right; background:url(../images/bg_button_moreexamples_righ.gif) no-repeat right; padding-top:25px; padding-right:80px}



/*
---------------------------------------------
06. footer styles
---------------------------------------------
*/


#bgfooter { width:100%; height:250px; float:left; background:#3B3B3B url(../images/bg_footer.gif) repeat-x}
#bgfooter_middle { width:100%; float:left; background:url(../images/bg_footer_middle.gif) no-repeat top center; padding-top:48px} 


#footer { width:972px; margin:0 auto}

#footer .leftcontent { width:310px; float:left;}
#footer .leftcontent p { font-size:13px; color:#606060}
#footer .logo_footer { width:310px; height:65px; float:left}

#footer .footer_comments { float:left; padding-top:33px}
#footer .footer_comments .icon_twitter { float:left; padding-right:5px}

#footer .footer_comments .set { width:421px; float:left; background:url(../images/bg_comments_bordertop.gif) no-repeat top right}
#footer .footer_comments .set .arrow { width:10px; float:left; background:url(../images/arrow.gif) no-repeat top left; padding-top:28px}
#footer .footer_comments .set .comments { width:391px; float:left; background:#505050 url(../images/bg_commemts_borderbottom.gif) no-repeat bottom left; padding:0 10px 10px 10px; margin-top:10px}
#footer .footer_comments .set .comments p { font-size:14px; text-align:justify; color:#fff}
#footer .footer_comments .set .comments p a { color:#fff}


#footer .contactdetails { float:right; padding-top:42px}
#footer .contactdetails p { font-size:13px; color:#fff}
#footer .contactdetails p a { text-decoration:none; color:#fff}



#footer .footer_comments .set .comments ul{ color: #888;}
#twitter_update_list {
	width: 400px;
}
	
#twitter_update_list p {
	border-bottom: 1px dotted #fff !important;
	padding-bottom: 10px;
	margin-bottom: 10px;		
}	
		
#twitter_update_list span a {
	color: #fff !important;
}
	



/*
---------------------------------------------
07. features page - styles
---------------------------------------------
*/

#features { width:972px; float:left; padding-bottom:30px}

#features .set { width:972px; float:left; padding-top:20px; padding-bottom:25px}
#features .photo { width:240px; height:230px; float:left}
#features .photo-last { width:280px; height:230px; float:left; margin-left:-40px}

#features .content { width:350px; float:left; padding-left:20px; padding-right:10px}
#features .video { width:315px; height:182px; float:right; background:url(../images/bg_video.gif) no-repeat top left; padding-top:10px; padding-left:8px}

#features .button_wanttosee { width:972px; height:40px; float:left; text-align:left; background:url(../images/button_wantoseemore.gif) no-repeat left center}
#features .clickhere-link { width:250px; height:40px; position:absolute; margin-left:580px;}


/*
---------------------------------------------
08. samples page styles
---------------------------------------------
*/

#examples { width:966px; float:left; padding-left:6px; padding-top:25px}

/*
---------------------------------------------
08.1 samples page styles - content
---------------------------------------------
*/

#examples .content { width:625px; float:left; padding-top:15px}
#examples .content h1 { font-size:34px; font-weight:bold; position: relative; margin-bottom:5px} 
#examples .content h1 span { background: url(../images/bg_heading.png) repeat-x; position:absolute; display:block; width:100%; height:40px}
#examples .content p { font-size:21px; text-align:justify; padding-bottom:5px; position:relative} 
#examples .content p span { background: url(../images/bg_gradient_passge.png) repeat-x bottom; position:absolute;display:block;width:100%; height:100px}


#content #examples .buttonlist { width:300px; float:right; margin-right:-20px; position:relative}


/*
---------------------------------------------
08.2 samples page styles - tab content
---------------------------------------------
*/

#tabcontent { width:966px; height: 575px; float:left; background:url(../images/bg_tabcontent_borderbottom.gif) no-repeat bottom; padding-bottom:3px}


#tabcontent .websites { width:938px; padding-left:22px; padding-top:22px}
#tabcontent .websites p { padding-bottom:20px; padding-right:25px}

#tabcontent .websites .greybar { width:910px; height:40px; background:url(../images/bg_greybar.gif) no-repeat}
#tabcontent .websites .greybar ul { float:left; padding-top:10px}
#tabcontent .websites .greybar ul li { float:left; font-size:17px; font-weight:bold; color:#676767; padding:0 25px; border-right:1px solid #676767} 
#tabcontent .websites .greybar ul li span { color:#3B3B3B}
#tabcontent .websites .greybar ul li.bordernone {  border-right:none} 

#tabcontent .websites .greybar .button_learnmore { float:right; font-size:17px; font-weight:bold; color:#FFFFFF}
#tabcontent .websites .greybar .button_learnmore a { height:40px; float:left; background:url(../images/bg_button_learn_left.gif) no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer; padding-left:14px}
#tabcontent .websites .greybar .button_learnmore a span { height:30px; float:left; background:url(../images/bg_button_learn_right.gif) no-repeat; padding-top:10px; padding-right:14px}


.button_begin { float:right; font-size:28px; color:#FFFFFF; padding-top:20px; margin-right:-16px; position:relative; margin-bottom:20px}
.button_begin a { width:422px; height:60px; float:left; background:url(../images/bg_button_begin.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding-left:38px; padding-top:30px}



/*
---------------------------------------------
09. get started page styles
---------------------------------------------
*/

#getstarted { width:972px; float:left; padding-top:20px; margin-bottom:20px}


/*
---------------------------------------------
09.1 get started - leftpanel
---------------------------------------------
*/


#getstarted #leftpanel { width:520px; float:left; }


#getstarted #leftpanel .content { width:510px; float:left; padding-left:10px}
#getstarted #leftpanel .content h1 { font-size:34px; font-weight:bold; position: relative; margin-bottom:5px} 
#getstarted #leftpanel .content h1 span { background: url(../images/bg_heading.png) repeat-x; position:absolute; display:block; width:100%; height:40px}
#getstarted #leftpanel .content p { font-size:21px; text-align:justify; padding-bottom:20px} 
#getstarted #leftpanel .content .photo { float:left} 


#getstarted #leftpanel .liketotalk { width:380px; float:left; margin-top:-10px}
#getstarted #leftpanel .liketotalk h1 { font-size:28px; font-weight:bold; position: relative; margin-bottom:12px} 
#getstarted #leftpanel .liketotalk h1 span { background: url(../images/bg_heading_tryout2.png) repeat-x; position:absolute; display:block; width:100%; height:65px}

#getstarted #leftpanel .liketotalk p { font-size:17px; text-align:justify; padding-bottom:8px} 
#getstarted #leftpanel .liketotalk p span { background: url(../images/bg_gradient_passge.png) repeat-x bottom; position:absolute;display:block; height:75px}

#getstarted #leftpanel .liketotalk .button_callme { float:left}



/*
---------------------------------------------
09.2 get started - rightpanel
---------------------------------------------
*/


#getstarted #rightpanel { width:436px; float:right}

#getstarted .rightbox_bordertop { width:436px; height:28px; float:left; background: url(../images/bg_formbox_right_bordertop.gif) no-repeat top left; overflow:hidden}
#getstarted .rightbox_bordermiddle { width:372px; float:left; background: url(../images/bg_formbox_right_bordermidd.gif) repeat-y top left; padding:0 32px}
#getstarted .rightbox_borderbottom { width:436px; height:28px; float:left; background: url(../images/bg_formbox_right_borderbott.gif) no-repeat top left; overflow:hidden}

#getstarted #rightpanel fieldset { width:372px; float:left; padding-top:8px; padding-bottom:30px}

#getstarted #rightpanel fieldset p { float:left; font-size:12px; color:#444444}
#getstarted #rightpanel fieldset label { width:372px; float:left; font-size:12px; font-weight:bold; color:#444444; padding-bottom:2px}
#getstarted #rightpanel fieldset .input { height:16px; float:left; background:#E6E6E6; border-top:1px solid #B9B9B9; border-left:1px solid #E2E2E2; border-right:1px solid #E2E2E2; border-bottom:none; font-size:12px; color:#444444; padding:2px}
#getstarted #rightpanel fieldset .droplist { height:20px; float:left; background:#FFFFFF; border-top:1px solid #BEBEBE; border-left:1px solid #B5B5B5; border-right:1px solid #B5B5B5; border-bottom:1px solid #000000; font-size:12px; color:#444444}
#getstarted #rightpanel fieldset .button_radio { float:left; padding-top:1px}

#getstarted #rightpanel fieldset .set { width:372px; float:left; padding-bottom:3px}

#getstarted #rightpanel fieldset .name { width:372px; float:left; padding-bottom:15px}
#getstarted #rightpanel fieldset .name p { padding-top:3px}
#getstarted #rightpanel fieldset .name .first { width:67px; float:left; padding-right:5px}
#getstarted #rightpanel fieldset .name .first .input { width:63px}
#getstarted #rightpanel fieldset .name .last { width:106px; float:left}
#getstarted #rightpanel fieldset .name .last .input { width:102px}

#getstarted #rightpanel fieldset .phone { width:372px; float:left; padding-bottom:15px}
#getstarted #rightpanel fieldset .phone .phone_no1 { width:38px; float:left; padding:3px}
#getstarted #rightpanel fieldset .phone .phone_no1 .input { width:32px}
#getstarted #rightpanel fieldset .phone .phone_no2 { width:44px; float:left; padding:3px}
#getstarted #rightpanel fieldset .phone .phone_no2 .input { width:38px}


#getstarted #rightpanel fieldset .email { width:372px; float:left; padding-bottom:15px}
#getstarted #rightpanel fieldset .email .input { width:366px}

#getstarted #rightpanel fieldset .projecttype { width:372px; float:left; padding-bottom:15px}
#getstarted #rightpanel fieldset .projecttype .droplist { width:370px}


#getstarted #rightpanel fieldset .purpose { width:372px; float:left; padding-bottom:15px}
#getstarted #rightpanel fieldset .purpose p { padding-left:10px}

#getstarted #rightpanel fieldset .attachfile { width:372px; float:left; padding-bottom:15px}
#getstarted #rightpanel fieldset .attachfile .button_choosefile { width:78px; float:left; font-size:12px; color:#000000}
#getstarted #rightpanel fieldset .attachfile p { padding-left:5px}

#getstarted #rightpanel fieldset .curent_website { width:372px; float:left; padding-bottom:15px}
#getstarted #rightpanel fieldset .curent_website .input { width:366px}


#getstarted #rightpanel fieldset .howyouhearus { width:372px; float:left; padding-bottom:15px}
#getstarted #rightpanel fieldset .howyouhearus .droplist { width:185px}

#getstarted #rightpanel fieldset .whereyouhearus { width:372px; float:left; padding-bottom:15px}
#getstarted #rightpanel fieldset .whereyouhearus .input { width:180px}

#getstarted #rightpanel fieldset .button_submit { width:63px; float:left; font-size:12px; color:#000000}



/*
---------------------------------------------
10. try it now pages styles
---------------------------------------------
*/


#tryitnow { width:972px; float:left; padding-top:25px}


/*
---------------------------------------------
10.1 try it now page - content
---------------------------------------------
*/


#tryitnow .content { width:395px; float:left; padding-left:10px; padding-top:10px}
#tryitnow .content h1 { font-size:35px; font-weight:bold; position: relative; margin-bottom:5px} 
#tryitnow .content h1 span { background: url(../images/bg_heading_tryout.png) repeat-x; position:absolute; display:block; width:100%; height:80px}
#tryitnow .content p { font-size: 20px; width:385px;  padding-bottom:5px; position:relative} 
#tryitnow .content p span { background: url(../images/bg_gradient_passge.png) repeat-x bottom; position:absolute;display:block;width:100%; height:100px}


/*
---------------------------------------------
10.2 try it now page - photo
---------------------------------------------
*/


#tryitnow .photo { float:right; margin-bottom:-90px}


/*
---------------------------------------------
10.3 try it now page - left grey box
---------------------------------------------
*/


#leftbox { width:590px; float:left; position:relative;}

#leftbox .leftbox_bordertop { width:590px; height:32px; float:left; background:url(../images/bg_leftbox_bordertop.gif) no-repeat; overflow:hidden}
#leftbox .leftbox_bordermiddle { width:530px; float:left; background:url(../images/bg_leftbox_bordermiddle.gif) repeat-y;padding:5px 30px; }
#leftbox .leftbox_borderbottom { width:590px; height:32px; float:left; background:url(../images/bg_leftbox_borderbottom.gif) no-repeat; overflow:hidden}



#leftbox .leftbox_bordermiddle p { font-family:Arial, Helvetica, sans-serif; font-size:14.5px; line-height:1.6em; padding-bottom:10px}
#leftbox .leftbox_bordermiddle p.required { float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; margin-bottom: -20px; margin-top: -15px; clear:both}
#leftbox .leftbox_bordermiddle a { color: #909090;}

#leftbox .leftbox_bordermiddle .SignUpElement span { position: relative !important; float: left; font-size: 14px; }

#leftbox .leftbox_bordermiddle input {
	font-size: 13px;
	background: #fff;
	border: 1px solid #dedede;
	color: #404040;
	padding: 6px 10px;
	margin: 0px 0 0px;
	display: inline; }
	
#MainContent_0_0_chkSignUpTerms		{
		display: inline;
		background: transparent !important;
		}
	
#MainContent_0_0_btnValidate {
		height: 31px;
		background: url(images/search-button-bg.gif) 0 0 repeat-x !important;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px solid #b9b9b9 !important;
		color: #308c9d !important;
		font-size: 15px !important;
		text-transform: uppercase;
		text-shadow: 1px 1px 1px #fff;
		font-weight: bold;
		margin-bottom: 0;
		cursor: pointer;
	}	
	
#MainContent_0_0_btnSubmit {
		height: 31px;
		background: url(images/search-button-bg2.gif) 0 0 repeat-x !important;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px solid #b9b9b9 !important;
		color: #308c9d !important;
		font-size: 15px !important;
		text-transform: uppercase;
		text-shadow: 1px 1px 1px #fff;
		font-weight: bold;
		margin-bottom: 0;
		cursor: pointer;
		}	
	


/*
---------------------------------------------
10.4 try it now page - like to talk
---------------------------------------------
*/


#tryitnow .liketotalk { width:380px; float:right; padding-top:185px; margin-right:-20px;}

#tryitnow .liketotalk h1 { font-size:29px; font-weight:bold; position: relative; margin-bottom:12px} 
#tryitnow .liketotalk h1 span { background: url(../images/bg_heading_tryout2.png) repeat-x; position:absolute; display:block; width:100%; height:65px}
#tryitnow .liketotalk p { font-size:17px; text-align:justify; padding-bottom:10px; position:relative} 
#tryitnow .liketotalk p span { background: url(../images/bg_gradient_passge.png) repeat-x bottom; position:absolute;display:block;width:100%; height:75px}
#tryitnow .liketotalk .button_callme { float:left}



/*
---------------------------------------------
11. plans and pricing page styles
---------------------------------------------
*/

#plans { width:972px; float:left; margin-top:-30px;}

#plans h1 { font-size:42px; font-weight:bold; position: relative; margin-bottom:12px} 
#plans h1 span { background: url(../images/bg_heading2.png) repeat-x; position:absolute; display:block; width:100%; height:70px}
#plans p { font-size:20px; line-height:1.4em; text-align:justify; padding-bottom:20px; position:relative} 

#plans .textsmall { font-size:12px; color:#ADACAC; text-align:left} 

#plans .heading_orange { width:972px; height:90px; float:left; background:#DB5901 url(../images/bg_orangeheading.gif) no-repeat top left;}
#plans .heading_orange h1 { font-size:30px; color:#FFFFFF; font-weight:normal; padding-top:25px; padding-left:30px;}

#plans .standardplan { width:410px; float:left; padding-left:20px}
#plans .customplan { width:410px; float: right; padding-right:20px}

#plans .button_beginproject { float: left; font-size:18px; font-weight: normal; color:#FFFFFF;  margin-top:10px; margin-left:-20px; position:relative}
#plans .button_beginproject a { height:80px; float:left; background:url(../images/bg_button_beginproject_righ.gif) no-repeat left; color:#FFFFFF; text-decoration:none; cursor:pointer; padding-left:35px}
#plans .button_beginproject a span { height:50px; float: left; background:url(../images/bg_button_beginproject_left.gif) no-repeat right; padding-top:30px; padding-right:100px}


#price { width:947px; float:left; padding-left:20px; margin-top:40px}
#price .pricebox { width:947px; float:left; background:#EBE8E8 url(../images/pricebox_top.gif) no-repeat top center; padding-top:20px}
#price .priceboxbottom {width:947px; float:left; background: url(../images/pricebox_bottom.gif) no-repeat bottom center; padding-bottom:10px}

#price .arrow { width:242px; height:269px; float:left; padding-left:10px;}
#price .content { width:655px; float:left; padding-left:10px; padding-top:30px; padding-right:10px}
#price .content h2 { font-weight:bold; font-size:20px; color:#282828; padding-bottom:5px}
#price .content p { font-size:17px; padding-bottom:5px; padding-bottom:20px}