/* CSS Document 
iDesigners.org - Exclusive Templates, Tutorials, Graphics and Coding*/

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body-bg.jpg) center top no-repeat #C8CF0F;
	text-align:center;
	min-width:1000px;
	margin-top: 0px;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

.alignright {text-align:right;}

html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8175em;
		line-height:1.307em;
		color:#392a0e;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#392a0e; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:17px;}

/* ============================= main layout ====================== */


.imgindent {margin:0 20px 0 0; float:left;}

/* ============================= header ====================== */
#header {background:url(images/header-extra-bg.gif) left top repeat-x;}
.header-extra {background:url(images/border-bg.gif) left bottom repeat-x; height:99px;}

.logo {float:left; padding:24px 0 0 0;}


.menu {float:right; padding-top:37px; text-transform:uppercase;}
.menu li {float:left; background:none; padding:0 3px 0 0; line-height:1.45em; font-size:0.846em; font-family:Verdana; font-weight: bold}
.menu li a {display:block; width:98px; height:26px; text-align:center; text-decoration:none; padding:8px 0 0 0; background:url(images/menu-li-a-bg.gif) left top no-repeat; color:#392a0e; letter-spacing:-1px;}
.menu .last {padding-right:1px;}
.menu li a:hover, .menu .active a {background:url(images/menu-li-a-bg-hover.gif) left top no-repeat;}

.slogan {position:relative; font-size:3.69em; line-height:1.1em; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-effect: outline;}
.slogan strong {display:block; padding-top:42px}
.twitter {position:absolute; top:60px; right:-5px;}
* + html .twitter {top:59px;}
/* ============================= content ====================== */
.box {background:url(images/box-tail.gif) left bottom repeat-x #fff;}
.box .indent {padding:45px 10px 20px 23px;}
.box .indent1 {padding:45px 40px 20px 23px;}
.box .bottom-tail {background:url(images/box-bottom-tail.gif) left bottom repeat-x;}
.box .bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat; width:100%; min-height:298px; height:auto !important; height:298px;}
.box .bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .top-right1 {background:url(images/box-corner-top-right1.gif) top right no-repeat;}
.box .top-left {background:url(images/box-corner-top-left.gif) top left no-repeat;}

.col-pad {padding-right:34px;}
.col-pad1 {padding-right:48px;}
.col-pad2 {padding-right:20px;}

.indent {padding:0 0 37px 0;}

.link {background:url(images/link-left-bg.gif) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:15px 0 0 0px; color:#fbfcfe; font-weight:bold; cursor:pointer; font-size:1em; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
.link span {background:url(images/link-right-bg.gif) right top no-repeat; display:inline-block; padding:0 28px 0 9px;}
.link span span  {background:url(images/link-tail-bg.gif) top repeat-x; padding:6px 5px 8px 8px;}

.link:hover {background:url(images/link-left-bg-hover.gif) left top no-repeat; }
.link:hover span {background:url(images/link-right-bg-hover.gif) right top no-repeat;}
.link:hover span span  {background:url(images/link-tail-bg-hover.gif) top repeat-x;}

.margin {margin-top:-8px;}

.pad {padding-top:26px;}
.pad1 {padding-top:18px;}
/* ============================= footer ====================== */
#footer {background:url(images/border-bg.gif) left top repeat-x; font-size:0.84em;}
#footer .indent {padding:22px 0 0 23px; }
#footer .col-1 {width:125px !important;}
#footer .col-2 {width:215px !important;}
#footer .col-3 {width:135px !important;}
#footer .col-4 {width:230px !important;}
#footer .paging {text-transform:uppercase; text-decoration:none; display:inline-block; padding-bottom:7px}
#footer .paging:hover {color:#595f4a}
#footer span {font-size:1.63em; line-height:1.16em; display:block;}
#footer li {background:none; padding:0; line-height:1.72em;}
#footer li a {text-decoration:none;}
#footer li a:hover {text-decoration:underline;}
#footer em {font-style:normal; font-size:0.9em;}
#footer em a {text-decoration:none;}
#footer em a:hover {text-decoration:underline;}
/* ============================= forms ============================= */
#ContactForm {padding-top:27px;}
#ContactForm .link {margin:15px 10px 0 10px}
#ContactForm label {height:25px; display:block;}
.column1 {width:183px; float:left;}
.column2 {width:255px; float:left;}
.input {width:171px; border:1px solid #9a9385; background:none; padding:1px 0 1px 5px; font-size:1em; line-height:1.243em;}
textarea {width:250px; height:68px; border:1px solid #9a9385; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}
/*----------------------------------*/
#tabs ,#tabs1 ,#tabs2 ,#tabs3 ,#tabs4 {width:979px; }
#tabs .nav, #tabs1 .nav, #tabs2 .nav, #tabs3 .nav, #tabs4 .nav { height: 83px; width:980px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
.ui-tabs .ui-tabs-nav li { float: left; margin: 0; padding: 0 1px 0 0; height: 83px; line-height:1.2em;   font-size:0.92em;  background:url(images/tab-png.png) left top no-repeat; }
.ui-tabs .ui-tabs-nav li a { text-decoration: none; color: #392a0e; display: block; font-size: 1.2em; width:222px; height:60px;  padding:23px 0 0 22px ; }
#tabs .nav li a:hover, #tabs1 .nav li a:hover, #tabs2 .nav li a:hover, #tabs3 .nav li a:hover {background:url(images/tabs-active.gif) left top no-repeat;}
#tabs li strong, #tabs1 li strong, #tabs2 li strong, #tabs3 li strong {display:block; font-size:1.9em; text-transform:uppercase;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background:url(images/tabs-active.gif) left top no-repeat;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-hide { display: none !important; }

#tabs4 .nav li { float: left; margin: 0; padding: 0 1px 0 0; height: 83px; line-height:1.2em;   font-size:0.92em;  background:url(images/tabs-active.gif) left top no-repeat; }
#tabs4 li strong {display:block; font-size:1.7em; text-transform:uppercase;}
#tabs4 .nav li a { text-decoration: none; color: #392a0e; display: block; font-size: 1.2em; width:222px; height:60px;  padding:23px 0 0 22px ; }

.box ul {width:100%; padding-top:10px}
.box li {  line-height:1.846em; background:url(images/border-list.gif) left bottom repeat-x;}
.box li a {color:#392a0e; background:url(images/marker.gif) no-repeat 0 10px; padding-left:12px; display:inline-block; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
.box li a:hover {color:#857c6c;}
.box .last {background:none;}