@import "framework/reset.css";
@import "framework/framework.css";
@import "framework/form.css";

body
{
    background:#dfdfdf url(images/bg.gif) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
    line-height:1.1em;
}

.container 
{
	background:url(images/header-bg.jpg) top center no-repeat;
    min-height: 100%;
    height: auto !important;
    height : 100%;
}

/* header and navigation styles*/
.s-header
{
	margin:auto;
	width:966px;
	padding:10px 0px 0px 0px;
}
.s-header img 
{
	text-align:left;	border:none;
}
.s-header p 
{
	display:block; 
	width:440px;
	text-align:left;
	font-size:14px;
	margin-bottom:15px;
	color:#370e03;
	line-height:18px;
	color:#fff;
}
.s-header div.title
{
    margin-bottom:10px;
}
.s-header div.first
{
 	color:#fff;
}
.s-header div.second
{
	color:#fff;
    margin-left:50px;
    line-height:30px;
}
.s-header div.third
{
	color:#fff;
    margin-left:110px;
    line-height:30px;
}
.s-nav
{
    /*margin-top:34px;*/
	margin-top:0px;
	overflow:auto;
}
.s-nav ul
{
	display:block; 
	list-style:none;
}
.s-nav ul li 
{
	list-style:none;
	margin:0px;
	display:block;
	float:left;
	background:url(images/top-nav-line-img.gif) top right no-repeat;
}
.s-nav ul li a 
{	
	list-style:none;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	padding:10px 22px 10px 22px;

	display:block;
}
.s-nav ul li a:hover
{
	background:url(images/top-nav-hover-img.gif) top left repeat-x;
}
/*page layout */
.s-page
{
	margin:auto;
	width:966px;
}
.s-twocolumn 
{
    background:url(images/twocolumn-bg.gif) repeat-y scroll left top;
                border:8px solid #FFFFFF;
                margin-top:1px;
                overflow:auto;
                padding:6px 0;

}
.s-sub-content 
{
	display:block;
	width:274px;
	float:right;
	/*border-left:1px solid #c5c4c4;*/
}
.s-main-content 
{
	float:left;
	width:664px;
	overflow:auto;
}

/* content */
.s-content
{

	overflow:auto;
}

.s-content .noborder
{
	border:none !important;
}

.s-content p
{
	line-height:22px;
	color:#000;
	font-size:12.5px;
	padding:0px 15px 10px 0px;
}
.s-content p.quote
{
	line-height:22px;
	color:#000;
	font-size:14px;
	padding:0px 15px 10px 0px;
	font-style:italic;
	font-weight:bold;
}
.s-content p.price
{
	line-height:22px;
	color:red;
	font-size:14px;
	padding:0px 0px 15px 10px;	
	font-weight:bold;
}

.s-content .tabtext td
{
	line-height:22px;
	color:#000;
	font-size:12px;
	padding:0px 10px 10px 10px;
	font-weight:bold;

}
.s-content .tabtext td.firstcolumn
{
	background:url(images/bullets-3.png) left no-repeat ;
	padding:5px 0px 5px 20px;

}
.s-content .tabtext td.seccolumn 
{
	
	padding:0px 0px 0px 70px;
	background:none;

}

.s-content p.padding
{
    padding-left:10px !important;
}
.s-content h1
{
	font-size:22px;
	padding:10px 0px 15px 0px;
	font-weight:bold;
	color:#DF7401;
}
.s-content h2
{
	font-size:20px;
	padding:10px 0px 15px 0px;
	color:#660000;
}
.s-content h2.smallfont
{
	font-size:16px;
	padding:0px 0px 10px 0px;
	color:#660000;
	line-height:1.3em;
}

.s-content h3
{
	font-size:18px;
	padding:10px 0px 15px 0px;
	font-weight:bold;
	color:#DF7401;
}

.s-content img.left
{
	padding-right:12px;
	display:block;
	float:left;
}	

.s-content .red
{
	color:#900;
	font-size:12px;
}

.s-content .s-box
{
	position:relative;
	clear:both;
	overflow:auto;
}
.s-content .s-box .s-contactus-au 
{
                background:url(images/melbourne-map.png) right top no-repeat;
                height:206px;
}
.s-content .s-box .s-contactus-in 
{
                background:url(images/india-map.png) right top no-repeat;
                height:206px;
}
.s-content .s-box .s-contactus-sg 
{
                background:url(images/singapore-map.png) right top no-repeat;
                height:206px;
}

.s-content .s-box a#buynow
{
	background:url(images/buynow-button.png) top left no-repeat;
	width:87px;
	height:23px;
}
.s-content .s-box a#buynow:hover
{
	background:url(images/buynow-button-hover.png) top left no-repeat;
}
	
.s-content .s-box .s-darkyellowbox 
{
	background:url(images/web-usability-report-bg.gif) top left no-repeat; 
	border:1px solid #FFF; 
	padding:8px 0px 10px 6px;
}
.s-content .s-box .s-darkyellowbox h2 
{
	font-size:22px;
	color:#FFF;
	font-weight:normal;
	margin-bottom:4px;
}
.s-content .s-box .s-darkyellowbox p 
{
	padding:0px;
	margin:0px;
	font-size:12px;
	color:#fdd97c;
	font-weight:bold;
	margin-bottom:5px;
}
.s-content .s-box .s-darkyellowbox label
{
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	line-height:22px;
}

.s-content .s-box .s-darkyellowbox img 
{
	padding-top:10px;
}

.s-content .s-box .s-whitebox
{ 
	position:relative;
}
.s-content .s-box .s-whitebox p
{
	padding-left:20px;
	margin-bottom:15px;
	display:block;
	font-size:12px;
}
.s-content .s-box .s-whitebox p a
{
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}
.s-content .s-box .s-whitebox p a:hover
{
	color:#9d3200;
}
.s-content .s-box .s-whitebox .treelist h3
{
	background:url(images/arrow-list-1.gif) left top no-repeat;
	height:25px;
}
.s-content .s-box .s-whitebox .treelist h3 a
{
	padding-left:30px;
}
.s-content .s-box .s-whitebox .treelist ul.root
{
    margin-left:20px;

}
.s-content .s-box .s-whitebox .treelist ul
{
    margin-left:30px;
}
.s-content .s-box .s-whitebox .treelist li
{
	line-height:20px;
}
.s-content .s-box .s-whitebox .treelist li a
{
	color:#000000;
	font-size:12px;
	text-decoration:none;
}

.s-content .s-box .s-whitebox .treelist li a:hover
{
	color:#9d3200;
}


.s-content .s-box .s-graybox
{
	background:url(images/affordable-price-bg.gif) top left repeat-y;
	margin:0px;
	display:block;
	height:100%;
	/*border-bottom:1px solid #ebebeb;*/
	padding:10px 15px 10px 15px ;
	overflow:auto;
}
.s-content .s-box .s-graybox p.space
{
    padding-top:10px;
	clear:both;
}
.s-content .s-box .s-graybox p.space img
{
	padding-left:30px;
}
.s-content .s-box .textpadding
{
	/*padding:10px 20px 10px 20px ;*/
	overflow:auto;
}
.s-content .s-box .s-graybox img 
{
	display:block;
float:left;
margin:0 0px 0 10px;
padding:10px;
}
.s-content .s-box .s-graybox img.noBdr
{
	display:inline;
	padding:0px 0px 0px 0px;
	border:none;
}

.s-content .s-box .s-graybox h3
{
	font-size:16px;
	padding:5px 0px 15px 0px;
	
}
.s-content .s-box .s-graybox h3.bullet
{
	list-style:none;
	background:url(images/arrow-list-1.png) top left no-repeat;
	padding:0px 0px 10px 25px;
}
.s-content .s-box .s-graybox h4
{
	font-size:14px;
	padding:5px 0px 15px 0px;
}

.s-content .s-box .s-graybox a
{
	font-size:14px;
	padding:5px 0px 15px 0px;
	color:#660000;
	font-weight:bold;
}

.s-content .s-box .s-graybox a:hover
{
	font-size:14px;
	padding:5px 0px 15px 0px;
	font-weight:bold;
	color:#DF7401;
}

.s-content .s-box .s-graybox .s-imagebox
{
    /*background-color:#fff;*/
    padding-top:10px;    
}
.s-content .s-box .s-graybox .s-imagebox img 
{
    display: inline;
	padding:0px !important;
	margin:0px !important;
	border:none !important;
	float:none !important;
}


.s-content .s-box .s-graybox ul.right
{
	display:block;
	width:400px;
	float:left;	
}
.s-content .s-box .s-graybox ul.large
{
	width:465px !important; 
}

.s-content .s-box .s-graybox ul.left
{
	display:block;
	float:left;
	margin-left:90px;
}

.s-content ul.blackarrow
{
 	list-style:none;	
}

.s-content ul.blackarrow li
{
	border-bottom:1px dashed #999;
	background:url(images/arrow.gif) top left no-repeat;
	padding:3px 0px 5px 20px;
	color:#000;
	margin:0px 20px 0px 20px;
}

.s-content ul.blackarrow li a
{
	color:#000;
	text-decoration:none;
	font-size:12px;
}

.s-content ul.blackarrow li a:hover
{
	color:#9d3200;
}	

.s-content ul.viewarrow
{
 	list-style:none;	
}

.s-content ul.viewarrow li
{
	background:none; 
	background:url(images/arrow-list-1.gif) no-repeat;
	font-size:12px; 
	color:#c17300; 
	font-weight:bold;
	padding:0px 0px 2px 30px; 
	line-height:28px;
	margin-left:20px;
}

.s-content ul.viewarrow li a
{
	color:#000;
	text-decoration:none;
	font-size:12px;
}

.s-content ul.viewarrow li a:hover
{
	color:#9d3200;
}	

.s-content ul.arrow
{
 list-style:none;
 color:#FFF;
}
.s-content ul.arrow li
{
	background:url(images/bullets-2.png) left no-repeat ;
	padding:5px 0px 5px 20px;
	font-size:12px;
	margin-left:10px;
}
.s-content ul.bonus
{
 list-style:none;
 color:#FFF;
}
.s-content ul.bonus li
{
	background:url(images/bullets-7.png) left no-repeat ;
	padding:5px 0px 5px 20px;
	font-size:12px;
	margin-left:10px;
}
.s-content ul.bonus li.last
{
	
	padding-bottom:20px;
}

.s-content .black
{
	color:#000 !important;
}

.s-content ul.arrow li a
{
	text-decoration:none;
	font-size:12px;
}
.s-content ul.arrow li a:hover
{
	color:#9d3200;
}	

.s-content ul.redtick
{
    list-style:none;	
    padding-left:10px;
}
.s-content ul.redtick li
{
	list-style:none;
	background:url(images/bullets-2.png) top left no-repeat;
	padding:0px 0px 10px 25px;
	font-size:12px;
	display:block;
	/*color:#707070;
	font-weight:bold;*/
	color:#000;
}

.s-content ul.redtick li a
{
	color:#000;
	text-decoration:none;
	font-size:12px;
}
.s-content ul.redtick li a:hover
{
	color:#9d3200;
}	



.s-content ul.greytick
{
    list-style:none;	
    padding-left:10px;
}
.s-content ul.greytick li
{
	list-style:none;
	background:url(images/bullets-7.png) top left no-repeat;
	padding:0px 0px 10px 25px;
	font-size:12px;
	display:block;
	/*color:#707070;
	font-weight:bold;*/
	color:#000;
}


.s-content h2.designprojects  ,.s-content h1.designprojects  
{
 	display:block;
	background:url(images/ic-1.gif) top left no-repeat;
	padding:10px 0px 15px 45px;
	font-size:22px;
	margin:0px 10px ;
}
.s-content h2.bonus  
{
 	display:block;
	background:url(images/bonus-icon.png) top left no-repeat;
	padding:20px 0px 28px 75px;
	font-size:20px;
	font-weight:bold;
	margin:0px 10px ;
}

.s-content h2.webpackages 
{
 	display:block;
	background:url(images/web-packages.png) top left no-repeat;
	padding:30px 0px 15px 65px;
	font-size:22px;
	font-weight:normal;
	margin:0px 10px ;
}

.s-content h2.recentarticles
{
 	display:block;
	background:url(images/ic-5.gif) top left no-repeat;
	padding:30px 0px 15px 45px;
	font-size:22px;
	font-weight:normal;
	margin:0px 10px ;
}



.s-content .s-price
{
	float:right;
	width:450px;
	background:url(images/price-back-line.png) top center no-repeat;
	padding:10px 10px 0px 10px;
	height:41px;
	margin-top:5px;
}

.s-content .s-price span
{
	color:#000;
	font-size:16px;

}
.s-content .s-price span:first-child
{
float:right;
border:none;
}

.s-content .s-price span.redtext
{
	color:#cc0000;
	text-transform:uppercase;
}
.s-content .s-price span.linethrough
{
	text-decoration:line-through;
	padding-right:10px;
}
.s-content .s-price span img
{
	text-align:right;
}

/*footer style */

.s-footer 
{
	width:966px;
	background:url(images/footer-bg.png) top left no-repeat;
}

.s-footer h2
{
	font-size:20px;
	color:#ff9000;
	font-weight:normal;
	padding-bottom:10px;
}
.s-footer ul 
{
	list-style:none;
	display:block;
	float:left;
	min-width:135px;
}
.s-footer  ul li
{
	list-style:none;
	display:block;
	background:url(images/footer-arrow.png) top left no-repeat;
	padding:0px 0px 5px 15px;
}
.s-footer ul li a 
{
	color:#FFF;
	text-decoration:none;
	font-size:12px;
}
.s-footer ul li a:hover 
{
	color:#ff9000;
	text-decoration:underline;
}

.s-footer div.footerlinks
{
	display:block;
	width:275px;
	margin:10px;
	float:left;
}

.s-footer div.footerservices {
	display:block;
	width:275px;
	margin:10px 10px 10px 30px;
	float:left;
}

.s-footer div.footercontact {
	display:block;
	width:275px;
	margin:10px 10px 10px 30px;
	padding-left:10px;
	float:left;
	color:#FFF;
	font-size:12px;
}

.s-footer div.footer-coyright, div.footer-coyright a, div.footer-coyright a:hover
{
    font-size:11px;
    color:#CCC;
    text-align:right;
    text-decoration:none;
    padding-right:5px;
}

form
{
    font-size:0.9em;
    margin:10px;
}
form.mini
{
    width:250px;
}
form.small
{
    width:550px;
}
form.medium
{
    width:600px;
}

form.columned
{
    
}
form.columned fieldset
{

}
div.field
{
    margin-bottom:5px;
}
div.field label
{
    width:30%;
    text-align:right;
    padding-right:10px;
    line-height:20px;
}
form.mini div.field label
{
    width:20%;
    text-align:left !important;
}
input[type=text].small, input[type=password].small 
{
    width:148px;
}
input[type=text], input[type=password] 
{
    width:150px;
}
input[type=text].large, input[type=password].large 
{
    width:250px;
}
textarea
{
    width:250px;
    height:100px;
}
input[type=button],input[type=submit],input[type=reset]
{
    margin-left:160px;
}
input#AccessNow
{
    margin-top:7px;    
    margin-left:15px !important;
    background:url(images/getinstantaccessnow-butt.gif) top left no-repeat;
    width:199px;
    height:26px;
    border:none;
    cursor:pointer;
}
input#AccessNow:hover
{
    background:url(images/getinstantaccessnow-butt-hover.gif) top left no-repeat;
}

input#Proposal
{
    margin-top:7px;    
    margin-left:175px !important;
    background:url(images/proposal-button.png) top left no-repeat;
    width:217px;
    height:26px;
    border:none;
    cursor:pointer;
}
input#Proposal:hover
{
    background:url(images/proposal-button-hover.png) top left no-repeat;
}
input#SendNow
{
    margin-top:7px;    
    margin-left:175px !important;
    background:url(images/sendnow-button.png) top left no-repeat;
    width:97px;
    height:26px;
    border:none;
    cursor:pointer;
}
input#SendNow:hover
{
    background:url(images/sendnow-button-hover.png) top left no-repeat;
}

div.field div.checkboxlist
{
    margin-left:175px;
}
div.field div.checkboxlist label
{
    width : auto;
	font-weight:normal;
	display:inline !important;
	line-height : 22px;
	float:none !important;
    padding : 0 !important;
	margin : 0 0 0 8px;
	background-image : none !important;
}
div.field div.checkboxlist input[type=checkbox]
{
}
label.error
{
    float : left;
    width : auto !important;
    background-image:none;
    font-size : 0.8em;
    padding-top : 2px;
    padding-left : 8px;
    margin-left : 170px;
    color : #F00 !important;
}