/*------------------------------------------------------------ version: 1.0.0 author: Brian Bredenkamp email: brian@globalwebpartners.com website: http://www.globalwebpartners.com ------------------------------------------------------------*/ /* ======= GLOBAL STYLES ======= */ ul,ol {list-style:none;} body,h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,input,label,div,dd,dt,dl,table,tr,td,img,hr { margin:0; padding:0;} a img,:link img,:visited img {border:none; } a { text-decoration:none; } p { font-family: Arial, Helvetica, sans-serif;} /*.field { border-style:solid; border-width:1px; width:605px; } .legend { margin-left: 20px;}*/ /* TYPOGRAPHY: =typography ----------------------------------------------- */ #tmcgtext { font: 20px Arial, Helvetica, sans-serif; padding-left: 44px; padding-top:10px } .headertext { font: 20px Arial, Helvetica, sans-serif; padding-left: 14px; padding-top:10px } #featurednewstext { font: 20px Arial, Helvetica, sans-serif; padding-left: 44px; padding-top:10px } #twittertext { font: 20px Arial, Helvetica, sans-serif; padding-left: 74px; padding-top:30px;} #welcometext { padding-left:20px; padding-top:10px; font: 16px Arial, Helvetica, sans-serif; line-height: 23px;} p.sitetext { padding-left:20px; padding-top:10px; font: 16px Arial, Helvetica, sans-serif; line-height: 23px;} #featurednews { padding-left:20px; padding-top:10px; font: 16px Arial, Helvetica, sans-serif; line-height: 23px;} .quickquotetext { font: 20px Arial, Helvetica, sans-serif; padding-left: 14px; padding-top:10px;} .shipheader { font: 20px Arial, Helvetica, sans-serif; padding-left: 44px; padding-top:10px;} .quotetext{ font: 14px Arial, Helvetica, sans-serif; padding-left: 14px; padding-top:0px; text-align:right;} .MsoNormal { padding-bottom:15px;} .toplinks { color:Black;} .Button2, button2 { border-right: #737357 1px solid; border-top: #737357 1px solid; border-left: #737357 1px solid; color: #3b3b1f; border-bottom: #737357 1px solid; background-color: #c7c78f; padding:3px; } /* LAYOUT: =layout ----------------------------------------------- */ body { background: #023375 url("../images/bg.png") no-repeat left top; } #wrapper { margin:0px; padding:0px; width:100%; height:100%; float:left;} #innerwrapper { width:970px; height:1030px; margin:0 auto;} #nav { margin-top: -20px;} #main {margin-top:0px; margin-left:-2px;} #content1 { background: url(../images/content1.png) no-repeat top left; width:971px; height:300px;margin-top:5px;} #content2 { margin-left:2px; background: url(../images/content2.png) no-repeat top left; width:962px; height:300px;margin-top:-5px;} #content2left { } #content2right { float:right; width:330px; height: 290px;} #contentspace { width:100%; height:13px;} #welcome { background: url(../images/welcomeboard.png) no-repeat top left; width: 628px; height:274px; margin-left:10px; float:left;} #whatsnew { float:right; width:280px; padding-right:0px; padding-top: 20px; font: 14px Arial, Helvetica, sans-serif; } #whatsnew ul { margin-left:15px;} #whatsnew ul li { list-style:disc; list-style-type:disc; margin-bottom:9px;} #footer {margin-top:5px;} #thetopnav { height: 26px; width:100%; margin-top:-25px; } #topnavitems { float:right; background: url(../images/topnav.gif) no-repeat top right; width:202px; height:26px; margin-right:20px;} #topnavtext {} #topnavigation { float:right; margin-top:-60px; padding-right:15px; height:26px; width:220px; display:block;} #topnavmiddle {background: url(../images/menu/topnav_middle.png) repeat-x top left; height:26px; width:170px;} #mainpre { margin-left:2px; margin-top:5px;} #spacel { margin:0px; padding:0px; background: #ffffff url("../images/spacel.jpg") repeat-y left top; height:1030px; width:8px; float:left;} #contentpanel { margin-left:2px; margin-top:10px;} #contentmiddletop { background: url('../images/contentbgtop1.gif') no-repeat top left; width:960px; height:7px; } #contentmiddle { background: url('../images/contentbgmiddle1.gif') repeat-y top left; width:960px; } #contentbottom { background: url('../images/contentbgbottom1.gif') no-repeat top left; width:960px; height:6px; } #contentpanelheader {background: url('../images/contentpanelheader1.gif') no-repeat top left; width:629px; height:48px;} #contentpanelbg {background: url('../images/contentpanelbg1.gif') repeat-y top left; width:629px; } #contentpanelbottom {background: url('../images/contentpanelbottom1.gif') no-repeat top left; width:629px; height:21px;} #contentpanelcontainer {} #rtbg { background: #FFFFE5; width:290px; margin-left:10px; height:230px; margin-top:15px; } #contentpanel2 { margin-left:2px; margin-top:10px;} #contentmiddletop2 { background: url('../images/contentbgtop1.gif') no-repeat top left; width:960px; height:7px; } #contentmiddle2 { background: url('../images/contentbgmiddle1.gif') repeat-y top left; width:960px; } #contentbottom2 { background: url('../images/contentbgbottom1.gif') no-repeat top left; width:960px; height:6px; } #contentpanelheader2 {background: url('../images/contentpanelheader2.gif') no-repeat top left; width:629px; height:48px;} #contentpanelbg2 {background: url('../images/contentpanelbg1.gif') repeat-y top left; width:629px; } #contentpanelbottom2 {background: url('../images/contentpanelbottom1.gif') no-repeat top left; width:629px; height:21px;} #contentpanelcontainer2 {} #rtbg2 { background: #FFFFE5; width:290px; margin-left:10px; height:230px; margin-top:15px; } .pipe { padding: 0px 5px;} #rightpanel2 { margin-top:-23px;} #contentpanelheader3 {background: url('../images/contentpanelsmheader1.gif') no-repeat top left; width:311px; height:70px;} #contentpanelbg3 {background: url('../images/contentpanelsmbg1.gif') repeat-y top left; width:311px; } #contentpanelbottom3 {background: url('../images/contentpanelsmbottom1.gif') no-repeat top left; width:311px; height:21px;} #contentpanelheader4 {background: url('../images/contentpanelheader3.gif') no-repeat top left; width:629px; height:48px;} #contentpanelbg4 {background: url('../images/contentpanelbg1.gif') repeat-y top left; width:629px; } #contentpanelbottom4 {background: url('../images/contentpanelbottom1.gif') no-repeat top left; width:629px; height:21px;} #contentpanelcontainer4 {} #rightpanel5 { } #contentpanelheader5 {background: url('../images/contentpanelsmheader2.gif') no-repeat top left; width:311px; height:48px;} #contentpanelbg5 {background: url('../images/contentpanelsmbg1.gif') repeat-y top left; width:311px; } #contentpanelbottom5 {background: url('../images/contentpanelsmbottom1.gif') no-repeat top left; width:311px; height:21px;} #contentpanelheadersub {background: url('../images/contentpanellgheader1.gif') no-repeat top left; width:942px; height:48px;} #contentpanelbgsub {background: url('../images/contentpanellgbg1.gif') repeat-y top left; width:942px; } #contentpanelbottomsub {background: url('../images/contentpanellgbottom1.gif') no-repeat top left; width:942px; height:21px;} .contentpadding { padding:10px;} /*#leftpanel { width:60%; float:left;} #rtbg { }*/ /*#rightpanel { float:right; width:280px;} #rtbg { width:280px; min-height:200px; background:#ffffff url('../images/contentpanelbg1.gif') repeat-y top right;}*/ #footerpanel { background: url('../images/footerpanel.png') no-repeat top left; width:960px; height:39px; margin-left:2px; margin-top:5px;} #footertext { padding-top: 12px; padding-left:15px; font: arial 11px; color: #6B6B6B;} #footertext a {font: arial 10px; font-size:small; color: #6B6B6B;} #footertext p {font: arial 10px; font-size:small; color: #6B6B6B;} #footertext a:hover {font: arial 10px; color: #cccccc;} #topnavtext a:hover {color: #cccccc;} #padding { padding: 5px 5px 5px 5px;} .getquotebtn:hover { background: url('../images/getquoteover.gif') no-repeat top left; height:50px; width:181px;} .quotebg { background: url('../images/quotebg.gif') no-repeat top left; width:290px; height:277px; } /* TWITTER: =twitter twitzinheight:250px; ----------------------------------------------- */ #twitterheadtext { font: 20px Arial, Helvetica, sans-serif; padding-left: 74px; padding-top:30px; } .twitzin{ width:310px; margin-left:0px; margin-top:18px; padding:0 0 0px 0; float:left; background:url(images/twitbot.jpg) bottom no-repeat; } .twitter-title{ margin:0px 0 0px 0; padding:40px 10px 0px 3px; font-size:20px; height:29px; color:#C1A178; font-family:Trebuchet ms,century gothic,Verdana,Helvitica,sans-serif; background:url(images/twith2.jpg) no-repeat; font-weight:bold; text-align:right; } #twitter_update_list { height:auto; margin: 0 0; } ul#twitter_update_list { list-style-type:none; padding: 0 10px; } ul#twitter_update_list li { list-style-type:none; } ul#twitter_update_list li span{ list-style-type:none; display: block; background:#F5F5F5; padding:3px 5px ; border-top:1px solid #625138; border-left:1px solid #625138; border-right:1px solid #625138; border-bottom:1px solid #291e0f; color:#000000; font: 13px "trebuchet ms",verdana, Arial, sans-serif; } ul#twitter_update_list li a:link , ul#twitter_update_list li a:visited{ color:#000000; height:20px; display:block; } ul#twitter_update_list li a:hover { color:#cccccc; height:20px; display:block; }