/* 

STYLE SHEET FOR QUUBSOFT LTD WEB SITE
Created by Usman Daud
www.usmandaud.com

ToC

	0. Meyer reset
	1. defaults
	2. fonts
	3. structure
	4. links and navigation
	5. images
	6. tables
	7. forms
	
Notes

*/

/* --------- 0. Meyer reset  --------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		}

/* remember to define focus styles! */
:focus {
		outline: 0;
		}
		
body {
		line-height: 1;
		color: black;
		background: white;
		}
ol, ul {
		list-style: none;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
		border-collapse: separate;
		border-spacing: 0;
		}

caption, th, td {
		text-align: left;
		font-weight: normal;
		}

blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
		}

blockquote, q {
		quotes: "" "";
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}

/* --------- 1. defaults  --------- */

body {  
		margin: 0; padding: 0;
		background: #FFFFFF;
		}

/* ---------- 2. fonts ---------- */
html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		font-family: Lucida, Verdana, Arial, sans-serif;
		}


h1, h2, h3, h4, p, ul {
		}

h1 {
		color: #333333;
		font-size: 2.6em;
		font-weight: bold;
		line-height: 2.8em;
		}
		
h2 {
		font-family: Georgia, Verdana, Arial, sans-serif;
		color:#999999;
		font-size:2.2em;
		line-height:1.6em;
		padding: 0 0 20px 0;
		}

h3 {
		font-family: Georgia, Verdana, Arial, sans-serif;
		font-size: 1.8em;
		color: #333333;
		padding: 0 0 15px 0;
		}
		
h3.image_list {
		padding:0;
		}

h4 {
		font-family: Georgia, Verdana, Arial, sans-serif;
		font-size: 1.5em;
		line-height: 2.8em;
		color: #999999;
		}
		
p {
		font-size: 1.2em;
		line-height: 1.6em;
		color: #333333;
		padding:0 0 25px 0;
		}

p a:link, p a:visited {
		color: #1C7CD0;
		text-decoration:none;
		border-bottom:1px dotted;
		}
		
p a:hover {
		border-bottom:1px solid;
		}
		
p img {
		/*padding: 20px 20px 0 0;*/
		clear:both;
		}
		
.image_link img {
		padding:0;
		margin:0;
		border:none;
		}

ul.bullet_list {
		padding: 0 0 20px 0;
		}

ul.bullet_list li {
		list-style:none;
		background:url(../images/navigation/arrow_blue.gif) 0 3px no-repeat;
		text-indent: 15px;
		line-height: 1.8em;
		}

ul.bullet_list li a,
ul.bullet_list li a:visited {
		font-size: 1.2em;
		color: #1C7CD0;
		text-decoration: none;
		border-bottom:1px dotted;
		}

ul.bullet_list li a:hover {
		border-bottom:1px solid;
		}

blockquote {
		background: transparent url(../images/navigation/quote_left.gif) left top no-repeat;
		color:#999999;
		font-size:1.2em;
		line-height:1.4em;
		margin: 30px 0 0 0;
		}

blockquote div {
		padding: 0 21px 0 32px;
		background: transparent url(../images/navigation/quote_right.gif) right bottom no-repeat;
}

span.quote_citation {
		float: right;
		margin: 10px 0 40px 0;
		font-size:1.2em;
		font-style:italic;
		color:#333333;
		}

#sidebar hr {
		background: url(../images/navigation/sidebar_hr.gif) 0 0 repeat-x;
		background-color:#DDDDDD;
		color:#DDDDDD;
		height:2px;
		border:none;
		padding:0;
		margin:0 0 20px 0;
		}

/*  --------- 3. structure  --------- */

#wrapper {
		width: 980px;
		margin: 0 auto;
		background: none;
		}

#outside_container_home {
		background: #FFFFFF url(../images/background/body_bg.jpg) repeat-x;
		}

#outside_container_inner {
		background: #FFFFFF url(../images/background/body_inner_bg.jpg) repeat-x;
		}

#container_home {
		background: #FFFFFF url(../images/background/body_bg.jpg) repeat-x;
		position: relative;
		width: 980px;
		min-height: 600px;
		height:auto !important;
		height:600px;
		padding: 0 0 50px 0;
		}

#container_inner {
		background: #FFFFFF url(../images/background/body_inner_bg.jpg) repeat-x;
		position: relative;
		width: 980px;
		min-height: 600px;
		height:auto !important;
		height:600px;
		padding: 0 0 50px 0;
		}

#logo {
		position: absolute;
		top: 20px;
		left: 50px;
		}

#logo_right {
		position: absolute;
		top: 20px;
		right: 20px;
		}
		
#banner_home {
		height: 250px;
		width: 920px;
		border-top: none;
		background:url(../images/flash/slideshow/flash_slide0.jpg) 0 0 no-repeat;
		position: absolute;
		top: 230px;
		left: 30px;
		}
		
#banner_inner {
		height: 150px;
		width: 920px;
		border-top: none;
		background:transparent;/* url(../images/background/banner_About.jpg) 0 0 no-repeat;*/
		position: absolute;
		top: 230px;
		left: 30px;
		}

#content_home {
		padding:515px 50px 70px 50px;
		width:880px;  
		}
		
#content_sub_home {
		padding: 0 50px 0 50px;
		min-height: 100px;
		height:auto !important;
		height:100px;
		width:880px;
		background:none;
		}
		
#content_inner {
		padding:415px 50px 70px 50px;
		width:880px; 
		}

#sidebar {
		float: right;
		width: 225px;
		background: #EEEEEE;
		min-height: 300px;
		height:auto !important;
		height:300px;
		padding: 40px 20px;
		margin: 20px 0 0 0;
		}

#footer {
		background: #FFFFFF;
		padding:25px 0 30px 20px;
		min-height: 93px;
		height:auto !important;
		height:93px;
		border-top: 1px solid #DDDDDD;
		}

.two_columns {
		float: left;
		width: 570px;
		margin: 20px 30px 0 0;
		}

.column1 {
		float:left;
		width:270px;
		}

.column2 {
		float:left;
		width:270px;
		margin: 0;
		padding-left: 17px;
		padding-right:17px;
		margin-right: 17px;
		border-left: 1px solid #EEEEEE;
		border-right: 1px solid #EEEEEE;
		}

.column3 {
		float:left;
		width:270px;
		}
		
.column_left {
		float:left;
		width:405px;
		margin: 0 15px 0 0;
		border-right:1px solid #EEEEEE;
		}
		
.column_right {
		float:left;
		width:405px;
		margin: 0 0 0 15px;
		}

/* ---------- 4. links and navigation ---------- */

#tooltip {
		position:absolute;
		/*border:1px solid #333;
		background:#f7f5d1;*/
		background:#EEEEEE;
		padding:2px 5px;
		color:#333333;
		display:none;
		}

#screenshot {
		position:absolute;
		border:1px solid #CCCCCC;
		background:#333333;
		padding:5px;
		display:none;
		color:#FFFFFF;
		}

pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

#preview {
		position:absolute;
		border:1px solid #CCCCCC;
		background:#CCCCCC;
		padding:1px;
		padding:0;
		margin:none;
		display:none;
		color:#FFFFFF;
		}
		
a.preview {
		padding:0;
		margin:0;
		}

/* Graphic buttons */
a.btn_GetInTouch, a.btn_GetInTouch:visited {
		background: url(../images/navigation/btn_GetInTouch.jpg) 0 0 no-repeat;
		width: 233px;
		height: 61px;
		display: block;
		margin: 10px 10px 10px 0;
		clear:both;
		border:none;
		}

a.btn_GetInTouch:hover {
		background: url(../images/navigation/btn_GetInTouch.jpg) 0 -61px no-repeat;
		border:none;
		}

a.btn_ReadMore, a.btn_ReadMore:visited {
		background: url(../images/navigation/btn_ReadMore.jpg) 0 0 no-repeat;
		width: 194px;
		height: 29px;
		display: block;
		margin: 0 10px 10px 0;
		clear:both;
		float:right;
		border:none;
		}
		
a.btn_ReadMore:hover {
		background: url(../images/navigation/btn_ReadMore.jpg) 0 -29px no-repeat;
		border:none;
		}

a.btn_Legal, a.btn_Legal:visited {
		background: url(../images/navigation/footer_links.gif) 0 0 no-repeat;
		width:26px;
		height:14px;
		display:block;
		}
		
a.btn_Legal:hover {
		background: url(../images/navigation/footer_links.gif) 0 -14px no-repeat;
		}		

a.btn_Privacy, a.btn_Privacy:visited {
		background: url(../images/navigation/footer_links.gif) -48px 0 no-repeat;
		width:36px;
		height:14px;
		display:block;
		}
		
a.btn_Privacy:hover {
		background: url(../images/navigation/footer_links.gif) -48px -14px no-repeat;
		}

a.btn_About, a.btn_About:visited {
		background: url(../images/navigation/footer_links.gif) -106px 0 no-repeat;
		width:30px;
		height:14px;
		display:block;
		}
		
a.btn_About:hover {
		background: url(../images/navigation/footer_links.gif) -106px -14px no-repeat;
		}

a.btn_Contact, a.btn_Contact:visited {
		background: url(../images/navigation/footer_links.gif) -158px 0 no-repeat;
		width:38px;
		height:14px;
		display:block;
		}
		
a.btn_Contact:hover {
		background: url(../images/navigation/footer_links.gif) -158px -14px no-repeat;
		}

a.btn_Sitemap, a.btn_Sitemap:visited {
		background: url(../images/navigation/footer_links.gif) -218px 0 no-repeat;
		width:40px;
		height:14px;
		display:block;
		}
		
a.btn_Sitemap:hover {
		background: url(../images/navigation/footer_links.gif) -218px -14px no-repeat;
		}
		
a.btn_GetInTouch span,
a.btn_ReadMore span,
a.btn_Legal span,
a.btn_Privacy span,
a.btn_About span,
a.btn_Contact span,
a.btn_Sitemap span {
		display: none;
		}

/* Graphic headers */
.h1_SolutionsWebMedia {
		background: url(../images/navigation/hdr_SolutionsWebMedia.gif) 0 0 no-repeat;
		width:265px;
		height:22px;
		display:block;
		margin:0 0 20px 0;
		}

.h1_OurServices {
		background: url(../images/navigation/hdr_OurServices.gif) 0 0 no-repeat;
		width:106px;
		height:17px;
		display:block;
		}

.h1_RecentClients {
		background: url(../images/navigation/hdr_RecentClients.gif) 0 0 no-repeat;
		width:123px;
		height:17px;
		display:block;
		}

.h1_LatestNews {
		background: url(../images/navigation/hdr_LatestNews.gif) 0 0 no-repeat;
		width:104px;
		height:17px;
		display:block;
		}

.two_columns h1 span,
.two_columns h2 span,
.two_columns h3 span,
.column1 h1 span,
.column2 h1 span,
.column3 h1 span,
.column1 h2 span,
.column2 h2 span,
.column3 h2 span,
.column1 h3 span,
.column2 h3 span,
.column3 h3 span {
		display:none;
		}

/* sidebar */
#sidebar a, #sidebar a:visited {
		color:#FF0000;
		text-decoration:none;
		}
		
#sidebar p ul {
		margin:0;
		padding:0;
		}
		
#sidebar p ul li {
		margin:0 0 10px 0;
		padding:0;
		}
		
h3.sidebar_LatestNews {
		background: url(../images/navigation/sidebar_headings.gif) 0 0 no-repeat;
		width:110px;
		height:17px;
		display: block;
		padding:0;
		margin:0 0 15px 0;
		}
		
h3.sidebar_InARush {
		background: url(../images/navigation/sidebar_headings.gif) 0 -20px no-repeat;
		width:90px;
		height:17px;
		display: block;
		padding:0;
		margin:0 0 15px 0;
		}
		
h3.sidebar_HireUs {
		background: url(../images/navigation/sidebar_headings.gif) 0 -40px no-repeat;
		width:70px;
		height:17px;
		display: block;
		padding:0;
		margin:0 0 15px 0;
		}
		
h3.sidebar_OurServices {
		background: url(../images/navigation/sidebar_headings.gif) 0 -60px no-repeat;
		width:116px;
		height:17px;
		display: block;
		padding:0;
		margin:0 0 15px 0;
		}

h3.sidebar_LatestNews span,
h3.sidebar_InARush span,
h3.sidebar_HireUs span,
h3.sidebar_OurServices span {
		display:none;
		}

ul.sidebar_list {
		margin:0;
		padding: 0 0 20px 0;
		}

ul.sidebar_list li {
		list-style:none;
		line-height: 1.8em;
		}

ul.sidebar_list li a,
ul.sidebar_list li a:visited {
		font-size: 1.2em;
		color: #1C7CD0;
		text-decoration: none;
		border-bottom:1px dotted;
		}

ul.sidebar_list li a:hover {
		border-bottom:1px solid;
		}


/* small thumbnail links */
ul.small_thumbs {
		margin:10px 0 0 0;
		padding:0px;
		float:left; /* correction for IE whitespace bug */
		}

ul.small_thumbs li {
		list-style:none;  
		margin:0 0 5px 0;
		padding:0px;  
		clear:both;
		top: 0;
		float: left; /* correction for */
		width: 100%; /* IE whitespace bug */
		}

ul.small_thumbs li a {  
		color:#999999;  
		display:block;  
		padding:0 10px 5px 10px;  
		text-decoration: none;  
		font-size:1.1em;
		line-height: 1.4em;  
}

ul.small_thumbs li a img {  
		float:left;  
		margin-right:10px;
		}
		  
ul.small_thumbs li a h3 {  
		font-family: Lucida, Verdana, Arial, Helvetica, sans-serif;
		color:#1C7CD0;  
		margin:0px;
		font-size:1.1em;
		line-height:1.4em;  
		}
		
ul.small_thumbs li a:hover {
		color:#1C7CD0;
		}  

/* Footer */
#footer_left {
		display:block;  
		float:left;  
		width:520px;
		font-size: 1.1em;
		line-height: 1.5em;
		color: #999999;
		}
		
#footer_right {
		display:block;
		float:right;
		width:400px;
		}
		
ul.footer_links li {
		display: inline;
		padding: 0 20px 0 0;
		float:right;
		}
		
#footer a, #footer a:visited {
		color: #1C7CD0;
		text-decoration: none;
		}
		
#footer a:hover {
		border: none;
		text-decoration: underline;
		}
		
/* main menu */
#menu {
		position:absolute;
		top:137px;
		left:0;
		z-index: 200;
		width: 930px;
		padding: 0 0 0 50px;
		height: 63px;
		}

#menu ul {
		list-style: none;
		padding: 0;
		margin: 0;		
		}

#menu li {
		float: left;
		margin: 0;
		}

#menu ul li a span {
		display: none;
		}

#menu ul li a.Home, #menu ul li a.Home:visited {
		background: url(../images/navigation/sprites_menu.jpg) 0 0 no-repeat;
		width: 136px;
		height: 63px;
		display: block;
		float:left;
		}
		
#menu ul li a.Home:hover {
		background: url(../images/navigation/sprites_menu.jpg) 0 -63px no-repeat;
		}
		
#menu ul li.HomeCurrent {
		background: url(../images/navigation/sprites_menu.jpg) 0 -126px no-repeat;
		width: 136px;
		height: 63px;
		display: block;
		float: left;
		}
		
#menu ul li span {
		display: none;
		}
		
#menu ul li a.AboutUs, #menu ul li a.AboutUs:visited {
		background: url(../images/navigation/sprites_menu.jpg) -136px 0 no-repeat;
		width: 153px;
		height: 63px;
		display: block;
		float:left;
		}
		
#menu ul li a.AboutUs:hover {
		background: url(../images/navigation/sprites_menu.jpg) -136px -63px no-repeat;
		}
		
#menu ul li.AboutUsCurrent {
		background: url(../images/navigation/sprites_menu.jpg) -136px -126px no-repeat;
		width:153px;
		height:63px;
		display: block;
		float: left;
		}

#menu ul li a.OurServices, #menu ul li a.OurServices:visited {
		background: url(../images/navigation/sprites_menu.jpg) -288px 0 no-repeat;
		width:143px;
		height:63px;
		display: block;
		float:left;
		top: 0;
		}
		
#menu ul li a.OurServices:hover {
		background: url(../images/navigation/sprites_menu.jpg) -288px -63px no-repeat;
		}

#menu ul li.OurServicesCurrent {
		background: url(../images/navigation/sprites_menu.jpg) -288px -126px no-repeat;
		width: 143px;
		height: 63px;
		display: block;
		float: left;
		}

#menu ul li a.OurWork, #menu ul li a.OurWork:visited {
		background: url(../images/navigation/sprites_menu.jpg) -430px 0 no-repeat;
		width: 146px;
		height: 63px;
		display: block;
		float:left;
		}
		
#menu ul li a.OurWork:hover {
		background: url(../images/navigation/sprites_menu.jpg) -430px -63px no-repeat;
		}

#menu ul li.OurWorkCurrent {
		background:url(../images/navigation/sprites_menu.jpg) -430px -126px no-repeat;
		width:146px;
		height:63px;
		display:block;
		float:left;
		}

#menu ul li a.LatestNews, #menu ul li a.LatestNews:visited {
		background:url(../images/navigation/sprites_menu.jpg) -576px 0 no-repeat;
		width:140px;
		height:63px;
		display:block;
		float:left;
		}
		
#menu ul li a.LatestNews:hover {
		background:url(../images/navigation/sprites_menu.jpg) -576px -63px no-repeat;
		}

#menu ul li.LatestNewsCurrent {
		background: url(../images/navigation/sprites_menu.jpg) -576px -126px no-repeat;
		width:140px;
		height:63px;
		display: block;
		float: left;
		}

#menu ul li a.ContactUs, #menu ul li a.ContactUs:visited {
		background: url(../images/navigation/sprites_menu.jpg) -716px 0 no-repeat;
		width: 106px;
		height: 63px;
		display: block;
		float:left;
		}
		
#menu ul li a.ContactUs:hover {
		background: url(../images/navigation/sprites_menu.jpg) -716px -63px no-repeat;
		}

#menu ul li.ContactUsCurrent {
		background: url(../images/navigation/sprites_menu.jpg) -716px -126px no-repeat;
		width:106px;
		height:63px;
		display: block;
		float: left;
		}

/* ---------- 5. images ---------- */

a img {
		display:block;
		border:none;
		text-decoration:none;
		}
	
/* ---------- 6. tables ---------- */

table {
		}
		
caption {
		}
		
tr {
		}

th, td {
		}
		
th {
		}
		
td {
		}

/* ---------- 7. forms ---------- */	
		
FORM.contact_form {
	PADDING-LEFT: 18px; MARGIN-BOTTOM: 20px
}
FORM.contact_form FIELDSET {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none
}
FORM.contact_form LABEL.standard {
	CLEAR: left; MARGIN-TOP: 10px; FLOAT: left; WIDTH: 175px
}
FORM.contact_form INPUT.standard {
	BORDER-RIGHT: #bfbfbf 1px solid; BORDER-TOP: #bfbfbf 1px solid; MARGIN-TOP: 10px; DISPLAY: block; FONT-SIZE: 100%; FLOAT: left; BORDER-LEFT: #bfbfbf 1px solid; WIDTH: 270px; BORDER-BOTTOM: #bfbfbf 1px solid; FONT-FAMILY: verdana, arial, courier, times, sans-serif
}
FORM.contact_form TEXTAREA.standard {
	BORDER-RIGHT: #bfbfbf 1px solid; BORDER-TOP: #bfbfbf 1px solid; MARGIN-TOP: 10px; DISPLAY: block; FONT-SIZE: 100%; FLOAT: left; BORDER-LEFT: #bfbfbf 1px solid; WIDTH: 290px; BORDER-BOTTOM: #bfbfbf 1px solid; FONT-FAMILY: verdana, arial, courier, times, sans-serif; HEIGHT: 100px
}
FORM.contact_form SELECT.standard {
	BORDER-RIGHT: #bfbfbf 1px solid; BORDER-TOP: #bfbfbf 1px solid; MARGIN-TOP: 10px; DISPLAY: block; FONT-SIZE: 100%; FLOAT: left; BORDER-LEFT: #bfbfbf 1px solid; WIDTH: 260px; BORDER-BOTTOM: #bfbfbf 1px solid; FONT-FAMILY: verdana, arial, courier, times, sans-serif
}
#right_col FORM.contact_form P.p_label {
	MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 0px; WIDTH: 415px; PADDING-TOP: 10px
}
FORM.contact_form DIV.check_column {
	MARGIN-TOP: 0px; PADDING-LEFT: 0px; FLOAT: left; MARGIN-LEFT: 0px; WIDTH: 150px; PADDING-TOP: 0px
}
FORM.contact_form LABEL.check {
	
}
FORM.contact_form INPUT.check {
	MARGIN-TOP: 3px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px
}
FORM.contact_form INPUT.submit {
	BORDER-RIGHT: #00aeef 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #00aeef 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 100%; PADDING-BOTTOM: 5px; BORDER-LEFT: #00aeef 1px solid; WIDTH: 100px; PADDING-TOP: 5px; BORDER-BOTTOM: #00aeef 1px solid; BACKGROUND-COLOR: #ffffff
}
FORM.contact_form FIELDSET.buttons {
	CLEAR: both; PADDING-RIGHT: 60px; MARGIN-TOP: 20px; TEXT-ALIGN: right
}
FORM.contact_form INPUT.button {
	BORDER-RIGHT: #0099cb 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #0099cb 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 100%; PADDING-BOTTOM: 5px; BORDER-LEFT: #0099cb 1px solid; WIDTH: 100px; PADDING-TOP: 5px; BORDER-BOTTOM: #0099cb 1px solid; BACKGROUND-COLOR: #ffffff
}