/*  
Theme Name: Royal Oaks Couriers
Theme URI: http://www.cccomm.us/
Description: Custom theme for River Oaks Couriers, Houston, TX
Version: 1.0
Author: Chris Atwood
Author URI: http://www.cccomm.us/

*/

/* HTML Elements */

* {
	margin:0;
	padding:0;
	}

body,html {
	min-height:100%;
	}
	
body {
	background: #d9d9d9;
	color: #000;
	}

body, select, input, textarea {
	font: 100% Arial, Verdana, Sans-Serif;
	}
	
p {	
	margin: 15px 0;
	}

img {

	border: 0;

}


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

/* Home page Code */

#container {

	margin:0px auto;
	width: 960px;

}

#header {

	height: 75px;
	width: 960px;
	background: #fff;
	
}

#header a, #header a:visited, #header a:active, #header a:hover {

	font-family: arial;
	color: #000;
	font-size: 10pt;
	text-decoration: none;

}

#main-banner {

	width: 960px;
	height: 300px;
	border-top: #000 solid 10px;
	background: #000 url("main-banner.jpg");

}

#main-banner .imgpadding {

	margin-top: 15px;
	margin-left: 5px;
	border: 0px;

}


#tabscontainer {

	height: 30px;
	width: 960px;
	background: #000;
	border-top: 3px black solid;
}

#tabscontainerinside {

	width: 950px;
	margin: 0px auto;

}

#contentcontainer {

	margin: 0px auto;
	width: 960px;
	background: #fff;

}

#pane {

	background: #fff;
}


#leftcol {

	background: #fff;
	width: 690px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	padding: 8px;

}

#leftcol h1 {

	font-family: Georgia;
	font-size: 13pt;
	font-weight: bold;

}

#leftcol p {

	font-family: Arial;
	font-size: 11pt;

}

#leftcol ul {
        margin-left: 45px;
}

#rightcol{

	background: #fff url('rightcol.gif') repeat-y;
	width: 208px;
	margin-top: 10px;
	margin-right: 10px;
	float: right;
	padding: 12px;
	text-align: center;

}

#rightcol h1 {

	font-family: Georgia;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;

}

#rightcol ul {

	font-family: Arial;
	font-size: 10pt;
	text-align: left;
	margin-left: 45px;

}

#rightcol p {

	font-family: Arial;
	font-size: 10pt;

}



#rightcol a, #rightcol a:visited, #rightcol a:active, #rightcol a:hover {

	font-family: arial;
	font-size: 10pt;
	color: #000;
	text-decoration: underline;

}

#footer {

	width: 960px;
	height: 20px;
	color: #000;
	font-family: arial;
	font-size: 10pt;
	text-align: center;
	margin-top: 5px;

}

#footer a, #footer a:visited, #footer a:active, #footer a:hover {

	color: #000;
	font-family: arial;
	font-size: 10pt;
	text-decoration: underline;

}



/* TABS STYLE */

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:28px;
	border-bottom:1px solid #666;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url('tabs1.gif') no-repeat -485px 0px;
	font-size:11px;
	display:block;
	height: 28px;  
	line-height:28px;
	width: 81px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs img {
	border: 0px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -485px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -485px -62px;		
	cursor:default !important; 
	color:#000 !important;
}


/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 			{ background-position: -485px 0; width:69px; }
ul.tabs a.w1:hover 	{ background-position: -485px -31px; }
ul.tabs a.w1.current { background-position: -485px -62px; }

/* width 2 */
ul.tabs a.w2 			{ background-position: -393px -0px; width:92px; }
ul.tabs a.w2:hover 	{ background-position: -393px -31px; }
ul.tabs a.w2.current { background-position: -393px -62px; }


/* width 3 */
ul.tabs a.w3 			{ background-position: -221px 0px; width:173px; }
ul.tabs a.w3:hover 	{ background-position: -221px -31px; }
ul.tabs a.w3.current { background-position: -221px -62px; }

/* width 4 */
ul.tabs a.w4 			{ background-position: 0 0; width:220px; }
ul.tabs a.w4:hover 	{ background-position: 0 -31px; }
ul.tabs a.w4.current { background-position: 0 -62px; }


/*Main Navbar */

#nav {
	background:#fff;
	font-size: 10pt;
	float: right;
	display: inline;
	position: relative;
	}
	
#nav, #nav ul {
	list-style: none;
	line-height: 1;
	height: 20px;
	}

#nav a, #nav a:hover {
	font-size: 10pt;
	display: block;
	text-decoration: none;
	border:none;
	}

#nav li {
	float: left;
	list-style:none;
	border-right:1px solid #000;
	}

#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	color: #000;
	padding:6px 12px;
	}

#nav a:hover, #nav a:active, .current_page_item	a, #home .on {
	background:#fff;
	color: #000;
	text-decoration:none
	}


/* IE6 css fixer v0.7: Mon, 21 Dec 2009 20:25:04 +0100 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html ul.nav,
* html #leftcol,
* html #rightcol,
* html ul.tabs li {display:inline;}

/* convert min height values */
* html body, * html html {height:100%;}


/* add zoom:1 to pos:relative elements */
* html ul.nav,
* html ul.tabs a {zoom:1;}