@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;	
}

body {
	/*background: #332824;*/
	/*background: #322821 url(../images/background2.gif) repeat-x;*/
	background: #322821 url(../images/background3.png) repeat-x;
}

#frame {
	width: 960px;
	position: relative;
	left: 50%;
	margin-left: -480px;
	border-left: 1px solid #7E6A58;
	border-right: 1px solid #7E6A58;
	border-bottom: 1px solid #7E6A58;
	background: #fff;
}

#wrapper {		
	position: relative;	
	width: 960px;	
	left: 50%;
	margin-left: -480px;	
	margin-bottom: -12px;	
	background: #fff url(../images/bkrnd_wrapper.jpg) repeat-y;

}

#banner {
	float: left;
	width: 625px;
	height: 230px;
	margin-left:20px;
	margin-bottom: 10px;
}

#banner img {
	margin: 0;
	padding: 0;
}

#header {	
	width: 962px;	
	position: relative;	
	left: 50%;
	/*z-index: -2;	*/
	margin-left: -480px;	
	height: 113px;
	background: url(../images/header.gif) no-repeat top left;
	margin-top: 10px;
}

#nav {
	float:right;
	margin-top:75px;
}

#nav img {
	float: left;
	padding:0;
	margin-right:10px;
	margin-left:-15px;
	margin-top: 5px;
}

#mainContent {	
	width: 655px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

#mainContent img {
	padding: 10px;
}	
#mainContent form {
	margin-left:20px;
}
#sideBar {	
	width:270px;
	float: right;
	margin-right:13px;
}

#relatedLinks {
	width: 270px;
	background: url(../images/sidebar_panel_shadow.jpg) no-repeat left bottom;
	padding-bottom: 20px;
}

#footer {
	clear: both;
	margin-left: -1px;
	width: 962px;
	height: 19px;
	background: url(../images/footer.gif)
}

.picLeft {float: left;}
.picRight {float: right;}
.clearFloats {clear: both;}

/*----------------- Typography ----------------------------------------------------------*/

body {
	font: 62.5%;
	/*font-family: "lucida sans unicode", "lucida grande", sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;

}

h1, h2, h3, h4 {
	COLOR: #4D433C;
	font-family: Georgia, Helvetica, sans-serif;
}

h1 {
	font-size: 48px;
	margin-bottom:-5px;
}

h2 {font-size: 28px;}
h3 {font-size: 18px;}

p, ul, ol, label {
	font-size: 13px;	
	line-height: 1.5em;
}

p  {
	margin-bottom: 1em;
	padding-left: 10px;
	padding-right:10px;
}


ul, ol {
	margin-left:60px;
	margin-right: 30px;
	margin-top:10px;
	margin-bottom: 10px;
}

ul li, ol li {
	margin-bottom: 10px;
}

#nav p {
	float: left;
	line-height: 2em;
	margin:0;
	padding:0;
	margin-right: 20px;
}

#nav a:link, #nav a:visited {
	display:block;
	text-decoration: none;
	color: #FFFFFF;
}

#nav a:hover, #nav a:active {
	display:block;
	text-decoration: none;
	color: #CC6600;
}

#banner h1 {
	color: #ffffff;
	margin-top:5px;
}

#mainContent a:link, #mainContent  a:visited {
	text-decoration: none;
	color: #AD5100;
	font-weight: bold;
}

#mainContent a:hover, #mainContent  a:active {
	text-decoration: underline;
	color: #CC6600;
	font-weight: bold;
}

#mainContent #banner p {
	color: #ffffff;
	font-size: 17px;
	margin-left: 10px;
	margin-top:10px;
	margin-right:150px;
}

#mainContent p, img, h1, h2, h4 {
	padding-right: 20px;	
	margin-left:10px;
	text-align: left;
}
#mainContent h2 {
	margin-left:20px;
	font-size: 24px;
}

#mainContent h3 {margin-left: 20px;margin-top:3px;padding-top:0;}

#mainContent blockquote {
	padding: 10px;
	background: #F4F4F4;
}

.pullQuote {
	width: 273px;	
	float: right;
	margin-right:20px;
	margin-left:15px;
	
}

.pullQuote p {
	color: #514339;
	font-weight: bold;
	padding: 10px;	
	font-size: 16px;
}

.pullQuoteTop {background: url(../images/pullQuoteTop.gif) no-repeat top;height: 42px;}
.pullQuoteBottom {background: url(../images/pullQuoteBottom.gif) no-repeat top;height: 42px;margin-top:-15px;}


#sideBar h1 {font-size: 22px;line-height: 1em;margin-bottom: 5px;}
#sideBar h4 {}
#sideBar p {margin-left: 10px;margin-right: 20px;font-size:11px;}

#sideBar a {
	display: block;
	width: 200px;
	padding-top:5px;
	padding-bottom: 15px;
	font-size: 12px;	
	font-family: Arial, Helvetica, sans-serif; 
	color: #666666;
	font-weight: bold;
}

#sideBar #relatedLinks ul {
	margin-left:20px;
	margin-right: 15px;
	list-style-type: none;
}

#sideBar #relatedLinks h4 {margin-left:20px;}
#sideBar #relatedLinks ul a {width: 245px;}
#sideBar #relatedLinks li {border-bottom: 1px solid #C25B00;line-height: 1.2em;}
#sideBar #relatedLinks li.last {border-bottom:none;}
#sideBar #relatedLinks ul a:link, #sideBar #relatedLinks ul a:visited {text-decoration: none;} 
#sideBar #relatedLinks ul a:hover, #sideBar #relatedLinks ul a:active {color: #CC6600;}

/* Little icons */
.iconECOM {background: url(../images/icon_services_ecom.gif) no-repeat right top;}
.iconAudits {background: url(../images/icon_services_siteaudits.gif) no-repeat right top;}
.iconPlanning {background: url(../images/icon_services_planning.gif) no-repeat right top;}
.iconDesign {background: url(../images/icon_services_design.gif) no-repeat right top;}
.iconDevelopment {background: url(../images/icon_services_development.gif) no-repeat right top;}
.iconDatabases {background: url(../images/icon_services_databases.gif) no-repeat right top;}
.iconSEO {background: url(../images/icon_services_SEO.gif) no-repeat right top;}
.iconAnalytics {background: url(../images/icon_services_analytics.gif) no-repeat right top;}
.iconCMS {background: url(../images/icon_services_CMS.gif) no-repeat right top;}
.iconHosting {background: url(../images/icon_services_hosting.gif) no-repeat right top;}
/* End Little Icons */



/*Text Classes ----------------------------------*/

.bigText {
	font-size: 15px;
}

.biggerText {
	font-size: 40px;
}

.topicHeading {
	color: #BB5800;
	font-size: 14px;
	padding-bottom: 5px;
	margin-top: 20px;
	margin-bottom:0px;
	font-weight: bold;
	text-transform: uppercase;
    background: url(../images/topic_border.gif) no-repeat 10px 19px;
	width: 609px;
}

.underlineHeading {
	font-weight: bold;
    background: url(../images/topic_border.gif) no-repeat 0px 25px;
	width: 580px;
}


.miniHeading {
	font-size: 	14px;
	font-weight: bold;
	margin-bottom: -18px;
}

#mainContent .indentText {
	margin-left:50px;
}

#mainContent .indentTextMore {
	margin-left:60px;
}

h3.sidebarHeading {
	margin-left:0px;
	padding-top:3px;
	padding-left:20px;
	width:270px;
	background: url(http://www.gkmedia.com/images/sidebar_heading_orangebkrnd.jpg) no-repeat top left;
	color: #fff;
	height: 30px;
}

.Lucida {}

/* Forms */

fieldset {
	margin-top:0px;
	margin-left:5px;
	padding:1em;	
	border: none;
}

form {
	margin-top: -10px;
}

label {
	display: block;
}

input[type="text"]  {
	width: 233px;
	padding:3px;
	margin-bottom: 10px;
	border: 1px solid #CEC195;
	background: #FBF9F0;
}

#Message {
	width: 233px;
	border: 1px solid #CEC195;
	background: #FBF9F0;
	padding:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input[type="submit"] {
	float: right;
	color: #786F66;
	margin-right:8px;
	margin-top:0px;
	border: 1px solid #CEC195;
	background: #FBF9F0;
	padding: 3px;
}

/* Services Used Icons */
.servicesIconPlanning {background: url(../images/icon_services_planning.gif) no-repeat left;}
.servicesIconAudit {background: url(../images/icon_services_siteaudits.gif) no-repeat left;}
.servicesIconDesign {background: url(../images/icon_services_design.gif) no-repeat left;}
.servicesIconHosting {background: url(../images/icon_services_hosting.gif) no-repeat left;}
.servicesIconDevelopment {background: url(../images/icon_services_development.gif) no-repeat left;}
.servicesIconDatabase {background: url(../images/icon_services_databases.gif) no-repeat left;}
.servicesIconSEO {background: url(../images/icon_services_SEO.gif) no-repeat left;}
.servicesIconAnalytics {background: url(../images/icon_services_analytics.gif) no-repeat left;}
.servicesIconCMS {background: url(../images/icon_services_CMS.gif) no-repeat left;}


/* Easy Slider */

    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

		

#container {
		margin:0 auto;
		position:relative;
		text-align:center;
		width:238px;
		background:#FBF9F0;
		margin-top:24px;	
		margin-bottom:2em;
}

#slider{}
#slider img {
	margin:0;
	padding:0;
}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
}

	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:238px;
		height:155px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:6px;
		top:71px;
		}	
	#nextBtn{ 
		left:220px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background: url(../images/btn_previous.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background: url(../images/btn_next.gif) no-repeat 0 0;	
		}