/* This is the core style sheet - it only styles the outline of the Intertech Progressive Software Solutions CC website */


/* ############################## GENERAL ############################## */

body,h1,h2,h3,h4,h5,h6,span,div,table,tr,td,ul,li,ol{
	padding:0;
	margin:0;
	border:0;
}

div#site-container{
    width:100%;
	font-family:verdana,sans-serif;
    margin-left:auto;
    margin-right:auto;
}

/* ##################################################################### */

/* ########################### TOP CONTAINER ########################### */
/* This section applies to all the elements in the top orange banner     */
/* ##################################################################### */

#top-container-holder{
	width:100%;
	height:175px;
	background-image:url(../images/top_banner_tile.jpg);
	background-repeat: repeat-x;
}

#top-container{
	width:930px;
	margin-left:auto;
	margin-right:auto;
	height:130px;
}

#top-container td{
	vertical-align:top;
}

#top-container td#left{
	width:142px;
}

#logo{
	margin-top:50px;
}

#logo img{
	border:none;
}

/* ########## SEARCH ########## */

#search{
	float:right;
	color:white;
	font-size:12px;
}

#search input{
	font-size:12px;
}

/* ########## SEARCH RESULTS ########## */

.tx-indexedsearch-rules{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	border-top:1px dashed #BFBEBE;
	border-bottom:1px dashed #BFBEBE;
	background-color:#F4F4F4;
}

/* ########## MAIN NAVIGATION ########## */

div#main_nav{
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
	margin-top:90px;
	font-family:verdana,sans-serif;
}

div#main_nav ul{
	float:right;
}

div#main_nav ul li{
	display:inline;
	padding-left:10px;
	padding-right:10px;
}

div#main_nav ul li a{
	color:white;
	text-decoration:none;
}

div#main_nav ul li a:hover{
	text-decoration:underline;
}

/* ##################################################################### */


/* ######################### CONTENT CONTAINER ######################### */
/* This section applies to the elements that fall in the content area    */
/* ##################################################################### */

#content-container{
	margin-top:50px;
	margin-bottom:30px;
	width:930px;
	margin-right:auto;
	margin-left:auto;
	color:#444141;
	font-size:12px;
	text-align:justify;
	line-height:24px;
	letter-spacing:0.1em;
	font-family:Georgia, "Times New Roman", serif
}

#content-container strong{
	font-weight:bold;
}

#content-container ul{
	margin-left:30px;
}

#content-container ul li{
	list-style:disc;
}

#content-container a{
	color:#F16721;
	font-weight:bolder;
	text-decoration:underline;
}

#content-container a:hover{
	background-color:#F16721;
	color:white;
	font-weight:bolder;
	text-decoration:none;
}

.note{
	background-image:url(../images/note.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding:5px 20px 5px 45px;
	border:1px solid #FFFEE5;
	background-color:#FFFEE5;
	margin-top:20px;
	margin-bottom:20px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.help{
	font-style:italic;
	margin-left:20px;
	font-size:11px;
}

.hide{
	display:none;
}


#site-content td{
	vertical-align:top;
}

#site-content td#left-cell{
	width:590px;
}

#site-content td#right-cell{
	width:340px;
}

div#quote{
	border-top:1px dashed #BFBEBE;
	border-bottom:1px dashed #BFBEBE;
	background-color:#F4F4F4;
	padding:10px;
}

#home-links{
	border:1px solid black;
}

/* ########## PORTFOLIO ########## */

.title{
	padding-top:10px;
	padding-bottom:20px;
}

.description{
	margin-bottom:30px;
}

.particularsLabel{
	border-bottom:1px solid black;
}

.particulars{
	text-align:left;
}

.launchdate{
	padding-top:10px;
}

/* ########## CONTACT FORMS ########## */

#errors{
	width:540px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	text-align:center;
	color:red;
	}
	
.csc-mailform td{
	vertical-align:top;
	padding-bottom:10px;
}


td.csc-form-fieldcell, td.csc-form-fieldcell-submit{
	padding-left:30px;
}

/* ##################################################################### */

/* ######################### HEADERS ########################## */
/* This is for all 6 headers 									*/
/* ############################################################ */

h1,h2,h3,h4,h5,h6{
	font-family:arial;
}

h2,h3,h4,h5,h6{
	font-family:arial;
	margin-bottom:10px;
}

h1{
	font-size:24px;
}

h2{
	font-size:22px;
	color:#F16721;
	border-bottom:1px dashed #F16721;
}

h3{
	font-size:18px;
}

h4{
	font-size:16px;
}

h5{
	font-size:14px;
}

h6{
	font-size:12px;
}

/* ##################################################################### */


/* ######################### BOTTOM CONTAINER ########################## */
/* This section applies to all the element in the bottom grey area       */
/* ##################################################################### */

div#bottom-container{
	width:100%;
	height:87px;
	background-image:url(../images/bottom_bg.jpg);
	background-repeat:x-repeat;
}

div#bottom-nav{
	font-size:11px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-top:65px;
	text-align:right;
}

div#bottom-nav ul li{
	display:inline;
	list-style:none;
	padding-right:15px;
}

div#bottom-nav a{
	color:#ABAAAA;
	text-decoration:underline;
}

div#bottom-nav a:hover{
	text-decoration:none;
}


/* ##################################################################### */